2ffd602910
* 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
230 lines
10 KiB
TypeScript
230 lines
10 KiB
TypeScript
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 DashboardMenuTheme = (): JSX.Element => {
|
|
return (
|
|
<scrollable
|
|
name={'Dashboard Menu'}
|
|
className="menu-theme-page dashboard paged-container"
|
|
vscroll={Gtk.PolicyType.ALWAYS}
|
|
hscroll={Gtk.PolicyType.AUTOMATIC}
|
|
vexpand={true}
|
|
>
|
|
<box vertical>
|
|
{/* Card Section */}
|
|
<Header title="Card" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.card.color} title="Card" type="color" />
|
|
|
|
{/* Background Section */}
|
|
<Header title="Background" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.background.color} title="Background" type="color" />
|
|
|
|
{/* Border Section */}
|
|
<Header title="Border" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.border.color} title="Border" type="color" />
|
|
|
|
{/* Profile Section */}
|
|
<Header title="Profile" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.profile.name} title="Profile Name" type="color" />
|
|
|
|
{/* Power Menu Section */}
|
|
<Header title="Power Menu" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.powermenu.shutdown} title="Shutdown" type="color" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.powermenu.restart} title="Restart" type="color" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.powermenu.logout} title="Log Out" type="color" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.powermenu.sleep} title="Sleep" type="color" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.card}
|
|
title="Confirmation Dialog Card"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.background}
|
|
title="Confirmation Dialog Background"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.border}
|
|
title="Confirmation Dialog Border"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.label}
|
|
title="Confirmation Dialog Label"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.body}
|
|
title="Confirmation Dialog Description"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.confirm}
|
|
title="Confirmation Dialog Confirm Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.deny}
|
|
title="Confirmation Dialog Cancel Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.powermenu.confirmation.button_text}
|
|
title="Confirmation Dialog Button Text"
|
|
type="color"
|
|
/>
|
|
|
|
{/* Shortcuts Section */}
|
|
<Header title="Shortcuts" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.shortcuts.background}
|
|
title="Primary"
|
|
type="color"
|
|
/>
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.shortcuts.text} title="Text" type="color" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.shortcuts.recording}
|
|
title="Recording"
|
|
subtitle="Color of the Record button when recording is in progress"
|
|
type="color"
|
|
/>
|
|
|
|
{/* Controls Section */}
|
|
<Header title="Controls" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.disabled}
|
|
title="Module Off"
|
|
subtitle="Button color when element is disabled"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.wifi.background}
|
|
title="Wifi Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.wifi.text}
|
|
title="Wifi Button Text"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.bluetooth.background}
|
|
title="Bluetooth Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.bluetooth.text}
|
|
title="Bluetooth Button Text"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.notifications.background}
|
|
title="Notifications Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.notifications.text}
|
|
title="Notifications Button Text"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.volume.background}
|
|
title="Volume Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.volume.text}
|
|
title="Volume Button Text"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.input.background}
|
|
title="Input Button"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.controls.input.text}
|
|
title="Input Button Text"
|
|
type="color"
|
|
/>
|
|
|
|
{/* Directories Section */}
|
|
<Header title="Directories" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.directories.left.top.color}
|
|
title="Directory: Left - Top"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.directories.left.middle.color}
|
|
title="Directory: Left - Middle"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.directories.left.bottom.color}
|
|
title="Directory: Left - Bottom"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.directories.right.top.color}
|
|
title="Directory: Right - Top"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.directories.right.middle.color}
|
|
title="Directory: Right - Middle"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.directories.right.bottom.color}
|
|
title="Directory: Right - Bottom"
|
|
type="color"
|
|
/>
|
|
|
|
{/* System Stats Section */}
|
|
<Header title="System Stats" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.monitors.bar_background}
|
|
title="Bar Background"
|
|
type="color"
|
|
/>
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.cpu.icon} title="CPU Icon" type="color" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.cpu.bar} title="CPU Bar" type="color" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.monitors.cpu.label}
|
|
title="CPU Label"
|
|
type="color"
|
|
/>
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.ram.icon} title="RAM Icon" type="color" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.ram.bar} title="RAM Bar" type="color" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.monitors.ram.label}
|
|
title="RAM Label"
|
|
type="color"
|
|
/>
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.gpu.icon} title="GPU Icon" type="color" />
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.gpu.bar} title="GPU Bar" type="color" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.monitors.gpu.label}
|
|
title="GPU Label"
|
|
type="color"
|
|
/>
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.monitors.disk.icon}
|
|
title="Disk Icon"
|
|
type="color"
|
|
/>
|
|
<Option opt={options.theme.bar.menus.menu.dashboard.monitors.disk.bar} title="Disk Bar" type="color" />
|
|
<Option
|
|
opt={options.theme.bar.menus.menu.dashboard.monitors.disk.label}
|
|
title="Disk Label"
|
|
type="color"
|
|
/>
|
|
</box>
|
|
</scrollable>
|
|
);
|
|
};
|