diff options
| author | eltrac <hi@eltr.ac> | 2026-02-20 11:31:55 +0800 |
|---|---|---|
| committer | eltrac <hi@eltr.ac> | 2026-02-20 11:31:55 +0800 |
| commit | f0a89c42c21eec6bcce6c1b21dfbf4a73b178099 (patch) | |
| tree | e1564f9952150e5478794d4aa8f765822d4a304f | |
| parent | 1254ffb025721ad75ce30951a167202bfecbf8ec (diff) | |
refactor: use relative CSS colors
| -rw-r--r-- | assets/css/_markdown.scss | 2 | ||||
| -rw-r--r-- | assets/css/utils/_variables.scss | 6 | ||||
| -rw-r--r-- | layouts/_markup/render-blockquote.html | 2 |
3 files changed, 4 insertions, 6 deletions
diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss index d69a7ac8..00916795 100644 --- a/assets/css/_markdown.scss +++ b/assets/css/_markdown.scss @@ -229,7 +229,7 @@ text-align: left; width: fit-content; color: var(--text-color); - background-color: rgba(var(--block-background-color-rgb), 0.75); + background-color: oklch(from var(--block-background-color) l c h / calc(alpha - 0.25)); backdrop-filter: blur(0.5rem); padding: 0.2rem 0.35rem; border-radius: 3px; diff --git a/assets/css/utils/_variables.scss b/assets/css/utils/_variables.scss index cf2b3ce6..cead160f 100644 --- a/assets/css/utils/_variables.scss +++ b/assets/css/utils/_variables.scss @@ -2,8 +2,7 @@ /* colors */ --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; + --block-background-color: oklch(0.933 0.007 295.445); --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); @@ -39,8 +38,7 @@ .dark { --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; + --block-background-color: oklch(0.216 0.004 228.978); --border-color: rgba(255, 255, 255, 0.2); --text-color: oklch(0.8532 0.0082 73.73); --secondary-text-color: oklch(0.6863 0.0196 78.19); diff --git a/layouts/_markup/render-blockquote.html b/layouts/_markup/render-blockquote.html index 9dbd4740..79f57a85 100644 --- a/layouts/_markup/render-blockquote.html +++ b/layouts/_markup/render-blockquote.html @@ -10,7 +10,7 @@ {{ if eq .Type "alert" }} <blockquote class="rounded-1 leading-[1.75] mx-0 px-5 flex gap-3 my-2 alert-{{ .AlertType }}" - style="background-color: rgba(var(--block-background-color-rgb), 0.5)" + style="background-color: oklch(from var(--block-background-color) l c h / calc(alpha - 0.5))" > <div class="py-5"> {{ with .AlertTitle }} |