diff --git a/extra/README.md b/extra/README.md index 1a64f51..5dc2138 100644 --- 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). + +
+Preview ![cursed](img/cursed.png) -### Cursed-light +
-Same as `cursed`, but it also tries to be light as well +### Cursed Light + +A light variant of the `cursed` color scheme. + +
+Preview ![cursed-light](img/cursed-light.png) +
+ ### Nord -Color scheme based on `Nord` +A color scheme based on the `Nord` palette. + +
+Preview ![nord](img/nord.png) -## Pre-configured templates +
-### 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 `/chrome/userChrome.css`** +4. Download the [template file](templates/userChrome.css) + +5. Configure clrsync to output to `/chrome/userChrome.css`: ```toml [templates.firefox] enabled = true -input_path = '~/.config/clrsync/templates/firefox.json' -output_path = '\chrome\userChrome.css' +input_path = '~/.config/clrsync/templates/userChrome.css' +output_path = '/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 +``` diff --git a/extra/templates/gtk.css b/extra/templates/gtk.css index faf3531..32a9ccf 100644 --- 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; \ No newline at end of file +@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} +} diff --git a/extra/templates/kvantum/kvantum.kvconfig b/extra/templates/kvantum/kvantum.kvconfig index 29efbe9..799a05a 100644 --- 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} diff --git a/src/core/common/version.hpp b/src/core/common/version.hpp index 0ffa0cf..44c4104 100644 --- a/src/core/common/version.hpp +++ b/src/core/common/version.hpp @@ -6,7 +6,7 @@ namespace clrsync::core { -const std::string GIT_SEMVER = "1.0.2+git.ga813b7f"; +const std::string GIT_SEMVER = "1.0.2+git.g41939f4"; const std::string version_string(); } // namespace clrsync::core