decouple clr-auto function to let user override contrast values

fluid-framework · Mar 16, 2021 · c297c4c · c297c4c
1 parent 82b8241
commit c297c4c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/settings/theme/_color.scss b/src/settings/theme/_color.scss
@@ -92,6 +92,9 @@ $theme-colors: (
   $theme-colors: map-merge($colors, $theme-colors);
 }
 
+$white-contrast:             $white !default;
+$dark-contrast:              $gray-900 !default;
+
 $valid-classname:            if(map-get($theme-colors, "valid"), "valid", false) !default;
 $error-classname:            if(map-get($theme-colors, "error"), "error", false) !default;
 

diff --git a/src/tools/functions/_clr-auto.scss b/src/tools/functions/_clr-auto.scss
@@ -12,7 +12,7 @@
 // Return:
 // {Color} Returns $dark for light color and $light for dark color
 //
-@function clr-auto($color, $light: $white, $dark: $gray-900) {
+@function clr-auto($color, $light: $white-contrast, $dark: $dark-contrast) {
   $lightContrast: clr-contrast($color, $light);
   $darkContrast: clr-contrast($color, $dark);