From 11fd18a92da7760076717764cd08d1b74bbfa3db Mon Sep 17 00:00:00 2001
From: Marius <gilberg@gmail.com>
Date: Sun, 13 Sep 2020 19:27:44 +0200
Subject: [PATCH] Grafana fixes

---
 CSS/themes/grafana/grafana-base.css | 68 ++++++++++++++++++++++++++---
 1 file changed, 62 insertions(+), 6 deletions(-)

diff --git a/CSS/themes/grafana/grafana-base.css b/CSS/themes/grafana/grafana-base.css
index 53f5a686..bb66fec3 100644
--- a/CSS/themes/grafana/grafana-base.css
+++ b/CSS/themes/grafana/grafana-base.css
@@ -171,6 +171,9 @@ color:#FFFFFF !important;
 .dropdown-menu-item-shortcut {
     color: #ffffff!important;
 }
+.dropdown-menu {
+    border: 1px solid transparent;
+}
 .dropdown-submenu:hover>a {
     Background-color: rgba(0, 0, 0, 0.25)!important;
 }
@@ -380,6 +383,31 @@ div.flot-text {
     border-bottom: 2px solid transparent;
 
 }
+/* Panel tables */
+.css-58bavm-thead {
+    background: rgba(0, 0, 0, .25);
+}
+.css-sq6g4h-row {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+.css-11m63ae {
+    border-right: 1px solid rgb(255 255 255 / 10%);
+}
+.css-2n373z {
+    border-right: 1px solid rgb(255 255 255 / 25%);
+}
+.css-sq6g4h-row:hover {
+    background-color: rgb(255 255 255 / 0.08);
+}
+.css-3o5ryu {
+    background: rgb(0 0 0 / 45%);
+}
+.css-1n8kpcb-activeTabStyle,.css-dnqfjg-activeTabStyle {
+    background: rgb(0 0 0 / 35%);
+}
+.css-1n8kpcb-activeTabStyle::before, .css-dnqfjg-activeTabStyle::before {
+    background: var(--accent-color);
+}
 /* Edit panel tabs  */
 .tabbed-view-header {
     box-shadow: none;
@@ -523,15 +551,16 @@ border-color: #b56d16 !important;
     border: none;
 }
 
-.modal-header {
+.modal-header, .css-1z13zsv-modalHeader {
     background: var(--modal-bg-color);
     -webkit-box-shadow: none;
     box-shadow: none;
     border-bottom: 1px solid #d8d9da;
+    color: #eee;
 }
-.modal-body {
-    position: relative;
+.modal-body, .css-111908g {
     background: var(--modal-bg-color);
+    color: #eee;
 }
 
 
@@ -554,6 +583,12 @@ border-color: #b56d16 !important;
 .css-370vzt-button,
 .css-msayan-button,
 .css-19kbjxc-button,
+.css-n4gkqg-button,
+.css-u6ysb0-button,
+.css-ak0gkt-button,
+.css-1pa3vaj-button,
+.css-g7zx83-button,
+.css-1pcbsvw-button,
 .gf-form-button-row a, .gf-form-button-row button,
 .page-action-bar>a, .page-action-bar>button,
 .btn-primary{ 
@@ -579,6 +614,18 @@ border-color: var(--button-color);
 .css-msayan-button:focus,
 .css-19kbjxc-button:hover,
 .css-19kbjxc-button:focus,
+.css-n4gkqg-button:hover,
+.css-n4gkqg-button:focus,
+.css-u6ysb0-button:hover,
+.css-u6ysb0-button:focus,
+.css-ak0gkt-button:hover,
+.css-ak0gkt-button:focus,
+.css-1pa3vaj-button:hover,
+.css-1pa3vaj-button:focus,
+.css-g7zx83-button:hover,
+.css-g7zx83-button:focus,
+.css-1pcbsvw-button:hover,
+.css-1pcbsvw-button:focus,
 .gf-form-button-row a, .gf-form-button-row button:hover,
 .btn-primary:hover{
 color: rgb(255, 255, 255);
@@ -646,9 +693,9 @@ outline: transparent dotted 2px;
 transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 }
 .css-1m6pigl:checked + label {
-color: var(--accent-color) !important;
-border-color: rgba(255, 255, 255, .1);
-background: rgba(0, 0, 0, .5);
+    color: #eee !important;
+    border-color: rgba(255, 255, 255, .1);
+    background: var(--button-color);
 }
 .css-b40tk8:focus + label {
 box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
@@ -715,6 +762,9 @@ body > grafana-app > div > div > react-container > div > div > div.view > div >
 
 /*PANEL EDIT*/
 
+.css-cxwxzk-Label-description,.css-n370st {
+    color: #eee;
+}
 /*Header*/
 .css-1marj6o {
 display: flex;
@@ -803,6 +853,12 @@ background: var(--accent-color);
     outline-offset: 2px;
     box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
 }
+.css-mgq0xs-currentVisualizationItem > div:first-child {
+    outline: transparent dotted 2px;
+    outline-offset: 1px;
+    box-shadow: var(--accent-color) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px;
+    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
+}
 /*Old stat panel unit dropdown */
 body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
 height: 100%;