Refactor Assets component layout and styling; enhance Trigger dropdowns with labels; update MenuBar theme retrieval; fix icon import in AssetPreview; adjust Card component star rating display; modify AddButtons styles and functionality; improve variable definitions in SCSS files; streamline input component styles; refine marketplace card layout; enhance menu dropdown styles; update module toggle styles; adjust tools component styles; improve visualization floating styles; clean up sidebar styles; optimize realTimeViz styles for better responsiveness.

app/src/styles/components/tools.scss

@@ -16,6 +16,8 @@
   background: var(--background-color);
   backdrop-filter: blur(8px);
   z-index: #{$z-index-default};
+  outline: 1px solid var(--border-color);
+  outline-offset: -1px;
 
   .split {
     height: 20px;
@@ -39,7 +41,7 @@
       height: 28px;
       width: 28px;
       cursor: pointer;
-      border-radius: #{$border-radius-small};
+      border-radius: #{$border-radius-medium};
 
       &:hover {
         background: color-mix(in srgb,
@@ -116,10 +118,10 @@
 
   .toggle-threed-button {
     @include flex-center;
-    padding: 3px;
-    border-radius: #{$border-radius-small};
-    background: var(--highlight-accent-color);
-    gap: 2px;
+    padding: 4px;
+    border-radius: #{$border-radius-medium};
+    background: var(--background-color);
+    gap: 5px;
     position: relative;
 
     .toggle-option {
@@ -132,30 +134,25 @@
     &::after {
       content: "";
       position: absolute;
-      background: var(--accent-color);
-      left: 3px;
-      top: 3px;
-      height: 18px;
-      width: 18px;
-      border-radius: #{$border-radius-small};
+      background: var(--background-color-accent);
+      left: 2px;
+      top: 2px;
+      height: 23px;
+      width: 23px;
+      border-radius: #{$border-radius-medium};
       transition: all 0.2s;
     }
 
     .active {
-      color: var(--highlight-accent-color);
+      color: var(--text-button-color);
     }
   }
 
   .toggled {
     &::after {
-      left: 24px;
+      left: 25px;
     }
   }
-
-
-
-
-
 }
 
 .exitPlay {