dark mode fixes

broeker · Jan 24, 2021 · 1a23e32 · 1a23e32
1 parent e415ee7
commit 1a23e32
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/_tmp/style.css b/_tmp/style.css
@@ -938,6 +938,11 @@ nav.toc ol li a:hover {
   color: rgba(17, 24, 39, var(--tw-text-opacity))
 }
 
+.dark .prose .footer-nav a:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(156, 163, 175, var(--tw-text-opacity)) !important;
+}
+
 /* Utilities and misc */
 
 .adjust  p img, .adjust img, .adjust p iframe, .adjust iframe, .twitter-tweet {
@@ -964,6 +969,11 @@ nav.toc ol li a:hover {
   justify-content: center;
 }
 
+.dark input {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
 .container {
   width: 100%;
   margin-right: auto;

diff --git a/styles/tailwind.css b/styles/tailwind.css
@@ -104,6 +104,9 @@
   nav.toc ol li a:hover {
     @apply text-gray-900
   }
+  .prose .footer-nav a:hover {
+    @apply dark:text-gray-400 !important
+  }
 
 /* Utilities and misc */
   .adjust  p img, .adjust img, .adjust p iframe, .adjust iframe, .twitter-tweet {
@@ -121,4 +124,7 @@
   .icon-spacer {
     width: "24px";
   }
+  input {
+   @apply dark:text-gray-400
+  }
 }