chore: cleanup styles

src/styles/main.postcss

@@ -1,7 +1,7 @@
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
-@import './prism.css';
+@import './prose.postcss';
 
 html,
 body,
@@ -45,7 +45,3 @@ html.dark {
     hover:opacity-100 hover:text-teal-600;
   font-size: 0.9em;
 }
-
-.prose pre {
-  text-align: left;
-}

src/styles/prose.postcss

@@ -1,5 +1,5 @@
-@import './prism-vscode-light.css';
+@import './prism-light.postcss';
-@import './prism-vscode-dark.css';
+@import './prism-dark.postcss';
 
 .prose {
   pre[class*='language-'],
@@ -35,4 +35,12 @@
     padding: 0.1em 0.3em;
     border-radius: 0.3em;
   }
+
+  pre {
+    text-align: left;
+  }
+
+  a code {
+    color: inherit;
+  }
 }

tailwind.config.js

@@ -30,11 +30,6 @@ module.exports = {
       colors: {
         teal: colors.teal,
       },
-      opacity: {
-        10: '0.1',
-        50: '0.5',
-        85: '0.85',
-      },
       typography: {
         DEFAULT: {
           css: {
@@ -47,27 +42,14 @@ module.exports = {
                 color: colors.teal[600],
               },
             },
-            b: {
+            b: { color: 'inherit' },
-              color: 'inherit',
+            strong: { color: 'inherit' },
-            },
+            em: { color: 'inherit' },
-            strong: {
+            h1: { color: 'inherit' },
-              color: 'inherit',
+            h2: { color: 'inherit' },
-            },
+            h3: { color: 'inherit' },
-            em: {
+            h4: { color: 'inherit' },
-              color: 'inherit',
+            code: { color: 'inherit' },
-            },
-            h1: {
-              color: 'inherit',
-            },
-            h2: {
-              color: 'inherit',
-            },
-            h3: {
-              color: 'inherit',
-            },
-            h4: {
-              color: 'inherit',
-            },
           },
         },
       },