From ef4130de74a8fd5da06a96fd7639ff66bf6e5c04 Mon Sep 17 00:00:00 2001
From: Gabriel Marques Gallo <80481877+Gallo-10@users.noreply.github.com>
Date: Tue, 19 Nov 2024 14:25:41 -0300
Subject: [PATCH] color adjustment

---
 src/components/sidebar/Sidebar.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/sidebar/Sidebar.svelte b/src/components/sidebar/Sidebar.svelte
index 4fc2f84..85b58b3 100644
--- a/src/components/sidebar/Sidebar.svelte
+++ b/src/components/sidebar/Sidebar.svelte
@@ -15,7 +15,9 @@
         }
     };
 
-    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>
 
@@ -23,9 +25,9 @@
     <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>