diff --git a/assets/styles/layout/variables/main/_dark.scss b/assets/styles/layout/variables/main/_dark.scss
index c12b49ff0..a1d983258 100644
--- a/assets/styles/layout/variables/main/_dark.scss
+++ b/assets/styles/layout/variables/main/_dark.scss
@@ -3,8 +3,8 @@
     --primary-color: var(--p-primary-color);
     --primary-contrast-color:var(--p-primary-contrast-color);
     --primary-hover-color: var(--p-primary-hover-color);
-    --text-color: var(--p-text-color);
-    --text-secondary-color: var(--p-text-muted-color);
+    --text-color: var(--p-surface-0);
+    --text-secondary-color: var(--p-surface-400);
     --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--p-primary-color) 0%, #000000 100%);
     --glow-blend: hard-light, color-dodge;
     --topbar-sticky-background:rgba(0,0,0,.3);
diff --git a/assets/styles/layout/variables/main/_light.scss b/assets/styles/layout/variables/main/_light.scss
index ea4c22c56..df89717ce 100644
--- a/assets/styles/layout/variables/main/_light.scss
+++ b/assets/styles/layout/variables/main/_light.scss
@@ -3,8 +3,8 @@
     --primary-color: var(--p-primary-color);
     --primary-contrast-color:var(--p-primary-contrast-color);
     --primary-hover-color: var(--p-primary-hover-color);
-    --text-color: var(--p-text-color);
-    --text-secondary-color: var(--p-text-muted-color);
+    --text-color: var(--p-surface-700);
+    --text-secondary-color: var(--p-surface-500);
     --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png);
     --glow-blend: hard-light, multiply;
     --topbar-sticky-background:rgba(255,255,255,.7);