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

Clean up world clock module code and add themes. (#885)

Browse Source
This commit is contained in:
Jas Singh
2025-04-04 23:13:18 -07:00
committed by GitHub
parent 1d717e9f2e
commit 18c383b754
54 changed files with 834 additions and 717 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/settings/pages/config/bar/index.tsx
View File

@@ -313,7 +313,10 @@ export const BarSettings = (): JSX.Element => {
<Option
opt={options.bar.windowtitle.title_map}
title="Window Title Mappings"
subtitle="Requires Custom Title.\nWiki: https://hyprpanel.com/configuration/panel.html#window-title-mappings"
subtitle={
'Requires Custom Title.\n' +
'Wiki: https://hyprpanel.com/configuration/panel.html#window-title-mappings'
}
type="object"
subtitleLink="https://hyprpanel.com/configuration/panel.html#window-title-mappings"
/>
@@ -423,14 +426,17 @@ export const BarSettings = (): JSX.Element => {
<Option
opt={options.bar.systray.ignore}
title="Ignore List"
subtitle="Apps to ignore\nWiki: https://hyprpanel.com/configuration/panel.html#system-tray"
subtitle={'Apps to ignore\n' + 'Wiki: https://hyprpanel.com/configuration/panel.html#system-tray'}
subtitleLink="https://hyprpanel.com/configuration/panel.html#system-tray"
type="object"
/>
<Option
opt={options.bar.systray.customIcons}
title="Custom Systray Icons"
subtitle="Define custom icons for systray.\nWiki: https://hyprpanel.com/configuration/panel.html#custom-systray-icons"
subtitle={
'Define custom icons for systray.\n' +
'Wiki: https://hyprpanel.com/configuration/panel.html#custom-systray-icons'
}
subtitleLink="https://hyprpanel.com/configuration/panel.html#custom-systray-icons"
type="object"
/>

45
src/components/settings/pages/theme/bar/index.tsx
View File

@@ -70,7 +70,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
@@ -115,7 +118,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.windowtitle.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.windowtitle.border} title="Border" type="color" />
@@ -128,7 +134,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.media.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.media.border} title="Border" type="color" />
@@ -141,7 +150,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.volume.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.volume.border} title="Border" type="color" />
@@ -154,7 +166,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.network.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.network.border} title="Border" type="color" />
@@ -167,7 +182,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.bluetooth.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.bluetooth.border} title="Border" type="color" />
@@ -186,7 +204,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.battery.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.battery.border} title="Border" type="color" />
@@ -199,7 +220,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.clock.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.clock.border} title="Border" type="color" />
@@ -212,7 +236,10 @@ export const BarTheme = (): JSX.Element => {
<Option
opt={options.theme.bar.buttons.notifications.icon_background}
title="Button Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
subtitle={
'Applies a background color to the icon section of the button.\n' +
"Requires 'split' button styling."
}
type="color"
/>
<Option opt={options.theme.bar.buttons.notifications.border} title="Border" type="color" />