From 6f208895845b60baf0ac5311451ca1063f8940e9 Mon Sep 17 00:00:00 2001 From: Vincent Chan Date: Mon, 27 Nov 2023 17:15:51 +0800 Subject: [PATCH] feat: adjust color --- packages/blocky-example/app/app.scss | 5 +++-- packages/blocky-example/components/navbar.module.scss | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/blocky-example/app/app.scss b/packages/blocky-example/app/app.scss index d302201..70e7f97 100644 --- 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 index 40216e2..c149a7c 100644 --- 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); }