fix: fix light theme, separate components

2026-05-08 13:57:30 +05:00
parent eb944e8892
commit 376f7dd1d3
6 changed files with 57 additions and 22 deletions
@@ -0,0 +1,24 @@
+import { Theme } from "theme.slint";
+
+export component GradientIcon inherits Rectangle {
+    in property <image> icon;
+
+    background: Theme.gradient-main;
+    border-radius: Theme.radius;
+    drop-shadow-offset-x: Theme.shadow-primary-x;
+    drop-shadow-offset-y: Theme.shadow-primary-y;
+    drop-shadow-blur: Theme.shadow-primary-blur;
+    drop-shadow-color: touch.has-hover ? Theme.shadow-color : transparent;
+    horizontal-stretch: 0;
+
+    animate drop-shadow-color { duration: 300ms; }
+
+    touch := TouchArea { }
+
+    Image {
+        width: 24px;
+        height: 24px;
+        source: icon;
+        colorize: white;
+    }
+}