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

Upgrade to Agsv2 + Astal (#533)

Browse Source 
* migrate to astal

* Reorganize project structure.

* progress

* Migrate Dashboard and Window Title modules.

* Migrate clock and notification bar modules.

* Remove unused code

* Media menu

* Rework network and volume modules

* Finish custom modules.

* Migrate battery bar module.

* Update battery module and organize helpers.

* Migrate workspace module.

* Wrap up bar modules.

* Checkpoint before I inevitbly blow something up.

* Updates

* Fix event propagation logic.

* Type fixes

* More type fixes

* Fix padding for event boxes.

* Migrate volume menu and refactor scroll event handlers.

* network module WIP

* Migrate network service.

* Migrate bluetooth menu

* Updates

* Migrate notifications

* Update scrolling behavior for custom modules.

* Improve popup notifications and add timer functionality.

* Migration notifications menu header/controls.

* Migrate notifications menu and consolidate notifications menu code.

* Migrate power menu.

* Dashboard progress

* Migrate dashboard

* Migrate media menu.

* Reduce media menu nesting.

* Finish updating media menu bindings to navigate active player.

* Migrate battery menu

* Consolidate code

* Migrate calendar menu

* Fix workspace logic to update on client add/change/remove and consolidate code.

* Migrate osd

* Consolidate hyprland service connections.

* Implement startup dropdown menu position allocation.

* Migrate settings menu (WIP)

* Settings dialo menu fixes

* Finish Dashboard menu

* Type updates

* update submoldule for types

* update github ci

* ci

* Submodule update

* Ci updates

* Remove type checking for now.

* ci fix

* Fix a bunch of stuff, losing track... need rest. Brb coffee

* Validate dropdown menu before render.

* Consolidate code and add auto-hide functionality.

* Improve auto-hide behavior.

* Consolidate audio menu code

* Organize bluetooth code

* Improve active player logic

* Properly dismiss a notification on action button resolution.

* Implement CLI command engine and migrate CLI commands.

* Handle variable disposal

* Bar component fixes and add hyprland startup rules.

* Handle potentially null bindings network and bluetooth bindings.

* Handle potentially null wired adapter.

* Fix GPU stats

* Handle poller for GPU

* Fix gpu bar logic.

* Clean up logic for stat bars.

* Handle wifi and wired bar icon bindings.

* Fix battery percentages

* Fix switch behavior

* Wifi staging fixes

* Reduce redundant hyprland service calls.

* Code cleanup

* Document the option code and reduce redundant calls to optimize performance.

* Remove outdated comment.

* Add JSDocs

* Add meson to build hyprpanel

* Consistency updates

* Organize commands

* Fix images not showing up on notifications.

* Remove todo

* Move hyprpanel configuration to the ~/.config/hyprpanel directory and add utility commands.

* Handle SRC directory for the bundled/built hyprpanel.

* Add namespaces to all windows

* Migrate systray

* systray updates

* Update meson to include ts, tsx and scss files.

* Remove log from meson

* Fix file choose path and make it float.

* Added a command to check the dependency status

* Update dep names.

* Get scale directly from env

* Add todo
This commit is contained in:
Jas Singh
2024-12-20 18:10:10 -08:00
committed by GitHub
parent 955eed6c60
commit 2ffd602910
605 changed files with 19543 additions and 15999 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
src/components/bar/settings/theme.tsx Normal file
View File

@@ -0,0 +1,164 @@
import { Option } from 'src/components/settings/shared/Option';
import { Header } from 'src/components/settings/shared/Header';
import options from 'src/options';
import { Gtk } from 'astal/gtk3';
export const CustomModuleTheme = (): JSX.Element => {
return (
<scrollable
name={'Custom Modules'}
className="menu-theme-page customModules paged-container"
vscroll={Gtk.PolicyType.AUTOMATIC}
hscroll={Gtk.PolicyType.AUTOMATIC}
vexpand={false}
>
<box vertical>
{/* RAM Module Section */}
<Header title="RAM" />
<Option opt={options.theme.bar.buttons.modules.ram.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.ram.icon} title="Icon" type="color" />
<Option opt={options.theme.bar.buttons.modules.ram.background} title="Label Background" type="color" />
<Option
opt={options.theme.bar.buttons.modules.ram.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.ram.border} title="Border" type="color" />
{/* CPU Module Section */}
<Header title="CPU" />
<Option opt={options.theme.bar.buttons.modules.cpu.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.cpu.icon} title="Icon" type="color" />
<Option opt={options.theme.bar.buttons.modules.cpu.background} title="Label Background" type="color" />
<Option
opt={options.theme.bar.buttons.modules.cpu.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.cpu.border} title="Border" type="color" />
{/* CPU Temperature Module Section */}
<Header title="CPU Temperature" />
<Option opt={options.theme.bar.buttons.modules.cpuTemp.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.cpuTemp.icon} title="Icon" type="color" />
<Option
opt={options.theme.bar.buttons.modules.cpuTemp.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.cpuTemp.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.cpuTemp.border} title="Border" type="color" />
{/* Storage Module Section */}
<Header title="Storage" />
<Option opt={options.theme.bar.buttons.modules.storage.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.storage.icon} title="Icon" type="color" />
<Option
opt={options.theme.bar.buttons.modules.storage.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.storage.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.storage.border} title="Border" type="color" />
{/* Netstat Module Section */}
<Header title="Netstat" />
<Option opt={options.theme.bar.buttons.modules.netstat.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.netstat.icon} title="Icon" type="color" />
<Option
opt={options.theme.bar.buttons.modules.netstat.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.netstat.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.netstat.border} title="Border" type="color" />
{/* Keyboard Layout Module Section */}
<Header title="Keyboard Layout" />
<Option opt={options.theme.bar.buttons.modules.kbLayout.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.kbLayout.icon} title="Icon" type="color" />
<Option
opt={options.theme.bar.buttons.modules.kbLayout.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.kbLayout.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.kbLayout.border} title="Border" type="color" />
{/* Updates Module Section */}
<Header title="Updates" />
<Option opt={options.theme.bar.buttons.modules.updates.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.updates.icon} title="Icon" type="color" />
<Option
opt={options.theme.bar.buttons.modules.updates.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.updates.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.updates.border} title="Border" type="color" />
{/* Submap Module Section */}
<Header title="Submap" />
<Option opt={options.theme.bar.buttons.modules.submap.text} title="Text" type="color" />
<Option opt={options.theme.bar.buttons.modules.submap.icon} title="Icon" type="color" />
<Option
opt={options.theme.bar.buttons.modules.submap.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.submap.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.submap.border} title="Border" type="color" />
{/* Weather Module Section */}
<Header title="Weather" />
<Option opt={options.theme.bar.buttons.modules.weather.icon} title="Icon" type="color" />
<Option opt={options.theme.bar.buttons.modules.weather.text} title="Text" type="color" />
<Option
opt={options.theme.bar.buttons.modules.weather.background}
title="Label Background"
type="color"
/>
<Option
opt={options.theme.bar.buttons.modules.weather.icon_background}
title="Icon Background"
subtitle="Applies a background color to the icon section of the button.\nRequires 'split' button styling."
type="color"
/>
<Option opt={options.theme.bar.buttons.modules.weather.border} title="Border" type="color" />
</box>
</scrollable>
);
};