diff --git a/napcat.webui/src/styles/text.css b/napcat.webui/src/styles/text.css
index debb19e6..711b01df 100644
--- a/napcat.webui/src/styles/text.css
+++ b/napcat.webui/src/styles/text.css
@@ -1,6 +1,6 @@
 @layer base {
   .shiny-text {
-    @apply text-pink-400 text-opacity-60;
+    @apply text-primary-400 text-opacity-60;
     background-size: 200% 100%;
     -webkit-background-clip: text;
     background-clip: text;
@@ -10,7 +10,7 @@
     background-image: linear-gradient(
       120deg,
       rgba(255, 50, 50, 0) 40%,
-      rgba(255, 76, 76, 0.8) 50%,
+      hsl(var(--heroui-primary-400) / 0.8) 50%,
       rgba(255, 50, 50, 0) 60%
     );
   }
@@ -18,11 +18,10 @@
     background-image: linear-gradient(
       120deg,
       rgba(255, 255, 255, 0) 40%,
-      rgba(206, 21, 21, 0.8) 50%,
+      hsl(var(--heroui-primary-600) / 0.8) 50%,
       rgba(255, 255, 255, 0) 60%
     );
   }
-
   @keyframes shine {
     0% {
       background-position: 100%;