chore: replace theme button with settings

I plan to add more user settings so theme options should be inside
settings.

1 files changed, 24 insertions, 2 deletions

diff --git a/src/components/Toolbar/Toolbar.module.scss b/src/components/Toolbar/Toolbar.module.scss
index 1814b99..45b24d8 100644
--- a/src/components/Toolbar/Toolbar.module.scss
+++ b/src/components/Toolbar/Toolbar.module.scss
@@ -15,6 +15,13 @@
   left: 0;
   z-index: 5;
   background: var(--color-bg);
+  border-top: fun.convert-px(4) solid;
+  border-image: radial-gradient(
+      ellipse at top,
+      var(--color-primary-lighter) 20%,
+      var(--color-primary) 100%
+    )
+    1;
   box-shadow: 0 fun.convert-px(-2) fun.convert-px(3) fun.convert-px(-1)
     var(--color-shadow);
 
@@ -31,6 +38,7 @@
       gap: var(--spacing-sm);
       width: auto;
       background: inherit;
+      border: none;
       box-shadow: none;
       position: relative;
       left: unset;
@@ -40,13 +48,21 @@
   }
 }
 
-.search {
+.menu {
   padding: var(--spacing-md);
   position: absolute;
   bottom: 100%;
   left: 0;
   right: 0;
   background: var(--color-bg);
+  border-top: fun.convert-px(4) solid;
+  border-bottom: fun.convert-px(4) solid;
+  border-image: radial-gradient(
+      ellipse at top,
+      var(--color-primary-lighter) 20%,
+      var(--color-primary) 100%
+    )
+    1;
   box-shadow: fun.convert-px(2) fun.convert-px(-2) fun.convert-px(3)
     fun.convert-px(-1) var(--color-shadow);
   transition: all 0.7s ease-in-out 0s;
@@ -68,7 +84,13 @@
       right: unset;
       top: 120%;
       bottom: unset;
-      background: var(--color-bg-opacity);
+      border: fun.convert-px(4) solid;
+      border-image: radial-gradient(
+          ellipse at top,
+          var(--color-primary-lighter) 20%,
+          var(--color-primary) 100%
+        )
+        1;
       box-shadow: fun.convert-px(2) fun.convert-px(2) fun.convert-px(3)
         fun.convert-px(1) var(--color-shadow);
       transform-origin: 50% -200%;