feat: adjust color

vincentdchan · Nov 27, 2023 · 6f20889 · 6f20889
1 parent 7060224
commit 6f20889
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/blocky-example/app/app.scss b/packages/blocky-example/app/app.scss
@@ -21,7 +21,7 @@
   max-width: 260px;
   border-right-style: solid;
   border-right-width: 1px;
-  border-right-color: grey;
+  border-right-color: var(--border-color);
   flex-shrink: 0;
   padding-top: 1rem;
 
@@ -36,7 +36,6 @@
   }
 }
 
-
 .blocky-example-container {
   height: 100%;
   overflow-x: hidden;
@@ -60,12 +59,14 @@ body {
 
 :root {
   --bg-color: white;
+  --border-color: #e0e0e0;
   --primary-text-color: black;
   --danger-color: rgb(201, 56, 56);
 }
 
 [data-theme="dark"] {
   --bg-color: #161625;
+  --border-color: #1d1d2b;
   --primary-text-color: #c3c3bf;
 }
 

diff --git a/packages/blocky-example/components/navbar.module.scss b/packages/blocky-example/components/navbar.module.scss
@@ -6,7 +6,7 @@
   padding-left: 1.3rem;
   padding-right: 1.3rem;
   display: flex;
-  border-bottom: 1px solid gray;
+  border-bottom: 1px solid var(--border-color);
   background-color: var(--bg-color);
 }