tested and fixed new templates

2026-04-08 20:19:04 +03:00 · 2026-01-12 20:31:02 +03:00
parent 41939f4df4
commit d852d58948
4 changed files with 285 additions and 68 deletions
--- a/extra/README.md
+++ b/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,18 +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 [template file](templates/ghostty)**
+1. Download the [template file](templates/ghostty)

-**2. Configure template in `~/.config/clrsync/config.toml`**
+2. Configure the template in `~/.config/clrsync/config.toml`:

 ```toml
 [templates.ghostty]
@@ -97,19 +120,41 @@ 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"
 ```

-### Visual Studio Code
+### Text Editors

-**1. Install [clrsync VS Code theme](https://marketplace.visualstudio.com/items?itemName=obsqrbtz.clrsync)**
+#### Neovim

-**2. Download [template file](templates/code.json)**
+1. Download the [template file](templates/nvim.lua)

-**3. Configure template in `~/.config/clrsync/config.toml`**
+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]
@@ -119,33 +164,37 @@ output_path = '~/.vscode/extensions/obsqrbtz.clrsync-1.0.2/themes/clrsync-color-
 reload_cmd = ''
 ```

-**4. Set `clrsync` color scheme in VS Code**
+4. Set the `clrsync` color scheme in VS Code

-### Firefox
+### Browsers

-**1. Go to `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`**
+#### Firefox

-**2. Go to `about:support` and find your profile directory**
+1. Go to `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`

-**3. Create `chrome` directory in your profile**
+2. Go to `about:support` and find your profile directory

-**4. Get [template file](templates/userChrome.css)**
+3. Create a `chrome` directory in your profile

-**4. Configure clrsync to output to `<profile>/chrome/userChrome.css`**
+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/firefox.json'
-output_path = '<profile directory>\chrome\userChrome.css'
+input_path = '~/.config/clrsync/templates/userChrome.css'
+output_path = '<profile directory>/chrome/userChrome.css'
 reload_cmd = ''
 ```

-### Telegram
+### Applications

-**1. Get the [template file](templates/telegram.tdesktop-theme)**
+#### Telegram

-**2. Configure template in `~/.config/clrsync/config.toml`**
+1. Download the [template file](templates/telegram.tdesktop-theme)
+
+2. Configure the template in `~/.config/clrsync/config.toml`:

 ```toml
 [templates.telegram]
@@ -155,7 +204,105 @@ output_path = '~/clrsync.tdesktop-theme'
 reload_cmd = ''
 ```

-**3. Apply palette with clrsync and send generated `clrsync.tdesktop-theme` to yourself in telegram**
+3. Apply the palette with clrsync and send the generated `clrsync.tdesktop-theme` file to yourself in Telegram

-**4. Click on the theme in the telegram dialogue to apply**
+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
+```
--- a/extra/templates/gtk.css
+++ b/extra/templates/gtk.css
@@ -1,18 +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 {foreground};
-@define-color headerbar_bg_color {surface};
-@define-color headerbar_fg_color {on_surface};
-@define-color popover_bg_color {surface_variant};
-@define-color popover_fg_color {on_surface_variant};
+@define-color window_fg_color {on_background};
@define-color view_bg_color {background};
@define-color view_fg_color {foreground};
-@define-color card_bg_color {surface};
-@define-color card_fg_color {on_surface};
-
+@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 @window_bg_color;
-@define-color sidebar_backdrop_color @window_bg_color;
+@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}
+}
--- a/extra/templates/kvantum/kvantum.kvconfig
+++ b/extra/templates/kvantum/kvantum.kvconfig
@@ -91,7 +91,7 @@ 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_accent}
+highlight.text.color={on_surface}
 link.color={base04}
 link.visited.color={base05}
 progress.indicator.text.color={on_surface}