diff --git a/src/scss/layout/_root.scss b/src/scss/layout/_root.scss
index 40c78eac75362e99c405bd87551fff1d0aa517b5..513369f74d5cf9ade6db0ad8ca78e2e4d316085a 100644
--- a/src/scss/layout/_root.scss
+++ b/src/scss/layout/_root.scss
@@ -5,7 +5,7 @@
 
   @each $name, $color in map-merge($theme-colors, $gray-colors) {
     --#{$prefix}#{$name}-rgb: #{to-rgb($color)};
-    --#{$prefix}#{$name}: rgb(--#{$prefix}#{$name}-rgb);
+    --#{$prefix}#{$name}: rgb(var(--#{$prefix}#{$name}-rgb));
     --#{$prefix}#{$name}-fg: #{if(contrast-ratio($color) > $min-contrast-ratio, var(--#{$prefix}light), var(--#{$prefix}dark))};
     --#{$prefix}#{$name}-darken: #{theme-color-darker($color)};
     --#{$prefix}#{$name}-lt-rgb: #{to-rgb(theme-color-lighter($color))};