Make moon and sun awesome

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);

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;
 }