topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

removed !important

pull/1/head
GilbN 6 years ago
parent
5b04c8312b
commit
787444ce48
2 changed files with 81 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 78
      CSS/themes/grafblur.css
  2. 80
      CSS/themes/graforg.css

78
CSS/themes/grafblur.css
View File

@ -1,7 +1,7 @@
/* GRAFANA BLUR THEME */ /* GRAFANA BLUR THEME */
body { body {
background-image: url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-noise.png"), url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-light.png"); background-image: url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-noise.png"), url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-light.png");
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
background-position: center center, center center; background-position: center center, center center;
background-size: auto, cover; background-size: auto, cover;
@ -12,7 +12,7 @@ body {
color:#FFFFFF; color:#FFFFFF;
} }
.main-view { .main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important; background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px);
} }
/* sidemenu */ /* sidemenu */
@ -28,13 +28,13 @@ body {
/* Dashboard dropdown menu */ /* Dashboard dropdown menu */
.search-dropdown__col_1 { .search-dropdown__col_1 {
background: rgba(0, 0, 0, 0) !important; background: transparent;
} }
.search-container { .search-container {
left: 0px !important; left: 0px;
} }
.navbar-page-btn { .navbar-page-btn {
color: #FFFFFF !important; color: #FFFFFF;
} }
/* Panel fullscreen navbar */ /* Panel fullscreen navbar */
@ -45,7 +45,7 @@ body {
/* Dashboard search menu */ /* Dashboard search menu */
.search-field-wrapper { .search-field-wrapper {
background-image: url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-noise.png"), url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-light.png"); background-image: url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-noise.png"), url("https://cdn.rawgit.com/gilbN/GrafOrg/master/Resources/blur-light.png");
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
background-position: center center, center center; background-position: center center, center center;
background-size: auto, cover; background-size: auto, cover;
@ -53,37 +53,37 @@ body {
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
background-color: rgba(0,0,0,.0); background-color: rgba(0,0,0,.0);
box-shadow: none !important; box-shadow: none;
} }
.search-field-wrapper>input { .search-field-wrapper>input {
height: 55px !important; height: 55px;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
} }
.search-field-icon { .search-field-icon {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
} }
/* Dashboard settings menu */ /* Dashboard settings menu */
.dashboard-settings__aside { .dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important; background: rgba(0, 0, 0, .25);
} }
.dashboard-page--settings-open .navbar { .dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)); background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25));
} }
.navbar-button--primary { .navbar-button--primary {
border-color: #ffffff00 !important; border-color: #ffffff00;
} }
.dashboard-settings__aside-header { .dashboard-settings__aside-header {
color: #ffffff !important; color: #ffffff;
} }
.dashboard-settings__nav-item { .dashboard-settings__nav-item {
color: #ffffff !important; color: #ffffff;
} }
.bootstrap-tagsinput { .bootstrap-tagsinput {
background-color: #09090b; background-color: #09090b;
} }
.gf-form-select-wrapper .gf-form-input { .gf-form-select-wrapper .gf-form-input {
background-color: #393a3b !important; background-color: #393a3b;
} }
/* Variable label color */ /* Variable label color */
@ -93,16 +93,21 @@ body {
/* Variable label box */ /* Variable label box */
.gf-form-label { .gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
border: none !important; border: none ;
}
.gf-form-input:focus {
color: #FFF !important;
background-color: #262626 !important;
border: none !important;
} }
/* Variable dashboard dropdown */ /* Variable dashboard dropdown */
.variable-value-link { .variable-value-link {
padding: 7.4px 10px !important; padding: 7.4px 10px;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
border: none !important; border: none;
color: #FFFFFF !important; color: #FFFFFF;
} }
/* Variable input box */ /* Variable input box */
@ -115,53 +120,50 @@ body {
/* NAVBAR BUTTONS */ /* NAVBAR BUTTONS */
.navbar-button { .navbar-button {
color: #FFFFFF !important; color: #FFFFFF;
background-color: #00000040 !important; background-color: #00000040;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
} }
/* Custom Range Refreshing every X Dropdown */ /* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select { .gf-timepicker-absolute-section select {
background-color: #393a3b !important; background-color: #393a3b;
}
.gf-form-input:focus {
box-shadow: none !important;
} }
/* PANEL BACKGROUND COLOR*/ /* PANEL BACKGROUND COLOR*/
.panel-container { .panel-container {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
border: 1px solid rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.1);
} }
.panel-container.panel-transparent { .panel-container.panel-transparent {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
} }
.panel-header:hover { .panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
} }
/* ////PANEL BACKGROUND COLOR//// */ /* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) { .graph-legend-table .graph-legend-series:nth-child(odd) {
background: rgba(0, 0, 0, 0) !important; background: rgba(0, 0, 0, 0);
} }
/* Panel text color*/ /* Panel text color*/
div.flot-text { div.flot-text {
color: #ffffff!important; color: #ffffff;
} }
/* panel loading circle*/ /* panel loading circle*/
.panel-loading { .panel-loading {
color: #ffffff!important; color: #ffffff;
} }
/* panel resize arrow */ /* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after { .theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important; border-right: 2px solid #fff;
border-bottom: 2px solid #fff !important; border-bottom: 2px solid #fff;
} }
/* table panel background color */ /* table panel background color */
.table-panel-container { .table-panel-container {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
} }

80
CSS/themes/graforg.css
View File

@ -1,26 +1,26 @@
/* GRAFANA ORG THEME */ /* GRAFANA ORG THEME */
body { body {
color: #FFFFFF !important; color: #FFFFFF;
background-color: rgba(0, 0, 0, 0) !important; background-color: transparent;
} }
.main-view { .main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important; background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px);
} }
/* Hide sidemenu */ /* Hide sidemenu */
.sidemenu { .sidemenu {
display: none !important; display: none;
} }
/* Dashboard dropdown menu */ /* Dashboard dropdown menu */
.search-dropdown__col_1 { .search-dropdown__col_1 {
background: rgba(0, 0, 0, 0) !important; background: transparent;
} }
.search-container { .search-container {
left: 0px !important; left: 0px;
} }
.navbar-page-btn { .navbar-page-btn {
color: #FFFFFF !important; color: #FFF;
} }
/* Panel fullscreen navbar */ /* Panel fullscreen navbar */
@ -31,37 +31,37 @@ body {
/* Dashboard search menu */ /* Dashboard search menu */
.search-field-wrapper { .search-field-wrapper {
background-color: #1f1f1f; background-color: #1f1f1f;
box-shadow: none !important; box-shadow: none;
} }
.search-field-wrapper>input { .search-field-wrapper>input {
height: 55px !important; height: 55px;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
} }
.search-field-icon { .search-field-icon {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
} }
/* Dashboard settings menu */ /* Dashboard settings menu */
.dashboard-settings__aside { .dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important; background: rgba(0, 0, 0, .25);
} }
.dashboard-page--settings-open .navbar { .dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)); background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25));
} }
.navbar-button--primary { .navbar-button--primary {
border-color: #ffffff00 !important; border-color: #ffffff00;
} }
.dashboard-settings__aside-header { .dashboard-settings__aside-header {
color: #ffffff !important; color: #ffffff;
} }
.dashboard-settings__nav-item { .dashboard-settings__nav-item {
color: #ffffff !important; color: #ffffff;
} }
.bootstrap-tagsinput { .bootstrap-tagsinput {
background-color: #09090b; background-color: #09090b;
} }
.gf-form-select-wrapper .gf-form-input { .gf-form-select-wrapper .gf-form-input {
background-color: #393a3b !important; background-color: #393a3b;
} }
/* Variable label color */ /* Variable label color */
@ -71,16 +71,21 @@ body {
/* Variable label box */ /* Variable label box */
.gf-form-label { .gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
border: none !important; border: none;
}
.gf-form-input:focus {
color: #FFF !important;
background-color: #262626 !important;
border: none !important;
} }
/* Variable dashboard dropdown */ /* Variable dashboard dropdown */
.variable-value-link { .variable-value-link {
padding: 7.4px 10px !important; padding: 7.4px 10px;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
border: none !important; border: none;
color: #FFFFFF !important; color: #FFFFFF;
} }
/* Variable input box */ /* Variable input box */
@ -93,53 +98,50 @@ body {
/* NAVBAR BUTTONS */ /* NAVBAR BUTTONS */
.navbar-button { .navbar-button {
color: #FFFFFF !important; color: #FFF;
background-color: #00000040 !important; background-color: rgba(0, 0, 0, 0.25);
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
} }
/* Custom Range Refreshing every X Dropdown */ /* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select { .gf-timepicker-absolute-section select {
background-color: #393a3b !important; background-color: #393a3b;
}
.gf-form-input:focus {
box-shadow: none !important;
} }
/* PANEL BACKGROUND COLOR*/ /* PANEL BACKGROUND COLOR*/
.panel-container { .panel-container {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
border: 1px solid rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.1);
} }
.panel-container.panel-transparent { .panel-container.panel-transparent {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
} }
.panel-header:hover { .panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25);
} }
/* ////PANEL BACKGROUND COLOR//// */ /* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) { .graph-legend-table .graph-legend-series:nth-child(odd) {
background: rgba(0, 0, 0, 0) !important; background: transparent;
} }
/* Panel text color*/ /* Panel text color*/
div.flot-text { div.flot-text {
color: #ffffff!important; color: #FFF;
} }
/* panel loading circle*/ /* panel loading circle*/
.panel-loading { .panel-loading {
color: #ffffff!important; color: #FFF;
} }
/* panel resize arrow */ /* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after { .theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important; border-right: 2px solid #fff;
border-bottom: 2px solid #fff !important; border-bottom: 2px solid #fff;
} }
/* table panel background color */ /* table panel background color */
.table-panel-container { .table-panel-container {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25);
} }

Write Preview
Loading…
Cancel
Save