From b0ccb341c917737bc373d8a7b607ad30acc9c0e4 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 7 May 2024 08:29:19 +0200
Subject: Replace dark theme with media theme

---
 src/_functions.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

(limited to 'src/_functions.scss')

diff --git a/src/_functions.scss b/src/_functions.scss
index 354c5f7..82e8435 100644
--- a/src/_functions.scss
+++ b/src/_functions.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
 @use 'sass:math';
 @use 'sass:map';
 @use 'iro-sass/src/index' as iro;
@@ -104,6 +105,10 @@
     @return $result;
 }
 
+@function gray-to-alpha($color) {
+    @return rgba(#fff, color.whiteness($color));
+}
+
 @function color-palette($base, $dir: 1) {
     @return (
         --solid: (
@@ -125,7 +130,7 @@
     );
 }
 
-@function gray-palette($lightness) {
+@function gray-palette($lightness, $alpha: false) {
     $grays: ();
 
     @for $i from 0 through 100 {
@@ -135,7 +140,11 @@
     $colors: multi-contrast(blend.lch($lightness * 1% 0 0), $grays, config.$wanted-grays);
 
     @each $key, $color in $colors {
-        $colors: map.set($colors, $key, $color);
+        @if $alpha {
+            $colors: map.set($colors, $key, gray-to-alpha($color));
+        } @else {
+            $colors: map.set($colors, $key, $color);
+        }
     }
 
     @return $colors;
-- 
cgit v1.3.1