Add light media theme

1 files changed, 7 insertions, 3 deletions

diff --git a/src/_functions.scss b/src/_functions.scss
index 82e8435..148a28c 100644
--- a/src/_functions.scss
+++ b/src/_functions.scss
@@ -105,8 +105,12 @@
     @return $result;
 }
 
-@function gray-to-alpha($color) {
-    @return rgba(#fff, color.whiteness($color));
+@function gray-to-alpha($lightness, $color) {
+    @if $lightness >= 50% {
+        @return rgba(#000, color.blackness($color));
+    } @else {
+        @return rgba(#fff, color.whiteness($color));
+    }
 }
 
 @function color-palette($base, $dir: 1) {
@@ -141,7 +145,7 @@
 
     @each $key, $color in $colors {
         @if $alpha {
-            $colors: map.set($colors, $key, gray-to-alpha($color));
+            $colors: map.set($colors, $key, gray-to-alpha($lightness, $color));
         } @else {
             $colors: map.set($colors, $key, $color);
         }