a lightweight, interval-based utility to combat digital strain through "Ma" (intentional pauses) for the eyes and body.
fix(ui): adjusts accent and panel colors
+15
-15
+10
-10
ui/components/interval_card.slint
+10
-10
ui/components/interval_card.slint
···
93
93
height: 24px * Theme.font-scale;
94
94
border-radius: 5px * Theme.font-scale;
95
95
background: root.enforced
96
-
? (enf-ta.has-hover ? #82AACC50 : #82AACC30)
97
-
: (enf-ta.has-hover ? #C8956050 : #C8956025);
96
+
? (enf-ta.has-hover ? #608DB550 : #608DB530)
97
+
: (enf-ta.has-hover ? Theme.tint : transparent);
98
98
border-width: 1px;
99
-
border-color: root.enforced ? #82AACC80 : #C8956070;
99
+
border-color: root.enforced ? #608DB580 : Theme.line-med;
100
100
animate background { duration: 120ms; }
101
101
102
102
enf-ta := TouchArea {
···
124
124
text: root.enforced ? "Enforced" : "Skippable";
125
125
font-size: Theme.font_xsmall;
126
126
color: root.enforced
127
-
? (Theme.dark ? #82AACC : #3A6E8C)
128
-
: (Theme.dark ? #C89560 : #8B5E30);
127
+
? (Theme.dark ? #608DB5 : #2E6080)
128
+
: Theme.ink-lo;
129
129
vertical-alignment: center;
130
130
}
131
131
}
···
309
309
height: 24px * Theme.font-scale;
310
310
border-radius: 5px * Theme.font-scale;
311
311
background: root.enforced
312
-
? (lr-enf-ta.has-hover ? #82AACC50 : #82AACC30)
313
-
: (lr-enf-ta.has-hover ? #C8956050 : #C8956025);
312
+
? (lr-enf-ta.has-hover ? #608DB550 : #608DB530)
313
+
: (lr-enf-ta.has-hover ? Theme.tint : transparent);
314
314
border-width: 1px;
315
-
border-color: root.enforced ? #82AACC80 : #C8956070;
315
+
border-color: root.enforced ? #608DB580 : Theme.line-med;
316
316
animate background { duration: 120ms; }
317
317
318
318
lr-enf-ta := TouchArea {
···
340
340
text: root.enforced ? "Enforced" : "Skippable";
341
341
font-size: Theme.font_xsmall;
342
342
color: root.enforced
343
-
? (Theme.dark ? #82AACC : #3A6E8C)
344
-
: (Theme.dark ? #C89560 : #8B5E30);
343
+
? (Theme.dark ? #608DB5 : #2E6080)
344
+
: Theme.ink-lo;
345
345
vertical-alignment: center;
346
346
}
347
347
}
+4
-4
ui/theme.slint
+4
-4
ui/theme.slint
···
45
45
out property <color> surface: self.dark ? #EDE9E10F : #FFFFFF80; // cards, chips
46
46
out property <color> surface-inp: self.dark ? #EDE9E10A : #FFFFFF60; // input default bg
47
47
out property <color> surface-hov: self.dark ? #EDE9E11A : #FFFFFF; // hovered chip/card
48
-
out property <color> panel: self.dark ? #EDE9E11E : #2320281E; // section panel backgrounds
48
+
out property <color> panel: self.dark ? #608DB518 : #FFFFFFB0; // section panel backgrounds
49
49
50
50
// ── Primary button (inverted palette) ─────────────────────────────────────
51
51
out property <color> btn-bg: self.dark ? #EDE9E1 : #232028;
···
57
57
58
58
// ── Accent: dusty baby blue — same in both modes ──────────────────────────
59
59
// ~207° hue, muted saturation — clearly blue without reading as corporate or electric
60
-
out property <color> accent: #82AACC;
61
-
out property <color> accent-muted: #82AACC60; // focus border / ring
62
-
out property <color> accent-sel: #82AACC30; // text selection highlight
60
+
out property <color> accent: #608DB5;
61
+
out property <color> accent-muted: #608DB560; // focus border / ring
62
+
out property <color> accent-sel: #608DB530; // text selection highlight
63
63
64
64
// ── Interactive thumb (toggle, slider) ────────────────────────────────────
65
65
// Warm off-white in both modes — avoids clinical pure white against warm surfaces