Use variables for theme-color-level function

Closes #25313

diff --git a/scss/_functions.scss b/scss/_functions.scss
index 1266d34bd9029922e92809b52827b479c7d9e8f9..b44d7d99861a5ff593e32edeaa44bd2dfbe40752 100644 (file)
--- a/scss/_functions.scss
+++ b/scss/_functions.scss
@@ -79,7 +79,7 @@
 // Request a theme color level
 @function theme-color-level($color-name: "primary", $level: 0) {
   $color: theme-color($color-name);
-  $color-base: if($level > 0, #000, #fff);
+  $color-base: if($level > 0, $black, $white);
   $level: abs($level);
 
   @return mix($color-base, $color, $level * $theme-color-interval);