style(core): adjust shadow

Power-Playground · Sep 8, 2023 · a2b1be9 · a2b1be9
1 parent 81acc7f
commit a2b1be9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/core/src/components/DrawerPanel.scss b/core/src/components/DrawerPanel.scss
@@ -10,11 +10,11 @@
   min-width: 250px;
   color: var(--pr-fr-cr);
 
-  box-shadow: 0 0 4px #333;
+  box-shadow: 0 0 12px #3338;
   border-right-width: 0 !important;
   transition: .2s;
   html[theme-mode="dark"] & {
-    box-shadow: 0 0 6px #111;
+    box-shadow: 0 0 12px #1118;
   }
   &:focus-visible {
     outline: none;
@@ -37,7 +37,10 @@
     height: 32px;
     background-color: color-mix(in srgb, var(--primary), var(--bg-cr) 10%);
     border-bottom: color-mix(in srgb, var(--primary), var(--bg-cr) 20%) solid 1px;
-    box-shadow: 0 0 4px #333;
+    box-shadow: 1px 1px 12px #3338;
+    html[theme-mode="dark"] & {
+      box-shadow: 1px 1px 12px #1118;
+    }
     transition: .1s;
     h1, h2, h3, h4, h5, h6 {
       margin: 0;
@@ -98,6 +101,6 @@
     flex-grow: 1;
     padding: 4px 8px;
     background-color: color-mix(in srgb, var(--primary), #fff0 50%);
-    backdrop-filter: blur(5px);
+    backdrop-filter: blur(12px);
   }
 }
diff --git a/core/src/components/LeftBar.scss b/core/src/components/LeftBar.scss
@@ -11,11 +11,11 @@
       color-mix(in srgb, var(--primary), var(--bg-cr) 40%) 80%,
       color-mix(in srgb, var(--primary), var(--bg-cr) 80%)
   );
-  box-shadow: 0 0 4px #333;
+  box-shadow: 2px 0 16px #3338;
   overflow: hidden;
   transition: .1s;
   html[theme-mode="dark"] & {
-    box-shadow: 0 0 6px #111;
+    box-shadow: 2px 0 16px #1118;
   }
   &__bottom, &__top {
     display: flex;