diff options
Diffstat (limited to '_sass')
| -rw-r--r-- | _sass/color.scss | 8 | ||||
| -rw-r--r-- | _sass/theme.scss | 12 |
2 files changed, 19 insertions, 1 deletions
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 { |