LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added options to use global setting

Browse Source
This commit is contained in:
Jas Singh
2024-07-16 00:59:47 -07:00
parent 68ee3d8ffc
commit f4ff5bba27
1 changed files with 122 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
options.ts
View File

@@ -161,33 +161,39 @@ const options = mkOptions(OPTIONS, {
album: opt(colors.base2), album: opt(colors.base2),
buttons: { buttons: {
inactive: { inactive: {
global: opt(false),
background: opt(colors.surface2), background: opt(colors.surface2),
text: opt(colors.crust) text: opt(colors.crust)
}, },
shuffle: { shuffle: {
global: opt(false),
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
active: opt(colors.pink), active: opt(colors.pink),
text: opt(colors.crust) text: opt(colors.crust)
}, },
previous: { previous: {
global: opt(false),
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
text: opt(colors.crust) text: opt(colors.crust)
}, },
playpause: { playpause: {
global: opt(false),
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
text: opt(colors.crust) text: opt(colors.crust)
}, },
next: { next: {
global: opt(false),
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
text: opt(colors.crust) text: opt(colors.crust)
}, },
loop: { loop: {
global: opt(false),
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
active: opt(colors.pink), active: opt(colors.pink),
@@ -196,6 +202,7 @@ const options = mkOptions(OPTIONS, {
} }
}, },
slider: { slider: {
global: opt(false),
primary: opt(colors.pink), primary: opt(colors.pink),
background: opt(colors.surface2), background: opt(colors.surface2),
backgroundhover: opt(colors.surface1), backgroundhover: opt(colors.surface1),
@@ -203,27 +210,43 @@ const options = mkOptions(OPTIONS, {
} }
}, },
volume: { volume: {
card: opt(colors.base), card: {
background: opt(colors.crust), global: opt(false),
border: opt(colors.surface0), color: opt(colors.base),
label: opt(colors.maroon), },
background: {
global: opt(false),
color: opt(colors.crust),
},
border: {
global: opt(false),
color: opt(colors.surface0),
},
label: {
global: opt(false),
color: opt(colors.maroon),
},
text: opt(colors.text), text: opt(colors.text),
listitems: { listitems: {
global: opt(false),
passive: opt(colors.text), passive: opt(colors.text),
active: opt(colors.maroon) active: opt(colors.maroon)
}, },
icons: { icons: {
global: opt(false),
passive: opt(colors.overlay2), passive: opt(colors.overlay2),
active: opt(colors.maroon), active: opt(colors.maroon),
hover: opt(colors.maroon) hover: opt(colors.maroon)
}, },
audio_slider: { audio_slider: {
global: opt(false),
primary: opt(colors.maroon), primary: opt(colors.maroon),
background: opt(colors.surface2), background: opt(colors.surface2),
backgroundhover: opt(colors.surface1), backgroundhover: opt(colors.surface1),
puck: opt(colors.overlay0) puck: opt(colors.overlay0)
}, },
input_slider: { input_slider: {
global: opt(false),
primary: opt(colors.maroon), primary: opt(colors.maroon),
background: opt(colors.surface2), background: opt(colors.surface2),
backgroundhover: opt(colors.surface1), backgroundhover: opt(colors.surface1),
@@ -231,81 +254,142 @@ const options = mkOptions(OPTIONS, {
} }
}, },
network: { network: {
card: opt(colors.base), card: {
background: opt(colors.crust), global: opt(false),
border: opt(colors.surface0), color: opt(colors.base),
label: opt(colors.mauve), },
background: {
global: opt(false),
color: opt(colors.crust),
},
border: {
global: opt(false),
color: opt(colors.surface0),
},
label: {
global: opt(false),
color: opt(colors.mauve),
},
text: opt(colors.text), text: opt(colors.text),
status: opt(colors.overlay0), status: {
global: opt(false),
color: opt(colors.overlay0),
},
listitems: { listitems: {
global: opt(false),
passive: opt(colors.text), passive: opt(colors.text),
active: opt(colors.mauve) active: opt(colors.mauve)
}, },
icons: { icons: {
global: opt(false),
passive: opt(colors.overlay2), passive: opt(colors.overlay2),
active: opt(colors.mauve), active: opt(colors.mauve),
hover: opt(colors.mauve) hover: opt(colors.mauve)
}, },
iconbuttons: { iconbuttons: {
global: opt(false),
passive: opt(colors.text), passive: opt(colors.text),
hover: opt(colors.mauve) hover: opt(colors.mauve)
}, },
}, },
bluetooth: { bluetooth: {
card: opt(colors.base), card: {
background: opt(colors.crust), global: opt(false),
border: opt(colors.surface0), color: opt(colors.base),
label: opt(colors.sky), },
background: {
global: opt(false),
color: opt(colors.crust),
},
border: {
global: opt(false),
color: opt(colors.surface0),
},
label: {
global: opt(false),
color: opt(colors.sky),
},
text: opt(colors.text), text: opt(colors.text),
status: opt(colors.overlay0), status: opt(colors.overlay0),
switch_divider: opt(colors.surface1), switch_divider: opt(colors.surface1),
switch: { switch: {
global: opt(false),
enabled: opt(colors.sky), enabled: opt(colors.sky),
disabled: opt(colors.surface0), disabled: opt(colors.surface0),
puck: opt(colors.overlay0) puck: opt(colors.overlay0)
}, },
listitems: { listitems: {
global: opt(false),
passive: opt(colors.text), passive: opt(colors.text),
active: opt(colors.sky) active: opt(colors.sky)
}, },
icons: { icons: {
global: opt(false),
passive: opt(colors.overlay2), passive: opt(colors.overlay2),
active: opt(colors.sky), active: opt(colors.sky),
hover: opt(colors.sky) hover: opt(colors.sky)
}, },
iconbuttons: { iconbuttons: {
global: opt(false),
passive: opt(colors.text), passive: opt(colors.text),
hover: opt(colors.sky) hover: opt(colors.sky)
}, },
}, },
systray: { systray: {
background: opt(colors.base2), background: {
global: opt(false),
color: opt(colors.base2),
},
dropdownmenu: { dropdownmenu: {
global: opt(false),
background: opt(colors.crust), background: opt(colors.crust),
text: opt(colors.text), text: opt(colors.text),
divider: opt(colors.base) divider: opt(colors.base)
}, },
}, },
battery: { battery: {
card: opt(colors.base), card: {
background: opt(colors.crust), global: opt(false),
border: opt(colors.surface0), color: opt(colors.base),
label: opt(colors.yellow), },
background: {
global: opt(false),
color: opt(colors.crust),
},
border: {
global: opt(false),
color: opt(colors.surface0),
},
label: {
global: opt(false),
color: opt(colors.yellow),
},
text: opt(colors.text), text: opt(colors.text),
listitems: { listitems: {
global: opt(false),
passive: opt(colors.text), passive: opt(colors.text),
active: opt(colors.yellow) active: opt(colors.yellow)
}, },
icons: { icons: {
global: opt(false),
passive: opt(colors.overlay2), passive: opt(colors.overlay2),
active: opt(colors.yellow), active: opt(colors.yellow),
hover: opt(colors.yellow) hover: opt(colors.yellow)
}, },
}, },
clock: { clock: {
card: opt(colors.base), card: {
background: opt(colors.crust), global: opt(false),
border: opt(colors.surface0), color: opt(colors.base),
},
background: {
global: opt(false),
color: opt(colors.crust),
},
border: {
global: opt(false),
color: opt(colors.surface0),
},
text: opt(colors.text), text: opt(colors.text),
time: { time: {
time: opt(colors.pink), time: opt(colors.pink),
@@ -338,14 +422,25 @@ const options = mkOptions(OPTIONS, {
}, },
}, },
dashboard: { dashboard: {
card: opt(colors.base), card: {
background: opt(colors.crust), global: opt(false),
border: opt(colors.surface0), color: opt(colors.base),
},
background: {
global: opt(false),
color: opt(colors.crust),
},
border: {
global: opt(false),
color: opt(colors.surface0),
},
profile: { profile: {
global: opt(false),
card: opt(colors.base), card: opt(colors.base),
name: opt(colors.pink) name: opt(colors.pink)
}, },
powermenu: { powermenu: {
global: opt(false),
shutdown: opt(colors.red), shutdown: opt(colors.red),
restart: opt(colors.peach), restart: opt(colors.peach),
logout: opt(colors.green), logout: opt(colors.green),
@@ -361,6 +456,7 @@ const options = mkOptions(OPTIONS, {
} }
}, },
shortcuts_left: { shortcuts_left: {
global: opt(false),
shortcut1: { shortcut1: {
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
@@ -383,6 +479,7 @@ const options = mkOptions(OPTIONS, {
}, },
}, },
shortcuts_right: { shortcuts_right: {
global: opt(false),
shortcut1: { shortcut1: {
background: opt(colors.lavender), background: opt(colors.lavender),
hover: opt(colors.pink), hover: opt(colors.pink),
@@ -475,6 +572,7 @@ const options = mkOptions(OPTIONS, {
} }
}, },
notifications: { notifications: {
global: opt(false),
background: opt(colors.mantle), background: opt(colors.mantle),
card: opt(colors.base), card: opt(colors.base),
border: opt(colors.surface0), border: opt(colors.surface0),