tested and fixed new templates

AUR/PKGBUILD

@@ -1,6 +1,6 @@
 # Maintainer: Daniel Dada <dan@binarygoose.dev>
 pkgname=clrsync
-pkgver=1.0.1
+pkgver=1.0.2
 pkgrel=1
 pkgdesc="Color scheme manager"
 arch=('x86_64')

CMakeLists.txt

@@ -1,5 +1,5 @@
 cmake_minimum_required(VERSION 3.25)
-project(clrsync VERSION 1.0.1 LANGUAGES CXX)
+project(clrsync VERSION 1.0.2 LANGUAGES CXX)
 
 include(GNUInstallDirs)
 

VERSION

@@ -1 +1 @@
-1.0.1
+1.0.2

extra/README.md

@@ -1,32 +1,75 @@
 # Extras
 
+This directory contains additional palettes and pre-configured templates for various applications.
+
+## Navigation
+
+- [Palettes](#palettes)
+  - [Cursed](#cursed)
+  - [Cursed Light](#cursed-light)
+  - [Nord](#nord)
+- [Pre-configured Templates](#pre-configured-templates)
+  - [Terminal Emulators](#terminal-emulators)
+    - [Kitty](#kitty)
+    - [Alacritty](#alacritty)
+    - [Ghostty](#ghostty)
+  - [Text Editors](#text-editors)
+    - [Neovim](#neovim)
+    - [Visual Studio Code](#visual-studio-code)
+  - [Browsers](#browsers)
+    - [Firefox](#firefox)
+  - [Applications](#applications)
+    - [Telegram](#telegram)
+  - [Desktop Themes](#desktop-themes)
+    - [GTK](#gtk)
+    - [Qt Applications](#qt-applications)
+  - [Window Managers](#window-managers)
+    - [Hyprland](#hyprland)
+
 ## Palettes
 
 ### Cursed
 
-A dark color scheme, which tries to be like `cursed` theme by **[pyratebeard](https://pyratebeard.net)** 
+A dark color scheme inspired by the `cursed` theme by [pyratebeard](https://pyratebeard.net).
+
+<details>
+<summary>Preview</summary>
 
 ![cursed](img/cursed.png)
 
-### Cursed-light
+</details>
 
-Same as `cursed`, but it also tries to be light as well
+### Cursed Light
+
+A light variant of the `cursed` color scheme.
+
+<details>
+<summary>Preview</summary>
 
 ![cursed-light](img/cursed-light.png)
 
+</details>
+
 ### Nord
 
-Color scheme based on `Nord`
+A color scheme based on the `Nord` palette.
+
+<details>
+<summary>Preview</summary>
 
 ![nord](img/nord.png)
 
-## Pre-configured templates
+</details>
 
-### Kitty
+## Pre-configured Templates
 
-**1. Download [template file](templates/kitty.conf)**
+### Terminal Emulators
 
-**2. Configure template in `~/.config/clrsync/config.toml`**
+#### Kitty
+
+1. Download the [template file](templates/kitty.conf)
+
+2. Configure the template in `~/.config/clrsync/config.toml`:
 
 ```toml
 [templates.kitty]
@@ -36,37 +79,17 @@ output_path = '~/.config/kitty/clrsync.conf'
 reload_cmd = 'pkill -SIGUSR1 kitty'
 ```
 
-**3. Import generated color scheme in `~/.config/kitty/kitty.conf**
+3. Import the generated color scheme in `~/.config/kitty/kitty.conf`:
 
 ```conf
 include clrsync.conf
 ```
 
-### Neovim
+#### Alacritty
 
-**1. Download [template file](templates/nvim.lua)**
+1. Download the [template file](templates/alacritty.toml)
 
-**2. Configure template in `~/.config/clrsync/config.toml`**
-
-```toml
-[templates.nvim]
-enabled = true
-input_path = '~/.config/clrsync/templates/nvim.lua'
-output_path = '~/.config/nvim/colors/clrsync.lua'
-reload_cmd = ''
-```
-
-**3. Set colorscheme in neovim config**
-
-```lua
-vim.cmd.colorscheme 'clrsync'
-```
-
-### Alacritty
-
-**1. Download [template file](templates/alacritty.toml)**
-
-**2. Configure template in `~/.config/clrsync/config.toml`**
+2. Configure the template in `~/.config/clrsync/config.toml`:
 
 ```toml
 [templates.alacritty]
@@ -76,19 +99,18 @@ output_path = '~/.config/alacritty/clrsync.toml'
 reload_cmd = ''
 ```
 
-**3. Import generated color scheme in `~/.config/alacritty/alacritty.toml**
+3. Import the generated color scheme in `~/.config/alacritty/alacritty.toml`:
 
 ```toml
 [general]
 import = ["clrsync.toml"]
 ```
 
+#### Ghostty
 
-### Ghostty
+1. Download the [template file](templates/ghostty)
 
-**1. Download [template file](templates/ghostty)**
-
-**2. Configure template in `~/.config/clrsync/config.toml`**
+2. Configure the template in `~/.config/clrsync/config.toml`:
 
 ```toml
 [templates.ghostty]
@@ -98,8 +120,189 @@ output_path = '~/.config/ghostty/themes/clrsync'
 reload_cmd = 'pkill -SIGUSR2 ghostty'
 ```
 
-**3. Set generated color scheme in `~/.config/ghostty/config**
+3. Set the generated color scheme in `~/.config/ghostty/config`:
 
-```toml
+```conf
 theme = "clrsync"
 ```
+
+### Text Editors
+
+#### Neovim
+
+1. Download the [template file](templates/nvim.lua)
+
+2. Configure the template in `~/.config/clrsync/config.toml`:
+
+```toml
+[templates.nvim]
+enabled = true
+input_path = '~/.config/clrsync/templates/nvim.lua'
+output_path = '~/.config/nvim/colors/clrsync.lua'
+reload_cmd = ''
+```
+
+3. Set the colorscheme in your Neovim config:
+
+```lua
+vim.cmd.colorscheme 'clrsync'
+```
+
+#### Visual Studio Code
+
+1. Install the [clrsync VS Code theme](https://marketplace.visualstudio.com/items?itemName=obsqrbtz.clrsync)
+
+2. Download the [template file](templates/code.json)
+
+3. Configure the template in `~/.config/clrsync/config.toml`:
+
+```toml
+[templates.vscode]
+enabled = true
+input_path = '~/.config/clrsync/templates/code.json'
+output_path = '~/.vscode/extensions/obsqrbtz.clrsync-1.0.2/themes/clrsync-color-theme.json'
+reload_cmd = ''
+```
+
+4. Set the `clrsync` color scheme in VS Code
+
+### Browsers
+
+#### Firefox
+
+1. Go to `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`
+
+2. Go to `about:support` and find your profile directory
+
+3. Create a `chrome` directory in your profile
+
+4. Download the [template file](templates/userChrome.css)
+
+5. Configure clrsync to output to `<profile>/chrome/userChrome.css`:
+
+```toml
+[templates.firefox]
+enabled = true
+input_path = '~/.config/clrsync/templates/userChrome.css'
+output_path = '<profile directory>/chrome/userChrome.css'
+reload_cmd = ''
+```
+
+### Applications
+
+#### Telegram
+
+1. Download the [template file](templates/telegram.tdesktop-theme)
+
+2. Configure the template in `~/.config/clrsync/config.toml`:
+
+```toml
+[templates.telegram]
+enabled = true
+input_path = '~/.config/clrsync/templates/telegram.tdesktop-theme'
+output_path = '~/clrsync.tdesktop-theme'
+reload_cmd = ''
+```
+
+3. Apply the palette with clrsync and send the generated `clrsync.tdesktop-theme` file to yourself in Telegram
+
+4. Click on the theme file in the Telegram dialog to apply it
+
+### Desktop Themes
+
+#### GTK
+
+1. Download the [template file](templates/gtk.css)
+
+2. Configure the template in `~/.config/clrsync/config.toml`:
+
+```toml
+[templates.gtk3]
+enabled = true
+input_path = '~/.config/clrsync/templates/gtk.css'
+output_path = '~/.config/gtk-3.0/colors.css'
+reload_cmd = ''
+
+[templates.gtk4]
+enabled = true
+input_path = '~/.config/clrsync/templates/gtk.css'
+output_path = '~/.config/gtk-4.0/colors.css'
+reload_cmd = ''
+```
+
+3. Import the color scheme at the top of `~/.config/gtk-3.0/gtk.css`, `~/.config/gtk-4.0/gtk.css`, and `~/.config/gtk-4.0/gtk-dark.css`:
+
+```css
+@import 'colors.css';
+```
+
+#### Qt Applications
+
+1. Download the templates:
+   - Kvantum: [kvantum.kvconfig](templates/kvantum/kvantum.kvconfig) and [kvantum.svg](templates/kvantum/kvantum.svg)
+   - Qt5ct/Qt6ct: [qtct.conf](templates/qtct.conf)
+
+2. Configure the templates in `~/.config/clrsync/config.toml`:
+
+```toml
+[templates.kvantum]
+enabled = true
+input_path = '~/.config/clrsync/templates/kvantum/kvantum.kvconfig'
+output_path = '~/.config/Kvantum/clrsync/clrsync.kvconfig'
+reload_cmd = ''
+
+[templates.kvantum-svg]
+enabled = true
+input_path = '~/.config/clrsync/templates/kvantum/kvantum.svg'
+output_path = '~/.config/Kvantum/clrsync/clrsync.svg'
+reload_cmd = ''
+
+[templates.qt5ct]
+enabled = true
+input_path = '~/.config/clrsync/templates/qtct.conf'
+output_path = '~/.config/qt5ct/colors/clrsync.conf'
+reload_cmd = ''
+
+[templates.qt6ct]
+enabled = true
+input_path = '~/.config/clrsync/templates/qtct.conf'
+output_path = '~/.config/qt6ct/colors/clrsync.conf'
+reload_cmd = ''
+```
+
+3. Set the theme in `~/.config/Kvantum/kvantum.kvconfig`:
+
+```conf
+[General]
+theme=clrsync
+```
+
+4. Set the theme in `~/.config/qt5ct/qt5ct.conf` and `~/.config/qt6ct/qt6ct.conf`:
+
+```conf
+[Appearance]
+color_scheme_path=$HOME/.config/qt5ct/colors/clrsync.conf
+custom_palette=true
+```
+
+### Window Managers
+
+#### Hyprland
+
+1. Download the [template file](templates/hyprland.conf)
+
+2. Configure the template in `~/.config/clrsync/config.toml`:
+
+```toml
+[templates.hyprland]
+enabled = true
+input_path = '~/.config/clrsync/templates/hyprland.conf'
+output_path = '~/.config/hypr/hyprland/clrsync.conf'
+reload_cmd = ''
+```
+
+3. Source the color theme in your Hyprland config:
+
+```conf
+source=~/.config/hypr/hyprland/clrsync.conf
+```

extra/templates/gtk.css

@@ -0,0 +1,88 @@
+@define-color accent_color {accent};
+@define-color accent_bg_color {accent};
+@define-color accent_fg_color {on_surface};
+@define-color destructive_color {error};
+@define-color destructive_bg_color {error};
+@define-color destructive_fg_color {on_error};
+@define-color success_color {success};
+@define-color success_bg_color {success};
+@define-color success_fg_color {on_success};
+@define-color warning_color {warning};
+@define-color warning_bg_color {warning};
+@define-color warning_fg_color {on_warning};
+@define-color error_color {error};
+@define-color error_bg_color {error};
+@define-color error_fg_color {on_error};
+@define-color window_bg_color {background};
+@define-color window_fg_color {on_background};
+@define-color view_bg_color {background};
+@define-color view_fg_color {foreground};
+@define-color headerbar_bg_color {surface};
+@define-color headerbar_fg_color {on_surface};
+@define-color headerbar_border_color {border};
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color {border};
+@define-color sidebar_bg_color {surface_variant};
+@define-color sidebar_fg_color {on_surface};
+@define-color sidebar_border_color {border};
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color {border};
+@define-color card_bg_color {surface};
+@define-color card_fg_color {on_surface};
+@define-color card_shade_color {border};
+@define-color dialog_bg_color {surface};
+@define-color dialog_fg_color {on_surface};
+@define-color popover_bg_color {surface_variant};
+@define-color popover_fg_color {on_surface_variant};
+@define-color shade_color {border};
+@define-color scrollbar_outline_color {border};
+
+@define-color blue_1 {base0C};
+@define-color blue_2 {base04};
+@define-color blue_3 {base04};
+@define-color blue_4 {base04};
+@define-color blue_5 {base04};
+@define-color green_1 {success};
+@define-color green_2 {success};
+@define-color green_3 {success};
+@define-color green_4 {base02};
+@define-color green_5 {base02};
+@define-color yellow_1 {base0B};
+@define-color yellow_2 {base03};
+@define-color yellow_3 {base03};
+@define-color yellow_4 {base03};
+@define-color yellow_5 {base03};
+@define-color orange_1 {warning};
+@define-color orange_2 {warning};
+@define-color orange_3 {warning};
+@define-color orange_4 {warning};
+@define-color orange_5 {warning};
+@define-color red_1 {error};
+@define-color red_2 {error};
+@define-color red_3 {error};
+@define-color red_4 {base01};
+@define-color red_5 {base01};
+@define-color purple_1 {base0D};
+@define-color purple_2 {base05};
+@define-color purple_3 {base05};
+@define-color purple_4 {base05};
+@define-color purple_5 {base05};
+@define-color brown_1 {base0E};
+@define-color brown_2 {base0E};
+@define-color brown_3 {base0E};
+@define-color brown_4 {base0E};
+@define-color brown_5 {base0E};
+@define-color light_1 {on_background};
+@define-color light_2 {on_surface};
+@define-color light_3 {on_surface_variant};
+@define-color light_4 {border};
+@define-color light_5 {border};
+@define-color dark_1 {border};
+@define-color dark_2 {surface_variant};
+@define-color dark_3 {surface};
+@define-color dark_4 {background};
+@define-color dark_5 {base00};
+
+scale trough highlight {
+    background: {accent}
+}

extra/templates/hyprland.conf

@@ -0,0 +1,25 @@
+$primary = rgb({accent.hex_stripped})
+$surface = rgb({surface.hex_stripped})
+$secondary = rgb({base04.hex_stripped})
+$error = rgb({error.hex_stripped})
+$tertiary = rgb({base06.hex_stripped})
+$surface_lowest = rgb({background.hex_stripped})
+
+general {
+    col.active_border = $primary
+    col.inactive_border = $surface
+}
+
+group {
+    col.border_active = $secondary
+    col.border_inactive = $surface
+    col.border_locked_active = $error
+    col.border_locked_inactive = $surface
+
+    groupbar {
+        col.active = $secondary
+        col.inactive = $surface
+        col.locked_active = $error
+        col.locked_inactive = $surface
+    }
+}

extra/templates/kvantum/kvantum.kvconfig

@@ -0,0 +1,571 @@
+[%General]
+author=Matugen, based on MaterialADW by Vince Liuice
+comment=A Material You theme generated by Matugen
+x11drag=none
+alt_mnemonic=true
+left_tabs=false
+attach_active_tab=false
+mirror_doc_tabs=true
+group_toolbar_buttons=false
+toolbar_item_spacing=0
+toolbar_interior_spacing=2
+spread_progressbar=true
+composite=true
+menu_shadow_depth=6
+spread_menuitems=false
+tooltip_shadow_depth=7
+splitter_width=1
+scroll_width=9
+scroll_arrows=false
+scroll_min_extent=60
+slider_width=2
+slider_handle_width=23
+slider_handle_length=22
+tickless_slider_handle_size=22
+center_toolbar_handle=true
+check_size=24
+textless_progressbar=false
+progressbar_thickness=2
+menubar_mouse_tracking=true
+toolbutton_style=1
+double_click=false
+translucent_windows=false
+blurring=false
+popup_blurring=false
+vertical_spin_indicators=false
+spin_button_width=24
+fill_rubberband=false
+merge_menubar_with_toolbar=true
+small_icon_size=16
+large_icon_size=32
+button_icon_size=16
+toolbar_icon_size=16
+combo_as_lineedit=true
+animate_states=true
+button_contents_shift=false
+combo_menu=true
+hide_combo_checkboxes=true
+combo_focus_rect=false
+groupbox_top_label=true
+inline_spin_indicators=true
+joined_inactive_tabs=false
+layout_spacing=3
+layout_margin=3
+scrollbar_in_view=true
+transient_scrollbar=true
+transient_groove=false
+submenu_overlap=0
+tooltip_delay=0
+tree_branch_line=false
+no_window_pattern=false
+opaque=kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,smplayer,smplayer2,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,VirtualBoxVM,trojita,dragon,digikam,lyx
+reduce_window_opacity=0
+respect_DE=true
+scrollable_menu=false
+submenu_delay=150
+no_inactiveness=false
+reduce_menu_opacity=0
+click_behavior=2
+contrast=1.00
+dialog_button_layout=0
+intensity=1.00
+saturation=1.00
+shadowless_popup=false
+drag_from_buttons=false
+menu_blur_radius=0
+tooltip_blur_radius=0
+
+[GeneralColors]
+window.color={background}
+base.color={surface}
+alt.base.color={surface}
+button.color={surface_variant}
+light.color={surface}
+mid.light.color={surface_variant}
+dark.color={surface_variant}
+mid.color={surface_variant}
+highlight.color={accent}
+inactive.highlight.color={accent}
+text.color={on_background}
+window.text.color={on_background}
+button.text.color={on_surface_variant}
+disabled.text.color={editor_disabled}
+tooltip.text.color={on_surface}
+highlight.text.color={on_surface}
+link.color={base04}
+link.visited.color={base05}
+progress.indicator.text.color={on_surface}
+
+[Hacks]
+transparent_ktitle_label=true
+transparent_dolphin_view=true
+transparent_pcmanfm_sidepane=true
+blur_translucent=false
+transparent_menutitle=true
+respect_darkness=true
+kcapacitybar_as_progressbar=true
+force_size_grip=true
+iconless_pushbutton=false
+iconless_menu=false
+disabled_icon_opacity=100
+lxqtmainmenu_iconsize=16
+normal_default_pushbutton=true
+single_top_toolbar=true
+tint_on_mouseover=0
+transparent_pcmanfm_view=true
+no_selection_tint=true
+transparent_arrow_button=true
+middle_click_scroll=false
+opaque_colors=false
+kinetic_scrolling=false
+scroll_jump_workaround=true
+centered_forms=false
+noninteger_translucency=false
+style_vertical_toolbars=false
+blur_only_active_window=true
+
+[PanelButtonCommand]
+frame=true
+frame.element=button
+frame.top=6
+frame.bottom=6
+frame.left=6
+frame.right=6
+interior=true
+interior.element=button
+indicator.size=8
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+text.shadow=0
+text.margin=4
+text.iconspacing=4
+indicator.element=arrow
+frame.expansion=0
+
+[PanelButtonTool]
+inherits=PanelButtonCommand
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+text.bold=false
+indicator.element=arrow
+indicator.size=8
+frame.expansion=0
+
+[ToolbarButton]
+frame=true
+frame.element=tbutton
+interior.element=tbutton
+frame.top=16
+frame.bottom=16
+frame.left=16
+frame.right=16
+indicator.element=tarrow
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+text.bold=false
+frame.expansion=32
+
+[Dock]
+inherits=PanelButtonCommand
+interior.element=dock
+frame.element=dock
+frame.top=1
+frame.bottom=1
+frame.left=1
+frame.right=1
+text.normal.color={on_surface}
+
+[DockTitle]
+inherits=PanelButtonCommand
+frame=false
+interior=false
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.bold=false
+
+[IndicatorSpinBox]
+inherits=PanelButtonCommand
+frame=true
+interior=true
+frame.top=2
+frame.bottom=2
+frame.left=2
+frame.right=2
+indicator.element=spin
+indicator.size=8
+text.normal.color={on_surface}
+text.margin.top=2
+text.margin.bottom=2
+text.margin.left=2
+text.margin.right=2
+
+[RadioButton]
+inherits=PanelButtonCommand
+frame=false
+interior.element=radio
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+min_width=+0.3font
+min_height=+0.3font
+
+[CheckBox]
+inherits=PanelButtonCommand
+frame=false
+interior.element=checkbox
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+min_width=+0.3font
+min_height=+0.3font
+
+[Focus]
+inherits=PanelButtonCommand
+frame=true
+frame.element=focus
+frame.top=2
+frame.bottom=2
+frame.left=2
+frame.right=2
+frame.patternsize=14
+
+[GenericFrame]
+inherits=PanelButtonCommand
+frame=true
+interior=false
+frame.element=common
+interior.element=common
+frame.top=1
+frame.bottom=1
+frame.left=1
+frame.right=1
+
+[LineEdit]
+inherits=PanelButtonCommand
+frame.element=lineedit
+interior.element=lineedit
+frame.top=6
+frame.bottom=6
+frame.left=6
+frame.right=6
+text.margin.top=2
+text.margin.bottom=2
+text.margin.left=2
+text.margin.right=2
+
+[ToolbarLineEdit]
+frame.element=lineedit
+interior.element=lineedit
+
+[DropDownButton]
+inherits=PanelButtonCommand
+indicator.element=arrow-down
+
+[IndicatorArrow]
+indicator.element=arrow
+indicator.size=8
+
+[ToolboxTab]
+inherits=PanelButtonCommand
+text.normal.color={on_surface}
+text.press.color={on_surface}
+text.focus.color={on_surface}
+
+[Tab]
+inherits=PanelButtonCommand
+interior.element=tab
+text.margin.left=8
+text.margin.right=8
+text.margin.top=0
+text.margin.bottom=0
+frame.element=tab
+indicator.element=tab
+indicator.size=22
+frame.top=8
+frame.bottom=8
+frame.left=8
+frame.right=8
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+frame.expansion=0
+text.bold=false
+
+[TabFrame]
+inherits=PanelButtonCommand
+frame.element=tabframe
+interior.element=tabframe
+frame.top=6
+frame.bottom=6
+frame.left=6
+frame.right=6
+
+[TreeExpander]
+inherits=PanelButtonCommand
+indicator.size=8
+indicator.element=tree
+
+[HeaderSection]
+inherits=PanelButtonCommand
+interior.element=header
+frame.element=header
+frame.top=0
+frame.bottom=1
+frame.left=1
+frame.right=1
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+frame.expansion=0
+
+[SizeGrip]
+indicator.element=resize-grip
+
+[Toolbar]
+inherits=PanelButtonCommand
+indicator.element=toolbar
+indicator.size=5
+text.margin=0
+interior.element=menubar
+frame.element=menubar
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+frame.left=6
+frame.right=6
+frame.top=0
+frame.bottom=1
+frame.expansion=0
+
+[Slider]
+inherits=PanelButtonCommand
+frame.element=slider
+focusFrame=true
+interior.element=slider
+frame.top=3
+frame.bottom=3
+frame.left=3
+frame.right=3
+
+[SliderCursor]
+inherits=PanelButtonCommand
+frame=false
+interior.element=slidercursor
+
+[Progressbar]
+inherits=PanelButtonCommand
+frame.element=progress
+interior.element=progress
+text.margin=0
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+text.bold=false
+frame.expansion=8
+
+[ProgressbarContents]
+inherits=PanelButtonCommand
+frame=true
+frame.element=progress-pattern
+interior.element=progress-pattern
+
+[ItemView]
+inherits=PanelButtonCommand
+text.margin=0
+frame.element=itemview
+interior.element=itemview
+frame.top=4
+frame.bottom=4
+frame.left=4
+frame.right=4
+text.margin.top=0
+text.margin.bottom=0
+text.margin.left=8
+text.margin.right=8
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+min_width=+0.3font
+min_height=+0.3font
+frame.expansion=0
+
+[Splitter]
+interior.element=splitter
+frame=false
+indicator.size=0
+
+[Scrollbar]
+inherits=PanelButtonCommand
+indicator.element=arrow
+indicator.size=12
+
+[ScrollbarSlider]
+inherits=PanelButtonCommand
+frame.element=scrollbarslider
+interior=false
+frame.left=5
+frame.right=5
+frame.top=5
+frame.bottom=5
+indicator.element=grip
+indicator.size=12
+
+[ScrollbarGroove]
+inherits=PanelButtonCommand
+interior=false
+frame=false
+
+[Menu]
+inherits=PanelButtonCommand
+frame.top=10
+frame.bottom=10
+frame.left=10
+frame.right=10
+frame.element=menu
+interior.element=menu
+text.normal.color={on_surface}
+text.shadow=false
+frame.expansion=0
+text.bold=false
+
+[MenuItem]
+inherits=PanelButtonCommand
+frame=true
+frame.element=menuitem
+interior.element=menuitem
+indicator.element=menuitem
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.margin.top=0
+text.margin.bottom=0
+text.margin.left=6
+text.margin.right=6
+frame.top=4
+frame.bottom=4
+frame.left=4
+frame.right=4
+text.bold=false
+frame.expansion=0
+
+[MenuBar]
+inherits=PanelButtonCommand
+frame.element=menubar
+interior.element=menubar
+frame.bottom=0
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+frame.expansion=0
+text.bold=false
+
+[MenuBarItem]
+inherits=PanelButtonCommand
+interior=true
+interior.element=menubaritem
+frame.element=menubaritem
+frame.top=2
+frame.bottom=2
+frame.left=2
+frame.right=2
+text.margin.left=4
+text.margin.right=4
+text.margin.top=0
+text.margin.bottom=0
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+text.bold=false
+min_width=+0.3font
+min_height=+0.3font
+frame.expansion=0
+
+[TitleBar]
+inherits=PanelButtonCommand
+frame=false
+text.margin.top=2
+text.margin.bottom=2
+text.margin.left=2
+text.margin.right=2
+interior.element=titlebar
+indicator.size=16
+indicator.element=mdi
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.bold=false
+text.italic=true
+frame.expansion=0
+
+[ComboBox]
+inherits=PanelButtonCommand
+frame.element=combo
+interior.element=combo
+frame.top=6
+frame.bottom=6
+frame.left=6
+frame.right=6
+text.margin.top=2
+text.margin.bottom=2
+text.margin.left=2
+text.margin.right=2
+text.focus.color={on_surface}
+text.press.color={on_surface}
+text.toggle.color={on_surface}
+
+[GroupBox]
+inherits=GenericFrame
+frame=false
+text.shadow=0
+text.margin=0
+text.normal.color={on_surface}
+text.focus.color={on_surface}
+text.bold=false
+frame.expansion=0
+
+[TabBarFrame]
+inherits=GenericFrame
+frame=false
+frame.element=tabBarFrame
+interior=false
+frame.top=0
+frame.bottom=0
+frame.left=0
+frame.right=0
+
+[ToolTip]
+inherits=GenericFrame
+frame.top=6
+frame.bottom=6
+frame.left=6
+frame.right=6
+interior=true
+text.shadow=0
+text.margin=6
+interior.element=tooltip
+frame.element=tooltip
+frame.expansion=6
+
+[StatusBar]
+inherits=GenericFrame
+frame=false
+interior=false
+
+[Window]
+interior=true
+interior.element=window
+frame=true
+frame.element=window
+frame.bottom=10
+frame.top=10
+
+text.disabled.color={editor_disabled}

extra/templates/qtct.conf

@@ -0,0 +1,4 @@
+[ColorScheme]
+active_colors={on_background}, {surface}, #ffffff, #cacaca, #9f9f9f, #b8b8b8, {on_background}, #ffffff, {on_surface}, {background}, {background}, {border}, {accent}, {on_surface}, {base04}, {accent}, {surface}, {surface}, {surface}, {on_surface}, {base04}
+disabled_colors={editor_disabled}, {surface}, #ffffff, #cacaca, #9f9f9f, #b8b8b8, {editor_disabled}, #ffffff, {editor_disabled}, {background}, {background}, {border}, {surface_variant}, {on_surface_variant}, {base04}, {accent}, {surface}, {surface}, {surface}, {editor_disabled}, {base04}
+inactive_colors={on_background}, {surface}, #ffffff, #cacaca, #9f9f9f, #b8b8b8, {on_background}, #ffffff, {on_surface}, {background}, {background}, {border}, {surface_variant}, {on_surface_variant}, {base04}, {accent}, {surface}, {surface}, {surface}, {on_surface}, {base04}

extra/templates/telegram.tdesktop-theme

@@ -0,0 +1,213 @@
+// Template mostly stolen from noctalia-shell 
+// https://github.com/noctalia-dev/noctalia-shell/blob/main/Assets/MatugenTemplates/telegram.tdesktop-theme
+
+COLOR_GRAY: {border};
+COLOR_DARK: {surface_variant};
+
+windowBg: {background}; // Main background
+windowFg: {on_background}; // Main text
+windowBgOver: {surface_variant}; // Generic background on hover
+windowBgRipple: {surface_variant}; // Ripple effect
+windowFgOver: {on_surface_variant}; // Text on hover
+windowSubTextFg: {foreground}60; // Minor text
+windowSubTextFgOver: {foreground}80; // Minor text on hover
+
+dialogsBg: {background}; // Sidebar background
+dialogsBgActive: {surface}; // Active chat background
+dialogsBgOver: {surface_variant}; // Hover background
+dialogsRippleBg: {surface_variant}; // Ripple effect
+dialogsRippleBgActive: {surface_variant}; // Ripple effect for active chat
+
+dialogsNameFg: {foreground}; // Chat name
+dialogsNameFgActive: {foreground}; // Chat name for active chat
+dialogsNameFgOver: {foreground}; // Chat name on hover
+
+dialogsTextFg: {foreground}; // Message preview
+dialogsTextFgActive: {foreground}; // Message preview for active chat
+dialogsTextFgOver: {foreground}; // Message preview on hover
+
+dialogsTextFgService: {foreground}; // Service text (group sender name)
+dialogsTextFgServiceActive: {foreground}; // Service text for active chat
+dialogsTextFgServiceOver: {foreground}; // Service text on hover
+
+dialogsDateFg: {foreground}60; // Date text
+dialogsDateFgActive: {foreground}60; // Date text for active chat
+dialogsDateFgOver: {foreground}60; // Date text on hover
+
+dialogsDraftFg: {foreground}; // Draft label
+dialogsDraftFgActive: {foreground}; // Draft label for active chat
+dialogsDraftFgOver: {foreground}; // Draft label on hover
+
+dialogsVerifiedIconBg: {accent}; // Verified badge background
+dialogsVerifiedIconBgActive: {accent}; // Verified badge for active chat
+dialogsVerifiedIconBgOver: {accent}; // Verified badge on hover
+dialogsVerifiedIconFg: {background}; // Verified icon
+dialogsVerifiedIconFgActive: {background}; // Verified icon for active chat
+dialogsVerifiedIconFgOver: {background}; // Verified icon on hover
+
+dialogsSendingIconFg: {foreground}; // Sending icon (clock)
+dialogsSendingIconFgActive: {foreground}; // Sending icon for active chat
+dialogsSendingIconFgOver: {foreground}; // Sending icon on hover
+
+dialogsSentIconFg: {accent}; // Sent icon (tick)
+dialogsSentIconFgActive: {accent}; // Sent icon for active chat
+dialogsSentIconFgOver: {accent}; // Sent icon on hover
+
+dialogsUnreadBg: {accent}; // Unread badge background
+dialogsUnreadBgActive: {accent}; // Unread badge for active chat
+dialogsUnreadBgOver: {accent}; // Unread badge on hover
+dialogsUnreadBgMuted: {foreground}; // Muted unread badge
+dialogsUnreadBgMutedActive: {foreground}; // Muted unread badge for active chat
+dialogsUnreadBgMutedOver: {foreground}; // Muted unread badge on hover
+dialogsUnreadFg: {background}; // Unread badge text
+dialogsUnreadFgActive: {background}; // Unread badge text for active chat
+dialogsUnreadFgOver: {background}; // Unread badge text on hover
+
+dialogsChatIconFg: {foreground}; // Group/channel icon
+dialogsChatIconFgActive: {foreground}; // Group/channel icon for active chat
+dialogsChatIconFgOver: {foreground}; // Group/channel icon on hover
+
+dialogsOnlineBadgeFg: {foreground}; // Online status
+dialogsOnlineBadgeFgActive: {foreground}; // Online status for active chat
+
+dialogsForwardBg: {surface}; // Forwarding panel background
+dialogsForwardFg: {foreground}; // Forwarding panel text
+
+dialogsMenuIconFg: {foreground}; // Main menu icon
+dialogsMenuIconFgOver: {foreground}60; // Main menu icon on hover
+windowBoldFg: {on_background}; // Bold text
+windowBoldFgOver: {on_surface_variant}; // Bold text on hover
+windowBgActive: {surface}; // Active items background
+windowFgActive: {foreground}; // Active items text
+windowActiveTextFg: {accent}; // Active items text
+windowShadowFg: {border}; // Window shadow
+windowShadowFgFallback: {border}; // Fallback for shadow
+historyOutIconFg: {accent};
+historyIconFgInverted: {on_surface};
+
+msgServiceBg: {surface}80;
+msgServiceFg: {foreground};
+msgOutBg: {surface};
+msgOutBgSelected: {surface_variant};
+msgOutServiceFg: {on_surface};
+msgOutDateFg: {foreground}80;
+historySentIconFg: {foreground};
+msgOutDateFgSelected: {foreground};
+msgInBg: {surface_variant};
+msgInBgSelected: {surface};
+msgDateImgFg: {on_surface};
+
+
+shadowFg: {border}; // General shadow
+slideFadeOutBg: {background};
+slideFadeOutShadowFg: {border};
+
+imageBg: {surface};
+imageBgTransparent: {surface};
+
+activeButtonBg: {accent}; // Active button background
+activeButtonBgOver: {surface_variant}; // Active button hover background
+activeButtonBgRipple: {on_surface_variant}; // Active button ripple
+activeButtonFg: {on_background}; // Active button text
+activeButtonFgOver: {on_surface_variant}; // Active button hover text
+activeButtonSecondaryFg: {on_background}; // Active button secondary text
+activeButtonSecondaryFgOver: {on_surface_variant}; // Active button secondary hover text
+activeLineFg: {accent};
+dialogsBgActive: {surface};
+
+lightButtonBg: {surface}; // Light button background
+lightButtonBgOver: {surface_variant}; // Light button hover background
+lightButtonBgRipple: {accent}; // Light button ripple
+lightButtonFg: {on_surface}; // Light button text
+lightButtonFgOver: {on_surface_variant}; // Light button hover text
+
+attentionButtonFg: {error};
+attentionButtonFgOver: {error};
+attentionButtonBgOver: {surface_variant};
+attentionButtonBgRipple: {on_surface};
+
+outlineButtonBg: {surface}; // Outline button background
+outlineButtonBgOver: {surface_variant}; // Outline button hover background
+outlineButtonOutlineFg: {accent}; // Outline button color
+outlineButtonBgRipple: {accent}; // Outline button ripple
+
+menuBg: {surface};
+menuBgOver: {surface_variant};
+menuBgRipple: {accent};
+menuIconFg: {on_surface};
+menuIconFgOver: {on_surface_variant};
+menuSubmenuArrowFg: {border};
+menuFgDisabled: {border};
+menuSeparatorFg: {border};
+
+scrollBarBg: {accent}40; // Scroll bar background (40% opacity)
+scrollBarBgOver: {accent}60; // Scroll bar hover background (60% opacity)
+scrollBg: {surface_variant}40; // Scroll bar track (40% opacity)
+scrollBgOver: {surface_variant}60; // Scroll bar track on hover (60% opacity)
+
+smallCloseIconFg: {border};
+smallCloseIconFgOver: {on_surface_variant};
+
+radialFg: {accent};
+radialBg: {surface};
+
+placeholderFg: {border}; // Placeholder text
+placeholderFgActive: {accent}; // Active placeholder text
+inputBorderFg: {border}; // Input border
+filterInputBorderFg: {border}; // Search input border
+filterInputInactiveBg: {surface}; // Inactive search input background
+checkboxFg: {accent}; // Checkbox color
+
+// Filters sidebar (left side bar with folder filters)
+sideBarBg: {surface}; // Filters sidebar background
+sideBarBgActive: {surface_variant}; // Filters sidebar active filter background
+sideBarBgRipple: {background}; // Filters sidebar ripple effect
+sideBarTextFg: {foreground}; // Filters sidebar text
+sideBarTextFgActive: {foreground}; // Filters sidebar active filter text
+sideBarIconFg: {foreground}; // Filters sidebar icon
+sideBarIconFgActive: {foreground}; // Filters sidebar active filter icon
+sideBarBadgeBg: {accent}; // Filters sidebar badge background
+sideBarBadgeBgMuted: {foreground}60; // Filters sidebar muted badge background
+
+titleBg: {surface}; // Window title background
+titleShadow: {border};
+titleButtonFg: {on_surface}; // Title button color
+titleButtonBgOver: {surface_variant}; // Title button hover background
+titleButtonFgOver: {on_surface_variant}; // Title button hover color
+titleButtonCloseBgOver: {error};
+titleButtonCloseFgOver: {on_error};
+titleFgActive: {on_surface}; // Active title text
+titleFg: {on_surface}; // Inactive title text
+
+trayCounterBg: {error}; // Tray counter background
+trayCounterBgMute: {border}; // Muted tray counter background
+trayCounterFg: {on_error}; // Tray counter text
+trayCounterBgMacInvert: {error}; // Mac tray counter
+trayCounterFgMacInvert: {on_error}; // Mac tray counter text
+
+layerBg: {surface}99; // Layer background (60% opacity)
+
+cancelIconFg: {error}; // Cancel icon
+cancelIconFgOver: {error}; // Cancel icon on hover
+
+boxBg: {surface}; // Box background
+boxTextFg: {on_surface}; // Box text
+boxTextFgGood: {accent}; // Box good text
+boxTextFgError: {error}; // Box error text
+boxTitleFg: {on_surface}; // Box title text
+boxSearchBg: {surface}; // Box search field background
+boxSearchCancelIconFg: {error}; // Box search cancel icon
+boxSearchCancelIconFgOver: {error}; // Box search cancel icon on hover
+
+contactsBg: {surface}; // Contacts background
+contactsBgOver: {surface_variant}; // Contacts background on hover
+contactsNameFg: {on_surface}; // Contact name
+contactsStatusFg: {border}; // Contact status
+contactsStatusFgOver: {on_surface_variant}; // Contact status on hover
+contactsStatusFgOnline: {accent}; // Online contact status
+
+photoCropFadeBg: {surface}cc; // Photo crop fade background
+photoCropPointFg: {accent}; // Photo crop points
+
+chat_inBubbleSelected: {surface_variant}; // inbox selected chat background
+chat_outBubbleSelected: {surface_variant}; // outbox selected chat background

extra/templates/userChrome.css

@@ -0,0 +1,109 @@
+/* clrsync Firefox Theme */
+/* Place in: <Firefox Profile>/chrome/userChrome.css */
+/* Enable: about:config -> toolkit.legacyUserProfileCustomizations.stylesheets = true */
+
+:root {
+  --lwt-accent-color: {background} !important;
+  --lwt-text-color: {foreground} !important;
+
+  --toolbar-bgcolor: {surface} !important;
+  --toolbar-color: {on_surface} !important;
+  --toolbarbutton-hover-background: {surface_variant} !important;
+  --toolbarbutton-active-background: {border_focused} !important;
+  --toolbarbutton-icon-fill: {on_surface} !important;
+
+  --tab-selected-bgcolor: {surface} !important;
+  --tab-selected-textcolor: {foreground} !important;
+  --tab-loading-fill: {accent} !important;
+  --lwt-tab-text: {foreground} !important;
+  --tab-line-color: {accent} !important;
+
+  --urlbar-box-bgcolor: {surface_variant} !important;
+  --urlbar-box-text-color: {on_surface} !important;
+  --urlbar-box-hover-bgcolor: {surface} !important;
+  --urlbar-box-focus-bgcolor: {surface} !important;
+  --urlbar-popup-url-color: {editor_link} !important;
+
+  --arrowpanel-background: {surface} !important;
+  --arrowpanel-color: {on_surface} !important;
+  --arrowpanel-border-color: {border} !important;
+  --panel-separator-color: {border} !important;
+
+  --sidebar-background-color: {background} !important;
+  --sidebar-text-color: {foreground} !important;
+  --sidebar-border-color: {border} !important;
+
+  --toolbar-field-focus-background-color: {surface} !important;
+  --toolbar-field-focus-color: {on_surface} !important;
+  --toolbar-field-focus-border-color: {accent} !important;
+}
+
+#TabsToolbar {
+  background-color: {background} !important;
+}
+
+.tab-background[selected="true"] {
+  background-color: {surface} !important;
+}
+
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
+  background-color: {surface_variant} !important;
+}
+
+.tab-line {
+  background-color: {accent} !important;
+}
+
+#nav-bar {
+  background-color: {surface} !important;
+}
+
+#urlbar-background {
+  background-color: {surface_variant} !important;
+  border-color: {border} !important;
+}
+
+#urlbar[focused="true"] > #urlbar-background {
+  background-color: {surface} !important;
+  border-color: {accent} !important;
+}
+
+#urlbar-input {
+  color: {on_surface} !important;
+}
+
+#PersonalToolbar {
+  background-color: {surface} !important;
+}
+
+menupopup, panel {
+  --panel-background: {surface} !important;
+  --panel-color: {on_surface} !important;
+}
+
+menupopup {
+  background-color: {surface} !important;
+  color: {on_surface} !important;
+}
+
+menuitem:hover, menu:hover {
+  background-color: {surface_variant} !important;
+}
+
+#sidebar-box {
+  background-color: {background} !important;
+}
+
+#sidebar-header {
+  background-color: {surface} !important;
+  border-bottom-color: {border} !important;
+}
+
+findbar {
+  background-color: {surface} !important;
+  color: {on_surface} !important;
+}
+
+* {
+  scrollbar-color: {surface_variant} {background} !important;
+}

src/core/common/version.hpp

@@ -6,7 +6,7 @@
 namespace clrsync::core
 {
 
-const std::string GIT_SEMVER = "1.0.0+git.g5b0599a";
+const std::string GIT_SEMVER = "1.0.2+git.g41939f4";
 
 const std::string version_string();
 } // namespace clrsync::core

src/core/theme/theme_renderer.hpp

@@ -6,6 +6,7 @@
 #include "core/theme/template_manager.hpp"
 #include <iostream>
 #include <string>
+#include <thread>
 
 namespace clrsync::core
 {
@@ -58,12 +59,15 @@ template <typename FileType> class theme_renderer
 
             if (!tmpl.reload_command().empty())
             {
-                int result = std::system(tmpl.reload_command().c_str());
+                std::string cmd = tmpl.reload_command();
+                std::thread([cmd]() {
+                    int result = std::system(cmd.c_str());
                     if (result != 0)
                     {
-                    std::cerr << "Warning: Command " << tmpl.reload_command()
-                              << " failed with code " << result << "\n";
+                        std::cerr << "Warning: Reload command '" << cmd
+                                  << "' failed with code " << result << "\n";
                     }
+                }).detach();
             }
         }
         return Ok();