From e3ddca563bb6ead74800ece6c2d39f6037b56759 Mon Sep 17 00:00:00 2001 From: Yash Mehrotra Date: Wed, 4 Aug 2021 22:09:51 +0530 Subject: [PATCH] Make moon and sun awesome --- themes/gokarna/static/css/dark.css | 9 +++++++++ themes/gokarna/static/css/main.css | 14 ++++++++++++-- 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/themes/gokarna/static/css/dark.css b/themes/gokarna/static/css/dark.css index ca40260..718afa1 100644 --- a/themes/gokarna/static/css/dark.css +++ b/themes/gokarna/static/css/dark.css @@ -23,6 +23,15 @@ html { color: var(--dark-header-divider-color); } +.feather-moon { + fill: white; +} + +a:hover .feather-moon { + fill: none; + color: white !important; +} + .post-tags .post-tag:hover { background-color: var(--dark-text-color); color: var(--dark-bg-color); diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css index d215204..507cfb7 100644 --- a/themes/gokarna/static/css/main.css +++ b/themes/gokarna/static/css/main.css @@ -44,7 +44,7 @@ img { .header { background-color: var(--light-bg-color); color: inherit; - font-size: 1.25rem; + font-size: 1.15rem; height: 50px; left: 0; position: fixed; @@ -110,6 +110,16 @@ img { .nav-links #dark-theme-toggle:hover { cursor: pointer; } + +.feather-sun { + fill: black +} + +a:hover .feather-sun { + fill: none; + color: black !important; +} + #dark-theme-toggle .feather { height: 24px; stroke-linecap: round; @@ -293,7 +303,7 @@ table td { width: 9rem; } -.home-about .avatar img { +.home-about .avatar img.size-m { height: 11rem; width: 11rem; }