diff --git a/web/templates/forum/board_index.html b/web/templates/forum/board_index.html
index 2ae3c82..1d2eaa0 100644
--- a/web/templates/forum/board_index.html
+++ b/web/templates/forum/board_index.html
@@ -60,7 +60,7 @@
 <div class="block p-2">
 {{range .Threads}}
     {{$Stats := $Root.ThreadMap.Get .ID}}
-    <div class="box has-background-success-light">
+    <div class="box has-background-success-light has-text-dark">
         <div class="columns">
             <div class="column is-2 has-text-centered pt-0 pb-1">
                 <div>
@@ -72,7 +72,7 @@
             </div>
             <div class="column content pt-1 pb-0">
                 <a href="/forum/thread/{{.ID}}">
-                    <h2 class="is-size-4 pt-0">
+                    <h2 class="is-size-4 pt-0 has-text-dark">
                         {{if .Pinned}}<sup class="fa fa-thumbtack has-text-success mr-2 is-size-6" title="Pinned"></sup>{{end}}
                         {{or .Title "Untitled"}}
                     </h2>
diff --git a/web/templates/forum/index.html b/web/templates/forum/index.html
index 1bda816..7e5487e 100644
--- a/web/templates/forum/index.html
+++ b/web/templates/forum/index.html
@@ -63,7 +63,7 @@
         {{else}}
             {{range .Forums}}
             {{$Stats := $Root.ForumMap.Get .ID}}
-            <div class="card block has-background-primary-light">
+            <div class="card block has-background-primary-light has-text-dark">
                 <div class="card-content">
                     <div class="columns">
                         <div class="column is-3 pt-0 pb-1">
@@ -83,21 +83,21 @@
 
                             <div>
                                 {{if .Explicit}}
-                                <span class="tag is-danger is-light">
+                                <span class="tag is-danger is-light has-text-dark">
                                     <span class="icon"><i class="fa fa-fire"></i></span>
                                     <span>Explicit</span>
                                 </span>
                                 {{end}}
 
                                 {{if .Privileged}}
-                                <span class="tag is-warning is-light">
+                                <span class="tag is-warning is-light has-text-dark">
                                     <span class="icon"><i class="fa fa-peace"></i></span>
                                     <span>Privileged</span>
                                 </span>
                                 {{end}}
 
                                 {{if .PermitPhotos}}
-                                <span class="tag is-grey">
+                                <span class="tag is-grey has-text-dark">
                                     <span class="icon"><i class="fa fa-camera"></i></span>
                                     <span>Photos</span>
                                 </span>
@@ -106,8 +106,8 @@
 
                         </div>
                         <div class="column py-1">
-                            <div class="box has-background-success-light">
-                                <h2 class="subtitle mb-1">Latest Post</h2>
+                            <div class="box has-background-success-light has-text-dark">
+                                <h2 class="subtitle mb-1 has-text-dark">Latest Post</h2>
                                 {{if $Stats.RecentThread}}
                                 <a href="/go/comment?id={{$Stats.RecentPost.ID}}">
                                     <strong>{{$Stats.RecentThread.Title}}</strong>
@@ -129,8 +129,8 @@
                         <div class="column is-3 py-1">
                             <div class="columns is-mobile is-gapless">
                                 <div class="column has-text-centered mr-1">
-                                    <div class="box has-background-warning-light p-2">
-                                        <p class="is-size-7">Topics</p>
+                                    <div class="box has-background-warning-light has-text-dark p-2">
+                                        <p class="is-size-7 has-text-dark">Topics</p>
                                         {{if $Stats}}
                                             {{$Stats.Threads}}
                                         {{else}}
@@ -139,8 +139,8 @@
                                     </div>
                                 </div>
                                 <div class="column has-text-centered mx-1">
-                                    <div class="box has-background-warning-light p-2">
-                                        <p class="is-size-7">Posts</p>
+                                    <div class="box has-background-warning-light has-text-dark p-2">
+                                        <p class="is-size-7 has-text-dark">Posts</p>
                                         {{if $Stats}}
                                             {{$Stats.Posts}}
                                         {{else}}
@@ -149,8 +149,8 @@
                                     </div>
                                 </div>
                                 <div class="column has-text-centered ml-1">
-                                    <div class="box has-background-warning-light p-2">
-                                        <p class="is-size-7">Users</p>
+                                    <div class="box has-background-warning-light has-text-dark p-2">
+                                        <p class="is-size-7 has-text-dark">Users</p>
                                         {{if $Stats}}
                                             {{$Stats.Users}}
                                         {{else}}
diff --git a/web/templates/forum/thread.html b/web/templates/forum/thread.html
index 509e1fb..b563cd6 100644
--- a/web/templates/forum/thread.html
+++ b/web/templates/forum/thread.html
@@ -68,7 +68,7 @@
         </span>
     {{end}}
 
-    <span class="tag is-grey is-light mr-2" title="This thread can not be replied to.">
+    <span class="tag is-grey is-light has-text-dark mr-2" title="This thread can not be replied to.">
         <span class="icon"><i class="fa fa-eye"></i></span>
         <span>{{.Thread.Views}} View{{PluralizeU64 .Thread.Views}}</span>
     </span>
@@ -103,7 +103,7 @@
 {{$Root := .}}
 <div class="block p-2">
 {{range $i, $c := .Comments}}
-    <div class="box has-background-link-light" id="p{{.ID}}">
+    <div class="box has-background-link-light has-text-dark" id="p{{.ID}}">
         <div class="columns">
             <div class="column is-2 has-text-centered">
                 <div>