From 354ba66da37d9c94a43acb3949c8f74d5e93a184 Mon Sep 17 00:00:00 2001 From: Timur Ismagilov Date: Thu, 15 Jul 2021 21:08:20 +0500 Subject: [PATCH] Dark theme for the top bar --- static/default.css | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/static/default.css b/static/default.css index df8604d..e86e358 100644 --- a/static/default.css +++ b/static/default.css @@ -600,6 +600,24 @@ kbd { color: black; text-decoration: none; } + +.top-bar__home-link:hover, +.auth-links__link:hover, +.top-bar__highlight-link:hover { + background-color: #eee; +} + +@media (prefers-color-scheme: dark) { + .top-bar a { + color: #ddd; + } + .top-bar__home-link:hover, + .auth-links__link:hover, + .top-bar__highlight-link:hover { + background-color: #444; + } +} + @media screen and (min-width: 800px) { .top-bar { padding: 0; @@ -661,9 +679,4 @@ kbd { display: block; padding: 0 .5rem; } - .top-bar__home-link:hover, - .auth-links__link:hover, - .top-bar__highlight-link:hover { - background-color: #eee; - } } \ No newline at end of file