Added scaling to individual elements (all menus and the bar). (#154)

* Added scaling to individual elements (all menus and the bar).

* Make all dialog pages scrollable

* Add battery menu to settings

* update battery menu scaling

* Fix typo

* Add confirmation dialog scaling
This commit is contained in:
Jas Singh
2024-08-18 18:03:45 -07:00
committed by GitHub
parent 05a7f130ef
commit 830de04b14
22 changed files with 327 additions and 218 deletions

View File

@@ -85,6 +85,7 @@ const options = mkOptions(OPTIONS, {
weight: opt(600),
},
notification: {
scaling: opt(100),
background: opt(tertiary_colors.mantle),
opacity: opt(100),
actions: {
@@ -102,6 +103,7 @@ const options = mkOptions(OPTIONS, {
}
},
osd: {
scaling: opt(100),
enable: opt(true),
orientation: opt<OSDOrientation>("vertical"),
opacity: opt(100),
@@ -119,6 +121,7 @@ const options = mkOptions(OPTIONS, {
location: opt<OSDAnchor>("right"),
},
bar: {
scaling: opt(100),
floating: opt(false),
layer: opt<"top" | "bottom" | "overlay" | "background">("top"),
margin_top: opt("0.5em"),
@@ -133,6 +136,7 @@ const options = mkOptions(OPTIONS, {
buttons: {
monochrome: opt(false),
spacing: opt("0.25em"),
y_margins: opt("0.4em"),
radius: opt("0.3em"),
opacity: opt(100),
background: opt(colors.base2),
@@ -283,6 +287,7 @@ const options = mkOptions(OPTIONS, {
},
menu: {
media: {
scaling: opt(100),
song: opt(tertiary_colors.lavender),
artist: opt(tertiary_colors.teal),
album: opt(tertiary_colors.pink),
@@ -310,6 +315,7 @@ const options = mkOptions(OPTIONS, {
}
},
volume: {
scaling: opt(100),
card: {
color: opt(colors.base),
},
@@ -349,6 +355,7 @@ const options = mkOptions(OPTIONS, {
}
},
network: {
scaling: opt(100),
card: {
color: opt(colors.base),
},
@@ -379,6 +386,7 @@ const options = mkOptions(OPTIONS, {
},
},
bluetooth: {
scaling: opt(100),
card: {
color: opt(colors.base),
},
@@ -420,6 +428,7 @@ const options = mkOptions(OPTIONS, {
},
},
battery: {
scaling: opt(100),
card: {
color: opt(colors.base),
},
@@ -449,6 +458,7 @@ const options = mkOptions(OPTIONS, {
},
},
clock: {
scaling: opt(100),
card: {
color: opt(colors.base),
},
@@ -491,6 +501,8 @@ const options = mkOptions(OPTIONS, {
},
},
dashboard: {
scaling: opt(100),
confirmation_scaling: opt(100),
card: {
color: opt(colors.base),
},
@@ -596,6 +608,7 @@ const options = mkOptions(OPTIONS, {
},
},
notifications: {
scaling: opt(100),
label: opt(colors.lavender),
no_notifications_label: opt(colors.surface0),
background: opt(colors.crust),
@@ -835,7 +848,7 @@ const options = mkOptions(OPTIONS, {
cache_actions: opt(true),
},
dummy: opt(true)
dummy: opt(true),
})
globalThis["options"] = options