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

Implemented configurable and toggleable button borders. (#279)

Browse Source 
* Implemented configurable and toggleable button borders.

* Improve and simplify border logic

* Fix hidden label icon borders.

* Removed button hover property from bar buttons, they dim on hover now by default.

* Rename file.

* Update catppuccin normal theme's storage module color.

* update mocha items

* update mochas

* Update themes to account for borders
This commit is contained in:
Jas Singh
2024-09-22 02:59:30 -07:00
committed by GitHub
parent b47864d8e1
commit 6905fb4eb7
58 changed files with 2315 additions and 1404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
options.ts
View File

@@ -162,6 +162,8 @@ const options = mkOptions(OPTIONS, {
background: opt(colors.crust),
buttons: {
style: opt<BarButtonStyles>('default'),
enableBorders: opt(false),
borderSize: opt('0.1em'),
monochrome: opt(false),
spacing: opt('0.25em'),
padding_x: opt('0.7rem'),
@@ -178,16 +180,19 @@ const options = mkOptions(OPTIONS, {
icon: opt(colors.lavender),
dashboard: {
background: opt(colors.base2),
hover: opt(colors.surface1),
enableBorder: opt(false),
border: opt(colors.yellow),
icon: opt(colors.yellow),
spacing: opt('0.5em'),
},
workspaces: {
background: opt(colors.base2),
hover: opt(colors.pink),
enableBorder: opt(false),
border: opt(colors.pink),
available: opt(colors.sky),
occupied: opt(colors.flamingo),
active: opt(colors.pink),
hover: opt(colors.pink),
numbered_active_highlight_border: opt('0.2em'),
numbered_active_highlight_padding: opt('0.2em'),
numbered_active_highlighted_text_color: opt(colors.mantle),
@@ -197,68 +202,77 @@ const options = mkOptions(OPTIONS, {
},
windowtitle: {
background: opt(colors.base2),
hover: opt(colors.surface1),
enableBorder: opt(false),
border: opt(colors.pink),
text: opt(colors.pink),
icon: opt(colors.pink),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
media: {
enableBorder: opt(false),
border: opt(colors.lavender),
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.lavender),
icon: opt(colors.lavender),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
volume: {
enableBorder: opt(false),
border: opt(colors.maroon),
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.maroon),
icon: opt(colors.maroon),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
network: {
enableBorder: opt(false),
border: opt(colors.mauve),
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.mauve),
icon: opt(colors.mauve),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
bluetooth: {
enableBorder: opt(false),
border: opt(colors.sky),
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.sky),
icon: opt(colors.sky),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
systray: {
enableBorder: opt(false),
border: opt(colors.lavender),
background: opt(colors.base2),
hover: opt(colors.surface1),
spacing: opt('0.5em'),
},
battery: {
enableBorder: opt(false),
border: opt(colors.yellow),
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.yellow),
icon: opt(colors.yellow),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
clock: {
enableBorder: opt(false),
border: opt(colors.pink),
background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.pink),
icon: opt(colors.pink),
icon_background: opt(colors.base2),
spacing: opt('0.5em'),
},
notifications: {
enableBorder: opt(false),
border: opt(colors.lavender),
background: opt(colors.base2),
hover: opt(colors.surface1),
icon: opt(colors.lavender),
icon_background: opt(colors.base2),
total: opt(colors.lavender),
@@ -266,6 +280,8 @@ const options = mkOptions(OPTIONS, {
},
modules: {
ram: {
enableBorder: opt(false),
border: opt(colors.yellow),
background: opt(colors.base2),
text: opt(colors.yellow),
icon: opt(colors.yellow),
@@ -273,6 +289,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.45em'),
},
cpu: {
enableBorder: opt(false),
border: opt(colors.red),
background: opt(colors.base2),
text: opt(colors.red),
icon: opt(colors.red),
@@ -280,6 +298,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.5em'),
},
storage: {
enableBorder: opt(false),
border: opt(colors.pink),
background: opt(colors.base2),
text: opt(colors.pink),
icon: opt(colors.pink),
@@ -287,6 +307,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.45em'),
},
netstat: {
enableBorder: opt(false),
border: opt(colors.green),
background: opt(colors.base2),
text: opt(colors.green),
icon: opt(colors.green),
@@ -294,6 +316,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.45em'),
},
kbLayout: {
enableBorder: opt(false),
border: opt(colors.sky),
background: opt(colors.base2),
text: opt(colors.sky),
icon: opt(colors.sky),
@@ -301,6 +325,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.45em'),
},
updates: {
enableBorder: opt(false),
border: opt(colors.mauve),
background: opt(colors.base2),
text: opt(colors.mauve),
icon: opt(colors.mauve),
@@ -308,6 +334,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.45em'),
},
weather: {
enableBorder: opt(false),
border: opt(colors.lavender),
background: opt(colors.base2),
text: opt(colors.lavender),
icon: opt(colors.lavender),
@@ -315,6 +343,8 @@ const options = mkOptions(OPTIONS, {
spacing: opt('0.45em'),
},
power: {
enableBorder: opt(false),
border: opt(colors.red),
background: opt(colors.base2),
icon: opt(colors.red),
icon_background: opt(colors.base2),