@element-plus/nightly 0.0.20240929 → 0.0.20241001

package/theme-chalk/src/color/index.scss

@@ -9,9 +9,12 @@
 @function mix-overlay-color($upper, $lower) {
   $opacity: color.alpha($upper);
 
-  $red: color.red($upper) * $opacity + color.red($lower) * (1 - $opacity);
-  $green: color.green($upper) * $opacity + color.green($lower) * (1 - $opacity);
-  $blue: color.blue($upper) * $opacity + color.blue($lower) * (1 - $opacity);
+  $red: color.channel($upper, 'red') * $opacity + color.channel($lower, 'red') *
+    (1 - $opacity);
+  $green: color.channel($upper, 'green') * $opacity +
+    color.channel($lower, 'green') * (1 - $opacity);
+  $blue: color.channel($upper, 'blue') * $opacity +
+    color.channel($lower, 'blue') * (1 - $opacity);
 
   @return rgb2hex(rgb($red, $green, $blue));
 }

package/theme-chalk/src/mixins/_var.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:color';
 
 @use 'config';
 @use 'function' as *;
@@ -49,9 +50,9 @@
   $color: map.get($colors, $type, 'base');
   @include set-css-var-value(
     ('color', $type, 'rgb'),
-    #{red($color),
-    green($color),
-    blue($color)}
+    #{color.channel($color, 'red'),
+    color.channel($color, 'green'),
+    color.channel($color, 'blue')}
   );
 }