1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
import wallpaper from "service/wallpaper"
import options from "options"
import { sh, dependencies } from "./utils"
export default function init() {
wallpaper.connect("changed", () => matugen())
options.autotheme.connect("changed", () => matugen())
}
function animate(...setters: Array<() => void>) {
const delay = options.transition.value / 2
setters.forEach((fn, i) => Utils.timeout(delay * i, fn))
}
export async function matugen(
type: "image" | "color" = "image",
arg = wallpaper.wallpaper,
) {
if (!options.autotheme.value || !dependencies("matugen"))
return
const colors = await sh(`matugen --dry-run -j hex ${type} ${arg}`)
const c = JSON.parse(colors).colors as { light: Colors, dark: Colors }
const { dark, light } = options.theme
animate(
() => {
dark.widget.value = c.dark.on_surface
light.widget.value = c.light.on_surface
},
() => {
dark.border.value = c.dark.outline
light.border.value = c.light.outline
},
() => {
dark.bg.value = c.dark.surface
light.bg.value = c.light.surface
},
() => {
dark.fg.value = c.dark.on_surface
light.fg.value = c.light.on_surface
},
() => {
dark.primary.bg.value = c.dark.primary
light.primary.bg.value = c.light.primary
options.bar.battery.charging.value = options.theme.scheme.value === "dark"
? c.dark.primary : c.light.primary
},
() => {
dark.primary.fg.value = c.dark.on_primary
light.primary.fg.value = c.light.on_primary
},
() => {
dark.error.bg.value = c.dark.error
light.error.bg.value = c.light.error
},
() => {
dark.error.fg.value = c.dark.on_error
light.error.fg.value = c.light.on_error
},
)
}
type Colors = {
background: string
error: string
error_container: string
inverse_on_surface: string
inverse_primary: string
inverse_surface: string
on_background: string
on_error: string
on_error_container: string
on_primary: string
on_primary_container: string
on_primary_fixed: string
on_primary_fixed_variant: string
on_secondary: string
on_secondary_container: string
on_secondary_fixed: string
on_secondary_fixed_variant: string
on_surface: string
on_surface_variant: string
on_tertiary: string
on_tertiary_container: string
on_tertiary_fixed: string
on_tertiary_fixed_variant: string
outline: string
outline_variant: string
primary: string
primary_container: string
primary_fixed: string
primary_fixed_dim: string
scrim: string
secondary: string
secondary_container: string
secondary_fixed: string
secondary_fixed_dim: string
shadow: string
surface: string
surface_bright: string
surface_container: string
surface_container_high: string
surface_container_highest: string
surface_container_low: string
surface_container_lowest: string
surface_dim: string
surface_variant: string
tertiary: string
tertiary_container: string
tertiary_fixed: string
tertiary_fixed_dim: string
}
|
