diff --git a/CSS/themes/grafplex.css b/CSS/themes/grafplex.css index 4b0a5207..3d3c2b42 100644 --- a/CSS/themes/grafplex.css +++ b/CSS/themes/grafplex.css @@ -8,66 +8,66 @@ body { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; - background-color: rgba(0,0,0,.0); - color:#FFFFFF; + background-color: rgba(0,0,0,.0) !important; + color:#FFFFFF !important; } .main-view { - background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px); + background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important; } /* sidemenu */ .sidemenu-open .sidemenu { - background: rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25) !important; } .sidemenu__logo:hover { - background: rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25); !important; } .sidemenu-item.active, .sidemenu-item:hover { - background-color: rgba(0, 0, 0, .25); + background-color: rgba(0, 0, 0, .25) !important; } /* Dashboard dropdown menu */ .search-dropdown__col_1 { - background: transparent; + background: transparent !important; } .search-container { - left: 0px; + left: 0px !important; } .navbar-page-btn { - color: #FFFFFF; + color: #FFFFFF !important; } /* Panel fullscreen navbar */ .panel-in-fullscreen .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)) !important; } /* Dashboard search menu */ .search-field-wrapper>input { - height: 55px; + height: 55px !important; } /* Dashboard settings menu */ .dashboard-settings__aside { - background: rgba(0, 0, 0, .25); + background: rgba(0, 0, 0, .25) !important; } .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)) !important; } .navbar-button--primary { - border-color: #ffffff00; + border-color: #ffffff00 !important; } .dashboard-settings__aside-header { - color: #ffffff; + color: #ffffff !important; } .dashboard-settings__nav-item { - color: #ffffff; + color: #ffffff !important; } .bootstrap-tagsinput { - background-color: #09090b; + background-color: #09090b !important; } .gf-form-select-wrapper .gf-form-input { - background-color: #393a3b; + background-color: #393a3b !important; } /* Variable label color */ @@ -77,8 +77,8 @@ body { /* Variable label box */ .gf-form-label { - background-color: rgba(0, 0, 0, 0.25); - border: none ; + background-color: rgba(0, 0, 0, 0.25) !important; + border: none !important; } .gf-form-input:focus { color: #FFF !important; @@ -88,10 +88,10 @@ body { /* Variable dashboard dropdown */ .variable-value-link { - padding: 7.4px 10px; - background-color: rgba(0, 0, 0, 0.25); - border: none; - color: #FFFFFF; + padding: 7.4px 10px !important; + background-color: rgba(0, 0, 0, 0.25) !important; + border: none !important; + color: #FFFFFF !important; } /* Variable input box */ @@ -104,31 +104,31 @@ body { /* NAVBAR BUTTONS */ .navbar-button { - color: #FFFFFF; - background-color: #00000040; - background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)); + color: #FFFFFF !important; + background-color: #00000040 !important; + background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important; } /* Custom Range Refreshing every X Dropdown */ .gf-timepicker-absolute-section select { - background-color: #393a3b; + background-color: #393a3b !important; } /* PANEL BACKGROUND COLOR*/ .panel-container { - background-color: rgba(0, 0, 0, .25); - border: 1px solid rgba(255, 255, 255, 0.1); + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid rgba(255, 255, 255, 0.1) !important; } .panel-container.panel-transparent { - background-color: rgba(0, 0, 0, .25); + background-color: rgba(0, 0, 0, .25) !important; } .panel-header:hover { - background-color: rgba(0, 0, 0, 0.25); + background-color: rgba(0, 0, 0, 0.25) !important; } /* ////PANEL BACKGROUND COLOR//// */ .graph-legend-table .graph-legend-series:nth-child(odd) { - background: rgba(0, 0, 0, 0); + background: rgba(0, 0, 0, 0) !important; } /* Panel text color*/ @@ -138,16 +138,16 @@ div.flot-text { /* panel loading circle*/ .panel-loading { - color: #ffffff; + color: #ffffff !important; } /* panel resize arrow */ .theme-dark .react-grid-item>.react-resizable-handle:after { - border-right: 2px solid #fff; - border-bottom: 2px solid #fff; + border-right: 2px solid #fff !important; + border-bottom: 2px solid #fff !important; } /* table panel background color */ .table-panel-container { - background-color: rgba(0, 0, 0, .25); + background-color: rgba(0, 0, 0, .25) !important; }