style: make colors more coordinated

3 files changed, 27 insertions, 28 deletions

diff --git a/assets/css/base.css b/assets/css/base.css
index a27af2b..db1115f 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -1,28 +1,35 @@
 :root {
-    @apply font-serif bg-primary-bg text-primary-text;
-    --color-eureka: #38B2AC;
-    --color-primary-bg: rgba(242,242,247,1.00);
-    --color-secondary-bg: rgba(255,255,255,1.00);
-    --color-tertiary-bg: rgba(242,242,247,1.00);
-    --color-primary-text: rgba(0,0,0,0.85);
-    --color-secondary-text: rgba(0,0,0,0.7);
-    --color-tertiary-text: rgba(0,0,0,0.55);
+  @apply bg-primary-bg text-secondary-text font-serif;
+  --color-eureka: #38b2ac;
+  --color-primary-bg: rgba(242, 242, 247, 1);
+  --color-secondary-bg: rgba(255, 255, 255, 1);
+  --color-tertiary-bg: rgba(242, 242, 247, 1);
+  --color-primary-text: rgba(0, 0, 0, 0.85);
+  --color-secondary-text: rgba(0, 0, 0, 0.7);
+  --color-tertiary-text: rgba(0, 0, 0, 0.55);
 }
 
 .dark {
-    --color-eureka: #38B2AC;
-    --color-primary-bg: rgba(0,0,0,1.00);
-    --color-secondary-bg: rgba(28,28,30,1.00);
-    --color-tertiary-bg: rgba(44,44,46,1.00);
-    --color-primary-text: rgba(255,255,255,0.85);
-    --color-secondary-text: rgba(255,255,255,0.7);
-    --color-tertiary-text: rgba(255,255,255,0.55);
+  --color-eureka: #38b2ac;
+  --color-primary-bg: rgba(0, 0, 0, 1);
+  --color-secondary-bg: rgba(28, 28, 30, 1);
+  --color-tertiary-bg: rgba(44, 44, 46, 1);
+  --color-primary-text: rgba(255, 255, 255, 0.85);
+  --color-secondary-text: rgba(255, 255, 255, 0.7);
+  --color-tertiary-text: rgba(255, 255, 255, 0.55);
 }
 
-a:hover {
-    @apply text-eureka transition duration-300 ease-in-out;
+h1,
+h2,
+h3 {
+  @apply text-primary-text;
+}
+
+a:hover,
+a:hover * {
+  @apply text-eureka transition duration-300 ease-in-out;
 }
 
 code {
-    direction: ltr;
-}
\ No newline at end of file
+  direction: ltr;
+}
diff --git a/assets/css/prose.css b/assets/css/prose.css
index a1a2d67..bdcc77e 100644
--- a/assets/css/prose.css
+++ b/assets/css/prose.css
@@ -1,7 +1,3 @@
-.prose a:hover * {
-  @apply text-eureka transition duration-300 ease-in-out;
-}
-
 .prose blockquote {
   @apply overflow-x-auto;
 }
diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js
index 194e310..e831185 100644
--- a/assets/css/tailwind.config.js
+++ b/assets/css/tailwind.config.js
@@ -2,6 +2,7 @@ const themeDir = __dirname + "/../../";
 
 module.exports = {
   important: true,
+  darkMode: "class",
   content: [
     themeDir + "layouts/**/*.html",
     themeDir + "exampleSite/content/**/*.html",
@@ -66,11 +67,6 @@ module.exports = {
             "--tw-prose-pre-bg": theme("colors.tertiary-bg"),
             "--tw-prose-th-borders": theme("colors.tertiary-bg"),
             "--tw-prose-td-borders": theme("colors.tertiary-bg"),
-            // a: {
-            //   color: "var(--tw-prose-links)",
-            //   textDecoration: "no-underline",
-            //   fontWeight: "500",
-            // },
           },
         },
       }),