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

Adding configuration options to change spacing between icons and labels inside the buttons in the bar. (#30)

Browse Source 
* Branch protection check.

* Move button spacing config into the Configuration section instead of Theming.

* Partially Resolves #26 - Added the ability to configure outer spacing on the bar.

* Renamed all class names for buttons so they can be styled with margins.

* Added configurable spacing to buttons.

* Fixed styling for network module when using wifi.

* Fixed ghost margins that occur when labels are disabled in the bar buttons.

* Change the default page of the settings dialog to configuration.
This commit is contained in:
Jas Singh
2024-07-28 15:16:31 -07:00
committed by GitHub
parent 83b60ddaab
commit 3dc5bbbe13
20 changed files with 137 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
options.ts
View File

@@ -59,6 +59,8 @@ const options = mkOptions(OPTIONS, {
margin_bottom: opt("0em"),
margin_sides: opt("0.5em"),
border_radius: opt("0.4em"),
outer_spacing: opt("1.6em"),
label_spacing: opt("0.5em"),
transparent: opt(false),
background: opt(colors.crust),
buttons: {
@@ -85,31 +87,36 @@ const options = mkOptions(OPTIONS, {
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.pink),
icon: opt(colors.pink)
icon: opt(colors.pink),
spacing: opt("0.5em"),
},
media: {
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.lavender),
icon: opt(colors.lavender)
icon: opt(colors.lavender),
spacing: opt("0.5em"),
},
volume: {
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.maroon),
icon: opt(colors.maroon),
spacing: opt("0.5em"),
},
network: {
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.mauve),
icon: opt(colors.mauve),
spacing: opt("0.5em"),
},
bluetooth: {
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.sky),
icon: opt(colors.sky),
spacing: opt("0.5em"),
},
systray: {
background: opt(colors.base2),
@@ -120,6 +127,7 @@ const options = mkOptions(OPTIONS, {
hover: opt(colors.surface1),
text: opt(colors.yellow),
icon: opt(colors.yellow),
spacing: opt("0.5em"),
},
clock: {
background: opt(colors.base2),
@@ -131,7 +139,8 @@ const options = mkOptions(OPTIONS, {
background: opt(colors.base2),
hover: opt(colors.surface1),
icon: opt(colors.lavender),
total: opt(colors.lavender)
total: opt(colors.lavender),
spacing: opt("0.5em"),
},
},
menus: {