diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index 81de7996c..64ef14d17 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -1807,7 +1807,7 @@ $mockup-browser-box-shadow: var(--shadow-lg) !default;
 $mockup-browser-toolbar-min-height: 2rem !default;
 $mockup-browser-toolbar-padding-y: 0.5rem !default;
 $mockup-browser-toolbar-padding-x: 12.5% !default;
-$mockup-browser-toolbar-color: var(--secondary) !default;
+$mockup-browser-toolbar-color: var(--secondary-color) !default;
 $mockup-browser-toolbar-bg: var(--bg-surface-secondary) !default;
 $mockup-browser-control-offset: 1rem !default;
 $mockup-browser-control-size: 0.75rem !default;
diff --git a/core/scss/ui/_lists.scss b/core/scss/ui/_lists.scss
index b533412ea..d1bd1ce53 100644
--- a/core/scss/ui/_lists.scss
+++ b/core/scss/ui/_lists.scss
@@ -94,7 +94,7 @@
 
 .list-group-item-description,
 .list-group-item-meta {
-  color: var(--secondary);
+  color: var(--secondary-color);
 }
 
 // Nested items: a block of indented items under a parent item, usually a