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 {
+
-    color: var(--mauve)
+.mauve {
-  } 
+  color: var(--mauve)
-  .text-highlight {
+}
-    color: var(--mauve);
+
-    /* color: linear-gradient(var(--mauve), var(--mantle); */
+.text-highlight {
-    /* -webkit-background-clip: text; */
+  color: var(--mauve);
-    /* -webkit-text-fill-color: transparent; */
+  /* color: linear-gradient(var(--mauve), var(--mantle); */
-    @apply ease-in duration-500;
+  /* -webkit-background-clip: text; */
- 
+  /* -webkit-text-fill-color: transparent; */
-  } 
+  @apply ease-in duration-500;
-  .text-highlight:hover {
+
-    background: linear-gradient(var(--mauve), var(--yellow));
+}
-    -webkit-background-clip: text;
+
+.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,9 +58,10 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  color: var(--text);
 }
 
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
-}
+}