diff --git a/src/App.tsx b/src/App.tsx
index a7a3688..6871f38 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -152,7 +152,7 @@ const App: Component = () => {
           <main ref={mainRef} class="flex-1 min-w-0 overflow-y-auto">
             <div class="max-w-4xl mx-auto px-4 py-8">
               <Article
-                class="prose text-black prose-sm max-w-full"
+                class="prose prose-sm max-w-full"
                 src={currentPath()}
               >
                 <RevealManager />
diff --git a/src/components/Article.tsx b/src/components/Article.tsx
index bd97d38..86572e1 100644
--- a/src/components/Article.tsx
+++ b/src/components/Article.tsx
@@ -121,7 +121,7 @@ export const Article: Component<ArticleProps & ParentProps> = (props) => {
 
   return (
     <article
-      class={`prose text-black ${props.class || ""}`}
+      class={`prose ${props.class || ""}`}
       data-src={props.src}
     >
       <Show when={content.loading}>