diff --git a/layouts/partials/pageContent/collectionSummaryTrailer.html b/layouts/partials/pageContent/collectionSummaryTrailer.html
index c9125cf..cdeedfa 100644
--- a/layouts/partials/pageContent/collectionSummaryTrailer.html
+++ b/layouts/partials/pageContent/collectionSummaryTrailer.html
@@ -61,7 +61,7 @@ <h2 class="text-3xl">{{ title . }}</h2>
             [&>ul>li.active>a:not([href])]:font-bold
             [&>ul>li>a]:btn [&>ul>li>a]:btn-sm [&>ul>li>a]:rounded-md
             [&>ul>li:not(.active)>a]:btn-ghost
-            [&>ul>li:not(.active):not(.disabled)>a]:text-accent
+            [&>ul>li:not(.active):not(.disabled)>a]:text-primary
             [&>ul>li.active>a]:btn-disabled
             [&>ul>li.disabled>a]:pointer-events-none
             [&>ul>li.disabled>a]:opacity-50
diff --git a/static/css/tailwind-style.css b/static/css/tailwind-style.css
index 3cc01ed..7e461f2 100644
--- a/static/css/tailwind-style.css
+++ b/static/css/tailwind-style.css
@@ -5289,6 +5289,16 @@ html:has(.drawer-toggle:checked) {
   color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
 }
 
+.\[\&\>ul\>li\:not\(\.active\)\:not\(\.disabled\)\>a\]\:text-secondary>ul>li:not(.active):not(.disabled)>a {
+  --tw-text-opacity: 1;
+  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
+}
+
+.\[\&\>ul\>li\:not\(\.active\)\:not\(\.disabled\)\>a\]\:text-primary>ul>li:not(.active):not(.disabled)>a {
+  --tw-text-opacity: 1;
+  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
+}
+
 .\[\&\>ul\>li\>a\]\:rounded-md>ul>li>a {
   border-radius: 0.375rem;
 }