fix: on some devices text is dark (#1)

src/index.css

@@ -2,6 +2,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
 :root {
   --rosewater: #f5e0dc;
   --flamingo: #f2cdcd;
@@ -29,23 +30,27 @@
   --base: #1e1e2e;
   --mantle: #181825;
   --crust: #11111b;
-  } 
-  .mauve {
+}
+
+.mauve {
   color: var(--mauve)
-  } 
-  .text-highlight {
+}
+
+.text-highlight {
   color: var(--mauve);
   /* color: linear-gradient(var(--mauve), var(--mantle); */
   /* -webkit-background-clip: text; */
   /* -webkit-text-fill-color: transparent; */
   @apply ease-in duration-500;
 
-  } 
-  .text-highlight:hover {
+}
+
+.text-highlight:hover {
   background: linear-gradient(var(--mauve), var(--yellow));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
-  }
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -53,6 +58,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  color: var(--text);
 }
 
 code {