From 6798c70da968f9bd883f1bfa3d03725953f0553a Mon Sep 17 00:00:00 2001 From: Loek Le Blansch <loek@pipeframe.xyz> Date: Sun, 26 Jan 2025 14:21:55 +0100 Subject: update admonitions --- _sass/color.scss | 8 ++++++++ _sass/theme.scss | 12 +++++++++++- 2 files changed, 19 insertions(+), 1 deletion(-) (limited to '_sass') diff --git a/_sass/color.scss b/_sass/color.scss index 51bb888..9a5caff 100644 --- a/_sass/color.scss +++ b/_sass/color.scss @@ -11,6 +11,10 @@ --code-string: #755a1c; --code-number: #c94f29; --code-operator: #6327c1; + + --admonition-warning: #d61b12; + --admonition-note: #a0790a; + --admonition-info: #0f4ba3; } @media only screen and (prefers-color-scheme: dark) { @@ -27,6 +31,10 @@ --code-string: #e4a87e; --code-number: #fa7d57; --code-operator: #da9eff; + + --admonition-warning: #f87171; + --admonition-note: #f2b939; + --admonition-info: #74b7f2; } } diff --git a/_sass/theme.scss b/_sass/theme.scss index 4fb0daa..a844858 100644 --- a/_sass/theme.scss +++ b/_sass/theme.scss @@ -22,7 +22,17 @@ blockquote.admonition { } blockquote.admonition .title { font-weight: bold; - color: var(--color); + color: var(--bg-0); + background-color: var(--color); + display: inline-block; + padding: 3px 6px; + border-radius: 4px; + margin: 0; +} +@each $level in warning,note,info { + .admonition.#{$level} { + --color: var(--admonition-#{$level}); + } } nav, header, footer { -- cgit v1.2.3