14 Commits

25 changed files with 10018 additions and 17 deletions

View File

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

View File

@@ -1,6 +1,6 @@
# Maintainer: Daniel Dada <dan@binarygoose.dev>
pkgname=clrsync-git
pkgver=r22.d8baae2
pkgver=r107.4229db4
pkgrel=1
pkgdesc="Color scheme manager (git version)"
arch=('x86_64')

View File

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

View File

@@ -3,8 +3,6 @@
# clrsync
**Notice:** This application is not yet released and is subject to change.
A theme management tool for synchronizing color schemes across multiple applications. clrsync allows to define color palettes once and apply them consistently to all configurable applications.
![Preview](assets/screenshot.png)
@@ -34,6 +32,7 @@ A theme management tool for synchronizing color schemes across multiple applicat
- [Usage](#usage)
- [CLI](#cli)
- [GUI](#gui)
- [Extras](#extras)
- [Acknowledgments](#acknowledgments)
## Features
@@ -47,6 +46,14 @@ A theme management tool for synchronizing color schemes across multiple applicat
### Linux
#### Arch Linux
Install the package from AUR using any helper or install manually
```shell
yay -S clrsync-git
```
#### Ubuntu
1. Download the latest .deb from the [releases page](https://github.com/obsqrbtz/clrsync/releases)
@@ -457,6 +464,10 @@ The GUI provides:
- **Template Editor**: Edit template files
- **Live Preview**: See changes in real-time
## Extras
You may find some pre-configured color schemes and templates in [extra](extra) directory of this repository.
## Acknowledgments
- **[matugen](https://github.com/InioX/matugen)** - A material you color generation tool
@@ -465,4 +476,3 @@ The GUI provides:
- **[toml++](https://github.com/marzer/tomlplusplus)** - Header-only TOML config file parser and serializer for C++17
- **[argparse](https://github.com/p-ranav/argparse)** - Argument Parser for Modern C++
- **[ImGuiColorTextEdit](https://github.com/BalazsJako/ImGuiColorTextEdit)** - Syntax highlighting text editor for ImGui
- **cursed** by **[pyratebeard](https://pyratebeard.net)** - Color scheme

View File

@@ -1 +1 @@
1.0.0
1.0.2

View File

@@ -12,11 +12,11 @@ output_path = '~/.config/clrsync/formats-demo'
[templates.kitty]
enabled = true
input_path = '~/.config/clrsync/templates/kitty.conf'
output_path = '~/.config/kitty/kitty_test.conf'
output_path = '~/.config/kitty/clrsync.conf'
reload_cmd = 'pkill -SIGUSR1 kitty'
[templates.nvim]
enabled = true
input_path = '~/.config/clrsync/templates/nvim.lua'
output_path = '~/.config/nvim/colors/clrsync.lua'
reload_cmd = ''
reload_cmd = ''

308
extra/README.md Normal file
View File

@@ -0,0 +1,308 @@
# 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 inspired by the `cursed` theme by [pyratebeard](https://pyratebeard.net).
<details>
<summary>Preview</summary>
![cursed](img/cursed.png)
</details>
### Cursed Light
A light variant of the `cursed` color scheme.
<details>
<summary>Preview</summary>
![cursed-light](img/cursed-light.png)
</details>
### Nord
A color scheme based on the `Nord` palette.
<details>
<summary>Preview</summary>
![nord](img/nord.png)
</details>
## Pre-configured Templates
### Terminal Emulators
#### Kitty
1. Download the [template file](templates/kitty.conf)
2. Configure the template in `~/.config/clrsync/config.toml`:
```toml
[templates.kitty]
enabled = true
input_path = '~/.config/clrsync/templates/kitty.conf'
output_path = '~/.config/kitty/clrsync.conf'
reload_cmd = 'pkill -SIGUSR1 kitty'
```
3. Import the generated color scheme in `~/.config/kitty/kitty.conf`:
```conf
include clrsync.conf
```
#### Alacritty
1. Download the [template file](templates/alacritty.toml)
2. Configure the template in `~/.config/clrsync/config.toml`:
```toml
[templates.alacritty]
enabled = true
input_path = '~/.config/clrsync/templates/alacritty.toml'
output_path = '~/.config/alacritty/clrsync.toml'
reload_cmd = ''
```
3. Import the generated color scheme in `~/.config/alacritty/alacritty.toml`:
```toml
[general]
import = ["clrsync.toml"]
```
#### Ghostty
1. Download the [template file](templates/ghostty)
2. Configure the template in `~/.config/clrsync/config.toml`:
```toml
[templates.ghostty]
enabled = true
input_path = '~/.config/clrsync/templates/ghostty'
output_path = '~/.config/ghostty/themes/clrsync'
reload_cmd = 'pkill -SIGUSR2 ghostty'
```
3. Set the generated color scheme in `~/.config/ghostty/config`:
```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
```

BIN
extra/img/cursed-light.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

BIN
extra/img/cursed.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

BIN
extra/img/nord.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

View File

@@ -1,5 +1,5 @@
[colors]
accent = '#5E81ACFF'
accent = '#A1CDFAFF'
background = '#2E3440FF'
base00 = '#2E3440FF'
base01 = '#BF616AFF'

View File

@@ -0,0 +1,69 @@
[colors.primary]
background = '{background}'
foreground = '{foreground}'
[colors.cursor]
text = '{background}'
cursor = '{cursor}'
[colors.vi_mode_cursor]
text = '{background}'
cursor = '{cursor}'
[colors.selection]
text = 'CellForeground'
background = '{editor_selected}'
[colors.search.matches]
foreground = '{background}'
background = '{base0A}'
[colors.search.focused_match]
foreground = '{background}'
background = '{accent}'
[colors.footer_bar]
foreground = '{foreground}'
background = '{surface}'
[colors.hints.start]
foreground = '{background}'
background = '{warning}'
[colors.hints.end]
foreground = '{background}'
background = '{surface_variant}'
[colors.line_indicator]
foreground = 'None'
background = 'None'
[colors.normal]
black = '{base00}'
red = '{base08}'
green = '{base01}'
yellow = '{base02}'
blue = '{base06}'
magenta = '{base05}'
cyan = '{base0E}'
white = '{base07}'
[colors.bright]
black = '{border_focused}'
red = '{editor_error}'
green = '{editor_success}'
yellow = '{base0A}'
blue = '{editor_link}'
magenta = '{base0D}'
cyan = '{editor_comment}'
white = '{base0F}'
[colors.dim]
black = '{border}'
red = '{base0C}'
green = '{base01}'
yellow = '{editor_string}'
blue = '{base06}'
magenta = '{base05}'
cyan = '{base0E}'
white = '{base07}'

2094
extra/templates/code.json Normal file

File diff suppressed because it is too large Load Diff

26
extra/templates/ghostty Normal file
View File

@@ -0,0 +1,26 @@
background = {background}
foreground = {foreground}
cursor-color = {cursor}
cursor-text = {foreground}
selection-background = {editor_selected}
selection-foreground = {foreground}
palette = 0={base00}
palette = 1={base08}
palette = 2={base01}
palette = 3={base02}
palette = 4={base06}
palette = 5={base05}
palette = 6={base0E}
palette = 7={base07}
palette = 8={border_focused}
palette = 9={editor_error}
palette = 10={editor_success}
palette = 11={base0A}
palette = 12={editor_link}
palette = 13={base0D}
palette = 14={editor_comment}
palette = 15={base0F}

88
extra/templates/gtk.css Normal file
View File

@@ -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}
}

View File

@@ -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
}
}

View File

@@ -0,0 +1,32 @@
cursor {cursor}
cursor_text_color {background}
foreground {foreground}
background {background}
selection_foreground {on_surface}
selection_background {surface}
url_color {accent}
color0 {base00}
color8 {base08}
color1 {base01}
color9 {base09}
color2 {base02}
color10 {base0A}
color3 {base03}
color11 {base0B}
color4 {base04}
color12 {base0C}
color5 {base05}
color13 {base0D}
color6 {base06}
color14 {base0E}
color7 {base07}
color15 {base0F}

View File

@@ -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}

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 170 KiB

93
extra/templates/nvim.lua Normal file
View File

@@ -0,0 +1,93 @@
vim.cmd("highlight clear")
vim.cmd("syntax reset")
vim.g.colors_name = "clrsync"
local palette = {
-- Editor colors
Default = "{editor_main.hex}",
Keyword = "{editor_command.hex}",
Number = "{editor_warning.hex}",
String = "{editor_string.hex}",
CharLiteral = "{editor_string.hex}",
Punctuation = "{editor_main.hex}",
Preprocessor = "{editor_emphasis.hex}",
Identifier = "{editor_main.hex}",
KnownIdentifier = "{editor_link.hex}",
PreprocIdentifier = "{editor_link.hex}",
Comment = "{editor_comment.hex}",
MultiLineComment = "{editor_comment.hex}",
Background = "{editor_background.hex}",
Cursor = "{cursor.hex}",
Selection = "{editor_selected.hex}",
ErrorMarker = "{editor_error.hex}",
Breakpoint = "{editor_error.hex}",
LineNumber = "{editor_line_number.hex}",
CurrentLineFill = "{surface_variant.hex}",
CurrentLineFillInactive = "{surface.hex}",
CurrentLineEdge = "{border_focused.hex}",
-- Semantic colors
Success = "{success.hex}",
Warning = "{warning.hex}",
Error = "{error.hex}",
Info = "{info.hex}",
}
-- Helper function to set highlights in Neovim
local function set_hl(group, opts)
vim.api.nvim_set_hl(0, group, opts)
end
vim.o.winborder = "rounded"
-- Basic editor highlights using the mapped palette
set_hl("Normal", { fg = palette.Default, bg = palette.Background })
set_hl("CursorLine", { bg = palette.CurrentLineFill })
set_hl("Visual", { bg = palette.Selection })
set_hl("LineNr", { fg = palette.LineNumber })
set_hl("CursorLineNr", { fg = palette.Keyword })
-- Syntax highlights
set_hl("Comment", { fg = palette.Comment, italic = true })
set_hl("Constant", { fg = palette.Number })
set_hl("String", { fg = palette.String })
set_hl("Character", { fg = palette.CharLiteral })
set_hl("Identifier", { fg = palette.Identifier })
set_hl("Function", { fg = palette.Keyword })
set_hl("Statement", { fg = palette.Keyword })
set_hl("PreProc", { fg = palette.Preprocessor })
set_hl("Type", { fg = palette.Keyword })
set_hl("Special", { fg = palette.PreprocIdentifier })
set_hl("Underlined", { fg = palette.KnownIdentifier })
set_hl("Error", { fg = palette.ErrorMarker, bg = palette.Background })
set_hl("Todo", { fg = palette.Default, bg = palette.Keyword })
-- Floating windows
set_hl("NormalFloat", { bg = palette.Background })
set_hl("FloatBorder", { fg = palette.CurrentLineEdge, bg = palette.Background })
-- Completion menu
set_hl("Pmenu", { bg = palette.Background })
set_hl("PmenuSel", { bg = palette.Keyword, fg = palette.Background })
-- Git and diagnostic highlights
set_hl("DiffAdd", { fg = palette.Success, bg = palette.Background })
set_hl("DiffChange", { fg = palette.Keyword, bg = palette.Background })
set_hl("DiffDelete", { fg = palette.ErrorMarker, bg = palette.Background })
set_hl("DiagnosticError", { fg = palette.Error })
set_hl("DiagnosticWarn", { fg = palette.Warning })
set_hl("DiagnosticInfo", { fg = palette.Info })
set_hl("DiagnosticHint", { fg = palette.PreprocIdentifier })
-- Treesitter links
set_hl("@comment", { link = "Comment" })
set_hl("@string", { fg = palette.String })
set_hl("@function", { fg = palette.Keyword })
set_hl("@variable", { fg = palette.Identifier })
set_hl("@keyword", { fg = palette.Keyword })
set_hl("@type", { fg = palette.Preprocessor })

View File

@@ -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}

View File

@@ -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

View File

@@ -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;
}

View File

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

View File

@@ -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());
if (result != 0)
{
std::cerr << "Warning: Command " << tmpl.reload_command()
<< " failed with code " << result << "\n";
}
std::string cmd = tmpl.reload_command();
std::thread([cmd]() {
int result = std::system(cmd.c_str());
if (result != 0)
{
std::cerr << "Warning: Reload command '" << cmd
<< "' failed with code " << result << "\n";
}
}).detach();
}
}
return Ok();