Add light/dark color functions

jgthms · Oct 18, 2019 · 5131f2a · 5131f2a
1 parent 46b3edf
commit 5131f2a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/sass/utilities/functions.sass b/sass/utilities/functions.sass
@@ -65,3 +65,19 @@
     @return rgba(#000, 0.7)
   @else
     @return #fff
+
+@function findLightColor($color)
+  @if type-of($color) == 'color'
+    $l: 96%
+    @if lightness($color) > 96%
+      $l: lightness($color)
+    @return change-color($color, $lightness: $l)
+  @return $background
+
+@function findDarkColor($color)
+  @if type-of($color) == 'color'
+    $l: 29%
+    @if lightness($color) < 29%
+      $l: lightness($color)
+    @return change-color($color, $lightness: $l)
+  @return $text-strong
diff --git a/sass/utilities/initial-variables.sass b/sass/utilities/initial-variables.sass
@@ -16,7 +16,7 @@ $white-bis:    hsl(0, 0%, 98%) !default
 $white:        hsl(0, 0%, 100%) !default
 
 $orange:       hsl(14,  100%, 53%) !default
-$yellow:       hsl(48,  100%, 53%) !default
+$yellow:       hsl(48,  100%, 67%) !default
 $green:        hsl(141, 53%,  53%) !default
 $turquoise:    hsl(171, 100%, 41%) !default
 $cyan:         hsl(204, 71%,  53%) !default