fix: theming for config node popups

Author: zlataovce

src/css/configuration-explorer-layout.css

@@ -66,9 +66,9 @@
 
 /* Popup Window */
 .config-explorer-popup-window {
-  background-color: #1c1e21;
+  background-color: var(--config-node-popup-background-color);
   padding: 10px;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
   border-radius: 5px;
   margin-right: 100px;
   width: fit-content;

src/css/custom.css

@@ -16,6 +16,7 @@
   /* Config Node */
   --default-config-node-text-color: rgb(148, 148, 148);
   --config-node-highlight-text-color: black;
+  --config-node-popup-background-color: white;
   --config-explorer-file-node-text-color: rgba(0, 0, 0, 0.03);
   --config-node-indent-size: 30px;
 
@@ -40,6 +41,7 @@ html[data-theme="dark"] {
   /* Config Node */
   --default-config-node-text-color: rgb(128, 128, 128);
   --config-node-highlight-text-color: white;
+  --config-node-popup-background-color: #1c1e21;
   --config-explorer-file-node-text-color: rgba(0, 0, 0, 0.03);
 
   /* EOL Message */