From f741064d281c91a132a87dba5d14751b145e8b02 Mon Sep 17 00:00:00 2001 From: eltrac Date: Fri, 20 Feb 2026 11:07:34 +0800 Subject: refactor: replace HEX color with OKLCH --- assets/css/utils/_variables.scss | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'assets/css/utils') diff --git a/assets/css/utils/_variables.scss b/assets/css/utils/_variables.scss index b310333e..cf2b3ce6 100644 --- a/assets/css/utils/_variables.scss +++ b/assets/css/utils/_variables.scss @@ -1,13 +1,13 @@ :root { /* colors */ - --background-color: #f5f5f7; + --background-color: oklch(0.9707 0.0027 286.35); + --bright-background-color: oklch(0.9851 0 0); --block-background-color: rgb(var(--block-background-color-rgb)); --block-background-color-rgb: 233, 232, 237; - --border-color: #d0d7de; - --text-color: #1d1d1f; - --secondary-text-color: #6e6e73; - --link-color: #313135; - --bright-background-color: #fafafa; + --border-color: oklch(0.8758 0.0123 247.97); + --text-color: oklch(0.2316 0.0038 286.1); + --secondary-text-color: oklch(0.5399 0.0077 286.14); + --link-color: oklch(0.3147 0.0071 285.99); /* fonts */ --serif-font-family: @@ -38,13 +38,13 @@ } .dark { - --background-color: #1d2021; + --background-color: oklch(0.2408 0.0049 219.67); --block-background-color: rgb(var(--block-background-color-rgb)); --block-background-color-rgb: 24, 26, 27; --border-color: rgba(255, 255, 255, 0.2); - --text-color: #d2cec9; - --secondary-text-color: #a1998d; - --link-color: #e3dfda; - --bright-background-color: #666; + --text-color: oklch(0.8532 0.0082 73.73); + --secondary-text-color: oklch(0.6863 0.0196 78.19); + --link-color: oklch(0.9054 0.0081 73.74); + --bright-background-color: oklch(0.5103 0 0); } -- cgit v1.2.3