color adjustment

GSEKM · Nov 19, 2024 · ef4130d · ef4130d
1 parent 2b04532
commit ef4130d
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/src/components/sidebar/Sidebar.svelte b/src/components/sidebar/Sidebar.svelte
@@ -15,17 +15,19 @@
         }
     };
 
-    const types = Array.from(new Set(nodes.map((node: any) => node.extras.type)));
+    const types = Array.from(
+        new Set(nodes.map((node: any) => node.extras.type)),
+    );
     console.log(types);
 </script>
 
 <aside>
     <div class="mb-0"></div>
     <div class="flexbox items-center justify-center">
         {#each types as type}
-            <div class="type-label">{type}</div>
+            <div class="type-label">{type.toUpperCase()}</div>
             <div
-                style="background-color: white; border: 2px solid black; padding: 2px"
+                style="background-color: #2d2d2d; border: 2px dashed white; padding: 2px ; color: white"
             >
                 {#each nodes as node}
                     {#if node.extras.type == type}
@@ -49,12 +51,15 @@
 
 <style>
     aside {
-        width: 20%;
+        width: 25%;
         background: #f4f4f4;
         font-size: 12px;
         display: flex;
         flex-direction: column;
         overflow: auto;
+        background-color: #2d2d2d;
+
+        scrollbar-width: none; /* Firefox */
     }
 
     .node {
@@ -67,6 +72,7 @@
         cursor: grab;
         width: 95%;
         text-align: center;
+        background-color: black;
     }
 
     .type-label {
@@ -75,7 +81,7 @@
         font-weight: bold;
         margin: 3px;
         margin-top: 17px;
-        color: #0f0a0a;
+        color: #fff;
         border-radius: 15px;
     }
 </style>