feat(static): colorize weather icons

2026-07-22 22:15:08 +03:00
parent 6171ec8a26
commit 0a734f9c43
39 changed files with 433 additions and 889 deletions
@@ -1,4 +1,13 @@
 $weather-icons-path: "../icons" !default;
+$weather-icons-stroke-color: #555555 !default;
+$weather-icons-colors: (
+  "sun": #ffdf22,
+  "cloud": #00c5c5,
+  "rain": #0d6efd,
+  "moon": #4A4B43,
+  "lightning": red,
+  "snow": white,
+) !default;
 $weather-icons-included: (
  "wi-cloud",
  "wi-cloudy",
@@ -0,0 +1,23 @@
+@use "variables";
+
+weather-icon {
+  display: flex;
+  width: 3rem;
+
+  > svg {
+    path {
+      fill: gray;
+      stroke: variables.$weather-icons-stroke-color;
+      stroke-width: 0.5;
+      //paint-order: stroke;
+    }
+    @each $type, $color in variables.$weather-icons-colors {
+      path[id="#{$type}"] {
+        fill: $color;
+      }
+      g[id="#{$type}"] > path {
+        fill: $color;
+      }
+    }
+  }
+}
@@ -2,3 +2,4 @@
@use "weather-icons-base";
@use "weather-icons-list";
@use "weather-wind-aliases";
+@use "weather-icons-colors";