diff options
author | ache <ache@ache.one> | 2023-04-09 06:28:08 +0200 |
---|---|---|
committer | ache <ache@ache.one> | 2023-04-09 06:28:08 +0200 |
commit | 393192c62a7ec950b7b197757a36b970009265b3 (patch) | |
tree | 87e57df485b7c6d4586873c13e95d50a5f8161ae /src/css/design.scss | |
parent | Fix code blocks (diff) |
Add dark theme code blocks
Diffstat (limited to 'src/css/design.scss')
-rwxr-xr-x | src/css/design.scss | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/src/css/design.scss b/src/css/design.scss index a535536..10086ce 100755 --- a/src/css/design.scss +++ b/src/css/design.scss @@ -186,8 +186,22 @@ code { border-radius: 8px; padding: 0 5px; - color: #c22222; - background: #FFF; + @mixin lightMode { + color: #c22222; + background: #FFF; + } + @mixin darkMode { + color: red; + background: black; + } + + @media (prefers-color-scheme: dark) { @include darkMode; } + @media (prefers-color-scheme: light) { @include lightMode; } + + &.light { @include lightMode; } + &.dark { @include darkMode; } + + } table, th, td { padding: 7px 13px; |