Merge pull request #77 from wp-graphql/fix/dark-mode-styles

Add white links with underlines in dark mode
wp-graphql · Sep 20, 2024 · 22e8078 · 22e8078 · headless-platform-by-wp-engine · Sep 20, 2024
2 parents 9a4309a + c6a1b0b
commit 22e8078
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/styles/tailwind.css b/styles/tailwind.css
@@ -149,3 +149,13 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: 500 !important;
   }
 }
+
+/* White links with underline in dark mode */
+[data-theme="dark"] .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  @apply text-white;
+  @apply border-b-2 border-white;
+}
+
+[data-theme="dark"] .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  @apply text-gray-300;
+}