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

Added 3 new styles for bar buttons. (#168)

Browse Source 
* Added a new style called split for bar buttons

* Added wavy button styles.

* Added padding configuration

* Update bar padding

* Fix styling for battery style2

* Fix icon only setting for bar

* Update types and options

* Add button style to exported theme props.

* Fix top margin for menus.
This commit is contained in:
Jas Singh
2024-08-24 00:01:21 -07:00
committed by GitHub
parent c0d9c594c9
commit 2908ff7dd6
31 changed files with 459 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
options.ts
View File

@@ -1,5 +1,5 @@
import { opt, mkOptions } from "lib/option"
import { NotificationAnchor, OSDAnchor, OSDOrientation } from "lib/types/options";
import { BarButtonStyles, NotificationAnchor, OSDAnchor, OSDOrientation } from "lib/types/options";
import { MatugenScheme, MatugenTheme, MatugenVariation } from "lib/types/options";
// WARN: CHANGING THESE VALUES WILL PREVENT MATUGEN COLOR GENERATION FOR THE CHANGED VALUE
@@ -135,21 +135,26 @@ const options = mkOptions(OPTIONS, {
transparent: opt(false),
background: opt(colors.crust),
buttons: {
style: opt<BarButtonStyles>("default"),
monochrome: opt(false),
spacing: opt("0.25em"),
padding_x: opt("0.7rem"),
padding_y: opt("0.2rem"),
y_margins: opt("0.4em"),
radius: opt("0.3em"),
opacity: opt(100),
background_opacity: opt(100),
background_hover_opacity: opt(100),
background: opt(colors.base2),
icon_background: opt(colors.base2),
hover: opt(colors.surface1),
text: opt(colors.lavender),
icon: opt(colors.lavender),
dashboard: {
background: opt(colors.base2),
hover: opt(colors.surface1),
icon: opt(colors.yellow)
icon: opt(colors.yellow),
spacing: opt("0.5em"),
},
workspaces: {
background: opt(colors.base2),
@@ -161,12 +166,14 @@ const options = mkOptions(OPTIONS, {
numbered_active_highlight_padding: opt("0.2em"),
numbered_active_highlighted_text_color: opt(colors.mantle),
numbered_active_underline_color: opt(colors.pink),
spacing: opt("0.5em"),
},
windowtitle: {
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"),
},
media: {
@@ -174,6 +181,7 @@ const options = mkOptions(OPTIONS, {
hover: opt(colors.surface1),
text: opt(colors.lavender),
icon: opt(colors.lavender),
icon_background: opt(colors.base2),
spacing: opt("0.5em"),
},
volume: {
@@ -181,6 +189,7 @@ const options = mkOptions(OPTIONS, {
hover: opt(colors.surface1),
text: opt(colors.maroon),
icon: opt(colors.maroon),
icon_background: opt(colors.base2),
spacing: opt("0.5em"),
},
network: {
@@ -188,6 +197,7 @@ const options = mkOptions(OPTIONS, {
hover: opt(colors.surface1),
text: opt(colors.mauve),
icon: opt(colors.mauve),
icon_background: opt(colors.base2),
spacing: opt("0.5em"),
},
bluetooth: {
@@ -195,17 +205,20 @@ const options = mkOptions(OPTIONS, {
hover: opt(colors.surface1),
text: opt(colors.sky),
icon: opt(colors.sky),
icon_background: opt(colors.base2),
spacing: opt("0.5em"),
},
systray: {
background: opt(colors.base2),
hover: opt(colors.surface1),
spacing: opt("0.5em"),
},
battery: {
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: {
@@ -213,11 +226,13 @@ const options = mkOptions(OPTIONS, {
hover: opt(colors.surface1),
text: opt(colors.pink),
icon: opt(colors.pink),
spacing: opt("0.5em"),
},
notifications: {
background: opt(colors.base2),
hover: opt(colors.surface1),
icon: opt(colors.lavender),
icon_background: opt(colors.base2),
total: opt(colors.lavender),
spacing: opt("0.5em"),
},
@@ -687,6 +702,7 @@ const options = mkOptions(OPTIONS, {
},
windowtitle: {
title_map: opt([]),
label: opt(true),
},
workspaces: {
show_icons: opt(false),