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

Added the ability to select workspace underline color and highlight padding. (#130)

Browse Source
This commit is contained in:
Jas Singh
2024-08-14 21:36:57 -07:00
committed by GitHub
parent 250443de63
commit 83c0941bee
6 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
options.ts
View File

@@ -146,7 +146,9 @@ const options = mkOptions(OPTIONS, {
occupied: opt(colors.flamingo), occupied: opt(colors.flamingo),
active: opt(colors.pink), active: opt(colors.pink),
numbered_active_highlight_border: opt("0.2em"), numbered_active_highlight_border: opt("0.2em"),
numbered_active_text_color: opt(colors.mantle), numbered_active_highlight_padding: opt("0.2em"),
numbered_active_highlighted_text_color: opt(colors.mantle),
numbered_active_underline_color: opt(colors.pink),
}, },
windowtitle: { windowtitle: {
background: opt(colors.base2), background: opt(colors.base2),

4
scss/style/bar/bar.scss
View File

@@ -1,9 +1,5 @@
.bar { .bar {
.transparent {
background: transparent;
}
.bar-panel-container { .bar-panel-container {
margin-top: if($bar-floating, $bar-margin_top, 0em); margin-top: if($bar-floating, $bar-margin_top, 0em);
margin-bottom: if($bar-floating, $bar-margin_bottom, 0em); margin-bottom: if($bar-floating, $bar-margin_bottom, 0em);

6
scss/style/bar/workspace.scss
View File

@@ -42,14 +42,14 @@
} }
&.underline { &.underline {
border-bottom: 0.1em solid $bar-buttons-workspaces-numbered_active_text_color; border-bottom: 0.1em solid $bar-buttons-workspaces-numbered_active_underline_color;
} }
&.highlight { &.highlight {
color: $bar-buttons-workspaces-numbered_active_text_color; color: $bar-buttons-workspaces-numbered_active_highlighted_text_color;
border-radius: $bar-buttons-workspaces-numbered_active_highlight_border; border-radius: $bar-buttons-workspaces-numbered_active_highlight_border;
background-color: $bar-buttons-workspaces-active; background-color: $bar-buttons-workspaces-active;
padding: 0em 0.2em; padding: 0em $bar-buttons-workspaces-numbered_active_highlight_padding;
} }
} }
} }

4
scss/style/settings/dialog.scss
View File

@@ -2,10 +2,6 @@ window.settings-dialog {
background-color: $bar-menus-cards; background-color: $bar-menus-cards;
color: $bar-menus-text; color: $bar-menus-text;
$padding: 0.5em;
$primary_bg: $bar-menus-background;
$spacing: 0.4em;
$radius: 0.5em;
$widget-bg: $bar-menus-cards; $widget-bg: $bar-menus-cards;
$border: none; $border: none;
$fg: $bar-menus-text; $fg: $bar-menus-text;

2
widget/settings/pages/config/bar/index.ts
View File

@@ -35,7 +35,7 @@ export const BarSettings = () => {
Option({ opt: options.bar.workspaces.show_numbered, title: 'Show Workspace Numbers', type: 'boolean' }), Option({ opt: options.bar.workspaces.show_numbered, title: 'Show Workspace Numbers', type: 'boolean' }),
Option({ opt: options.bar.workspaces.numbered_active_indicator, title: 'Numbered Workspace Identifier', subtitle: 'Only applicable if Workspace Numbers are enabled', type: 'enum', enums: ["underline", "highlight"] }), Option({ opt: options.bar.workspaces.numbered_active_indicator, title: 'Numbered Workspace Identifier', subtitle: 'Only applicable if Workspace Numbers are enabled', type: 'enum', enums: ["underline", "highlight"] }),
Option({ opt: options.theme.bar.buttons.workspaces.numbered_active_highlight_border, title: 'Highlight Radius', subtitle: 'Only applicable if Workspace Numbers are enabled', type: 'string' }), Option({ opt: options.theme.bar.buttons.workspaces.numbered_active_highlight_border, title: 'Highlight Radius', subtitle: 'Only applicable if Workspace Numbers are enabled', type: 'string' }),
Option({ opt: options.theme.bar.buttons.workspaces.numbered_active_text_color, title: 'Highlighted Text Color', subtitle: 'Only applicable if Workspace Numbers are enabled', type: 'color' }), Option({ opt: options.theme.bar.buttons.workspaces.numbered_active_highlight_padding, title: 'Highlight Padding', subtitle: 'Only applicable if Workspace Numbers are enabled', type: 'string' }),
Option({ opt: options.bar.workspaces.spacing, title: 'Spacing', subtitle: 'Spacing between workspace icons', type: 'float' }), Option({ opt: options.bar.workspaces.spacing, title: 'Spacing', subtitle: 'Spacing between workspace icons', type: 'float' }),
Option({ opt: options.bar.workspaces.workspaces, title: 'Total Workspaces', type: 'number' }), Option({ opt: options.bar.workspaces.workspaces, title: 'Total Workspaces', type: 'number' }),
Option({ opt: options.bar.workspaces.monitorSpecific, title: 'Monitor Specific', subtitle: 'Only workspaces applicable to the monitor will be displayed', type: 'boolean' }), Option({ opt: options.bar.workspaces.monitorSpecific, title: 'Monitor Specific', subtitle: 'Only workspaces applicable to the monitor will be displayed', type: 'boolean' }),

2
widget/settings/pages/theme/bar/index.ts
View File

@@ -30,6 +30,8 @@ export const BarTheme = () => {
Option({ opt: options.theme.bar.buttons.workspaces.available, title: 'Workspace Available Color', type: 'color' }), Option({ opt: options.theme.bar.buttons.workspaces.available, title: 'Workspace Available Color', type: 'color' }),
Option({ opt: options.theme.bar.buttons.workspaces.occupied, title: 'Workspace Occupied Color', type: 'color' }), Option({ opt: options.theme.bar.buttons.workspaces.occupied, title: 'Workspace Occupied Color', type: 'color' }),
Option({ opt: options.theme.bar.buttons.workspaces.active, title: 'Workspace Active Color', type: 'color' }), Option({ opt: options.theme.bar.buttons.workspaces.active, title: 'Workspace Active Color', type: 'color' }),
Option({ opt: options.theme.bar.buttons.workspaces.numbered_active_highlighted_text_color, title: 'Highlighted Workspace Text Color', type: 'color' }),
Option({ opt: options.theme.bar.buttons.workspaces.numbered_active_underline_color, title: 'Workspace Underline Color', type: 'color' }),
Header('Window Title'), Header('Window Title'),
Option({ opt: options.theme.bar.buttons.windowtitle.background, title: 'Background', type: 'color' }), Option({ opt: options.theme.bar.buttons.windowtitle.background, title: 'Background', type: 'color' }),