diff --git a/CSS/themes/graforg.css b/CSS/themes/graforg.css
index 37a7d132..f9c98068 100644
--- a/CSS/themes/graforg.css
+++ b/CSS/themes/graforg.css
@@ -223,3 +223,50 @@ div.flot-text {
     box-shadow: none;
     border-bottom: 0px;
 }
+/* panel query settings  */
+.panel-editor__right, .toolbar {
+    background: rgba(0, 0, 0, 0.25);
+}
+.query-editor-row__header {
+    background: rgba(0, 0, 0, 0.25);
+}
+.query-editor-row__body {
+    background: rgba(0, 0, 0, 0.15);
+}
+.panel-options-group {
+    background: rgba(0, 0, 0, 0.15);
+}
+.gf-form-input {
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid rgba(0, 0, 0, 0.25);
+}
+.gf-form-switch {
+    background: rgba(0, 0, 0, 0.25);
+    border: transparent;
+}
+.viz-picker__item {
+    background: rgba(0, 0, 0, 0.25);
+    border: transparent;
+}
+.viz-picker__item--current {
+    box-shadow: 0 0 6px #eb7b18!important;
+    border: 1px solid #eb7b18!important;
+    background: rgba(0, 0, 0, 0.4)!important;
+}
+.viz-picker__item:hover {
+    box-shadow: 0 0 6px #eb7b18!important;
+    background: rgba(0, 0, 0, 0.4);
+    border: 1px solid #eb7b18!important;
+}
+.panel-options-group__header {
+    background: rgba(0, 0, 0, 0.25);
+}
+.custom-scrollbars .thumb-vertical {
+    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));
+}
+.toolbar__main {
+    color: #ffffff;
+    background-color: rgba(0, 0, 0, 0.15);
+    border: transparent;
+}