diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 492fb32e1..e144619fb 100755
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -73,6 +73,10 @@
 	.object-cover {
 		object-fit: cover;
 	}
+
+	.text-black {
+		color: var(--black);
+	}
 </style>
 
 {% for p in listing %}
@@ -83,20 +87,20 @@
 	  <div class="d-flex align-items-end px-3 mt-n6 mb-3">
 		<img class="avatar-72 rounded img-thumbnail shadow-sm" src="{{p.author.profile_url}}">
 		<div class="px-3 text-truncate">
-		  <h5 class="text-truncate text-light">{{p.author.username}}</h5>
+		  <h5 class="text-truncate text-black">{{p.author.username}}</h5>
 		</div>
 	  </div>
 	  <div class="px-3">
-		<span class="text-light">{% if p.author.bio_html %}{{p.author.bio_html | safe}}{% endif %}</span>
+		<span class="text-black">{% if p.author.bio_html %}{{p.author.bio_html | safe}}{% endif %}</span>
 	  </div>
 	  <div class="border-top d-flex align-items-center p-3 mt-3 gap-3">
 		<span>
-		  <strong class="text-light">{{p.author.post_count}}</strong>
-		  <span class="text-light">posts</span>
+		  <strong class="text-black">{{p.author.post_count}}</strong>
+		  <span class="text-black">posts</span>
 		</span>
 		<span class="ml-3">
-		  <strong class="text-light">{{p.author.comment_count}}</strong>
-		  <span class="text-light">comments</span>
+		  <strong class="text-black">{{p.author.comment_count}}</strong>
+		  <span class="text-black">comments</span>
 		</span>
 		<a {% if v %}href="{{p.author.url}}"{% else %}href="/logged_out{{p.author.url}}"{% endif %} target="_blank" class="ml-auto text-decoration-none">
 		  View