From 393192c62a7ec950b7b197757a36b970009265b3 Mon Sep 17 00:00:00 2001 From: ache Date: Sun, 9 Apr 2023 06:28:08 +0200 Subject: Add dark theme code blocks --- src/css/design.scss | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'src/css/design.scss') 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; -- cgit v1.2.3-70-g09d2