diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 7cd643e..129e558 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -1898,7 +1898,10 @@ form.tag-list-reorder button[disabled] {
 }
 
 span.tag-list-count {
-    color: var(--color-text-muted, #6b7280);
+    /* --color-text-muted is not a real token; --text-muted carries a
+       dark value so the per-tag / per-cluster count stays legible in
+       dark mode (used in the suggest list AND the All-tags list). */
+    color: var(--text-muted, #6b7280);
     font-size: var(--type-body-sm-size, 0.875rem);
 }
 
@@ -1941,9 +1944,15 @@ li.tag-suggest-item {
     grid-template-columns: 1fr;
     gap: var(--space-1, 4px);
     padding: var(--space-3, 12px);
-    border: 1px solid var(--color-border, #e5e7eb);
+    /* --color-border / --color-surface-2 are NOT real tokens — they
+       fell back to light literals in dark mode (white card + the
+       theme's light text = invisible labels). --border-light /
+       --surface-container carry dark values; --text-body keeps the
+       label readable on either theme. */
+    border: 1px solid var(--border-light, #e5e7eb);
     border-radius: var(--radius-sm, 4px);
-    background: var(--color-surface-2, #f9fafb);
+    background: var(--surface-container, #f9fafb);
+    color: var(--text-body, #333);
 }
 
 div.tag-suggest-label {
@@ -1954,7 +1963,9 @@ div.tag-suggest-label {
 }
 
 div.tag-suggest-samples {
-    color: var(--color-text-muted, #6b7280);
+    /* --color-text-muted is not a token; --text-muted carries a dark
+       value so samples stay legible in dark mode. */
+    color: var(--text-muted, #6b7280);
     font-size: var(--type-body-sm-size, 0.875rem);
 }