From 213ea5f44f366bd2342092c8fd82ca1fbda1a62e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=AD=E6=A1=93=E6=A1=93?= Date: Sat, 4 Mar 2023 16:53:06 +0800 Subject: [PATCH] refactor(vars): create `modes` directory --- src/scss/partials/code.scss | 2 +- src/scss/partials/link.scss | 2 +- src/scss/partials/text.scss | 4 ++-- src/scss/partials/title.scss | 4 ++-- src/scss/variables/_dark.scss | 3 --- src/scss/variables/_light.scss | 3 --- src/scss/variables/modes/_dark.scss | 3 +++ src/scss/variables/modes/_light.scss | 3 +++ src/scss/vars.scss | 5 +++-- 9 files changed, 15 insertions(+), 14 deletions(-) delete mode 100644 src/scss/variables/_dark.scss delete mode 100644 src/scss/variables/_light.scss create mode 100644 src/scss/variables/modes/_dark.scss create mode 100644 src/scss/variables/modes/_light.scss diff --git a/src/scss/partials/code.scss b/src/scss/partials/code.scss index 8acac4f..822e5e9 100644 --- a/src/scss/partials/code.scss +++ b/src/scss/partials/code.scss @@ -1,5 +1,5 @@ code { - color: var(--xm-c-dark); + color: var(--xm-c-deep); font-weight: 600; font-size: .875rem; font-family: var(--xm-font-mono); diff --git a/src/scss/partials/link.scss b/src/scss/partials/link.scss index 0d749cd..357c937 100644 --- a/src/scss/partials/link.scss +++ b/src/scss/partials/link.scss @@ -1,5 +1,5 @@ a { - color: var(--xm-c-darker); + color: var(--xm-c-deeper); font-weight: 500; text-decoration: none; code { diff --git a/src/scss/partials/text.scss b/src/scss/partials/text.scss index a106f92..917486c 100644 --- a/src/scss/partials/text.scss +++ b/src/scss/partials/text.scss @@ -3,11 +3,11 @@ p { margin-bottom: 1.25rem; } strong { - color: var(--xm-c-dark); + color: var(--xm-c-deep); font-weight: 600; } b { - color: var(--xm-c-dark); + color: var(--xm-c-deep); } em { color: inherit; diff --git a/src/scss/partials/title.scss b/src/scss/partials/title.scss index ed68d6b..5f0a692 100644 --- a/src/scss/partials/title.scss +++ b/src/scss/partials/title.scss @@ -1,7 +1,7 @@ h1 { margin-top: 0; margin-bottom: .875rem; - color: var(--xm-c-darker); + color: var(--xm-c-deeper); font-weight: 800; font-size: 2.25rem; line-height: 1.15; @@ -9,7 +9,7 @@ h1 { h2 { margin-top: 2rem; margin-bottom: 1rem; - color: var(--xm-c-dark); + color: var(--xm-c-deep); font-weight: 700; font-size: 1.5rem; line-height: 1.35; diff --git a/src/scss/variables/_dark.scss b/src/scss/variables/_dark.scss deleted file mode 100644 index d104f99..0000000 --- a/src/scss/variables/_dark.scss +++ /dev/null @@ -1,3 +0,0 @@ -$regular: #bbb; -$dark: #ddd; -$darker: #fff; diff --git a/src/scss/variables/_light.scss b/src/scss/variables/_light.scss deleted file mode 100644 index f738fe3..0000000 --- a/src/scss/variables/_light.scss +++ /dev/null @@ -1,3 +0,0 @@ -$regular: #555; -$dark: #222; -$darker: #000; diff --git a/src/scss/variables/modes/_dark.scss b/src/scss/variables/modes/_dark.scss new file mode 100644 index 0000000..26d551e --- /dev/null +++ b/src/scss/variables/modes/_dark.scss @@ -0,0 +1,3 @@ +$regular: #bbb; +$deep: #ddd; +$deeper: #fff; diff --git a/src/scss/variables/modes/_light.scss b/src/scss/variables/modes/_light.scss new file mode 100644 index 0000000..88d8e5d --- /dev/null +++ b/src/scss/variables/modes/_light.scss @@ -0,0 +1,3 @@ +$regular: #555; +$deep: #222; +$deeper: #000; diff --git a/src/scss/vars.scss b/src/scss/vars.scss index 0875e92..2a8e81e 100644 --- a/src/scss/vars.scss +++ b/src/scss/vars.scss @@ -2,8 +2,9 @@ @use 'variables/constants'; @use 'variables/colors'; -@use 'variables/light'; -@use 'variables/dark'; + +@use 'variables/modes/light'; +@use 'variables/modes/dark'; :root { @each $name, $val in module-variables('constants') {