mirror of
https://github.com/caelestia-dots/cli.git
synced 2026-06-07 07:49:30 -05:00
Robin Seger
bca7b12072
* feat: GTK app theming system
- Implemented custom.css import for user-managed app themes
- process_app_themes() to dynamically update colors in imported CSS files
- Inline comment markers for color replacement (e.g, /* accent-color */)
- Papirus icon color syncing with weighted hue/saturation algorithm
This allows users to create modular app themes that automatically update when the scheme/wallpaper changes
Example usage:
.app .element { color: #24BD5C; /* accent-color */ }
.app .element:hover { background: rgba(36, 189, 92, 0.15); /* accent-color with 15% opacity */ }
* feat: atomic theme changes with locking and mode-specific CSS
- Implemented locking to prevent concurrent theme changes
- Added mode-light/mode-dark CSS markers for dynamic property reordering
- Made terminal writes and Papirus sync non-blocking to prevent hangs
- Only save scheme.json after successful theme application
Fixes race conditions during rapid theme switching and ensures Shell and GTK apps scheme stay in sync.
* theme: added to color mapping for custom theming, new schemes
* theme: quick fixes, cleanup
* theme: include thunar.css as template, with new theming system
* theme: modified GTK theming approach
- Dropped comment targeted theming in favor for existing {{ }} replacement
- [app].css.template file created for customization, bypassing built in default if present
- Handling *.template for added templates to be parsed and added to import
* theme: fixes for thunar.css
* theme: remove .template file use
* theme: path button color adjustment, non-active hover
* fixes & cleanup
* thunar css fixes
* more css fixes
* format
* fix tab vert spacing
---------
Co-authored-by: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
22 lines
962 B
CSS
22 lines
962 B
CSS
@define-color accent_color {{ $primary }};
|
|
@define-color accent_fg_color {{ $onPrimary }};
|
|
@define-color accent_bg_color {{ $primary }};
|
|
@define-color window_bg_color {{ $background }};
|
|
@define-color window_fg_color {{ $onBackground }};
|
|
@define-color headerbar_bg_color {{ $surfaceDim }};
|
|
@define-color headerbar_fg_color {{ $onSurface }};
|
|
@define-color popover_bg_color {{ $surfaceDim }};
|
|
@define-color popover_fg_color {{ $onSurface }};
|
|
@define-color view_bg_color {{ $surface }};
|
|
@define-color view_fg_color {{ $onSurface }};
|
|
@define-color card_bg_color {{ $surface }};
|
|
@define-color card_fg_color {{ $onSurface }};
|
|
@define-color sidebar_bg_color @window_bg_color;
|
|
@define-color sidebar_fg_color @window_fg_color;
|
|
@define-color sidebar_border_color @window_bg_color;
|
|
@define-color sidebar_backdrop_color @window_bg_color;
|
|
@define-color theme_selected_bg_color alpha(@accent_color, 0.15);
|
|
@define-color theme_selected_fg_color @primary;
|
|
|
|
@import "thunar.css";
|