From 3719a20d0049e1099265f02d16e28f0927e71873 Mon Sep 17 00:00:00 2001
From: eggy <d7chen@uwaterloo.ca>
Date: Thu, 29 Feb 2024 23:49:04 -0500
Subject: [PATCH] feat: increase text contrast and sizing

not sure if this is a good idea
---
 pages/[...slug].vue | 3 +--
 tailwind.config.js  | 4 +++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 920676c..fd367ff 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -58,13 +58,12 @@ const captionText =
 <style scoped>
 .container {
   width: 80%;
-  max-width: 72ch;
+  max-width: 80ch;
   padding-top: 2rem;
 }
 
 @media screen and (max-width: 600px) {
   .container {
-    max-width: 80ch;
     width: 90%;
   }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 1310ee9..c1cc1b4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,10 +3,12 @@ export default {
   darkMode: "class",
   theme: {
     extend: {
-      typography: (theme) => ({
+      typography: ({ theme }) => ({
         DEFAULT: {
           css: [
             {
+              '--tw-prose-body': theme('colors.gray[900]'),
+              '--tw-prose-invert-body': theme('colors.gray[100]'),
               hr: {
                 marginTop: "1.5em",
                 marginBottom: "1.5em",