11 Commits

18 changed files with 9758 additions and 56 deletions

View File

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

View File

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

View File

@@ -1 +1 @@
1.0.1 1.0.5

View File

@@ -1,32 +1,75 @@
# Extras # 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 ## Palettes
### Cursed ### 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](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) ![cursed-light](img/cursed-light.png)
</details>
### Nord ### Nord
Color scheme based on `Nord` A color scheme based on the `Nord` palette.
<details>
<summary>Preview</summary>
![nord](img/nord.png) ![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 ```toml
[templates.kitty] [templates.kitty]
@@ -36,37 +79,17 @@ output_path = '~/.config/kitty/clrsync.conf'
reload_cmd = 'pkill -SIGUSR1 kitty' 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 ```conf
include clrsync.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`** 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 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`**
```toml ```toml
[templates.alacritty] [templates.alacritty]
@@ -76,19 +99,18 @@ output_path = '~/.config/alacritty/clrsync.toml'
reload_cmd = '' reload_cmd = ''
``` ```
**3. Import generated color scheme in `~/.config/alacritty/alacritty.toml** 3. Import the generated color scheme in `~/.config/alacritty/alacritty.toml`:
```toml ```toml
[general] [general]
import = ["clrsync.toml"] import = ["clrsync.toml"]
``` ```
#### Ghostty
### Ghostty 1. Download the [template file](templates/ghostty)
**1. Download [template file](templates/ghostty)** 2. Configure the template in `~/.config/clrsync/config.toml`:
**2. Configure template in `~/.config/clrsync/config.toml`**
```toml ```toml
[templates.ghostty] [templates.ghostty]
@@ -98,8 +120,189 @@ output_path = '~/.config/ghostty/themes/clrsync'
reload_cmd = 'pkill -SIGUSR2 ghostty' reload_cmd = 'pkill -SIGUSR2 ghostty'
``` ```
**3. Set generated color scheme in `~/.config/ghostty/config** 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 ```toml
theme = "clrsync" [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
```

2094
extra/templates/code.json Normal file

File diff suppressed because it is too large Load Diff

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

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 namespace clrsync::core
{ {
const std::string GIT_SEMVER = "1.0.0+git.g5b0599a"; const std::string GIT_SEMVER = "1.0.4+git.g2b1c6d5";
const std::string version_string(); const std::string version_string();
} // namespace clrsync::core } // namespace clrsync::core

View File

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

View File

@@ -16,6 +16,11 @@ glfw_opengl_backend::~glfw_opengl_backend()
glfw_opengl_backend::shutdown(); glfw_opengl_backend::shutdown();
} }
void glfw_opengl_backend::focus_callback(GLFWwindow*, int focused)
{
glfwSwapInterval(focused ? 1 : 0);
}
bool glfw_opengl_backend::initialize(const window_config &config) bool glfw_opengl_backend::initialize(const window_config &config)
{ {
glfwSetErrorCallback([](int error, const char* description) { glfwSetErrorCallback([](int error, const char* description) {
@@ -48,6 +53,7 @@ bool glfw_opengl_backend::initialize(const window_config &config)
glfwMakeContextCurrent(m_window); glfwMakeContextCurrent(m_window);
glfwSwapInterval(1); glfwSwapInterval(1);
glfwSetWindowFocusCallback(m_window, focus_callback);
return true; return true;
} }

View File

@@ -32,6 +32,8 @@ namespace clrsync::gui::backend{
void imgui_render_draw_data(void* draw_data) override; void imgui_render_draw_data(void* draw_data) override;
private: private:
static void focus_callback(GLFWwindow* window, int focused);
GLFWwindow* m_window = nullptr; GLFWwindow* m_window = nullptr;
}; };
} }

View File

@@ -3,6 +3,7 @@
#include "gui/platform/file_browser.hpp" #include "gui/platform/file_browser.hpp"
#include <gtk/gtk.h> #include <gtk/gtk.h>
#include <filesystem> #include <filesystem>
#include <GLFW/glfw3.h>
namespace file_dialogs namespace file_dialogs
{ {
@@ -38,7 +39,16 @@ std::string open_file_dialog(const std::string &title, const std::string &initia
} }
std::string result; std::string result;
if (gtk_native_dialog_run(GTK_NATIVE_DIALOG(native)) == GTK_RESPONSE_ACCEPT)
gint response = gtk_native_dialog_run(GTK_NATIVE_DIALOG(native));
while (gtk_events_pending())
{
gtk_main_iteration();
glfwPollEvents();
}
if (response == GTK_RESPONSE_ACCEPT)
{ {
char *filename = gtk_file_chooser_get_filename(chooser); char *filename = gtk_file_chooser_get_filename(chooser);
if (filename) if (filename)
@@ -79,7 +89,16 @@ std::string save_file_dialog(const std::string &title, const std::string &initia
} }
std::string result; std::string result;
if (gtk_native_dialog_run(GTK_NATIVE_DIALOG(native)) == GTK_RESPONSE_ACCEPT)
gint response = gtk_native_dialog_run(GTK_NATIVE_DIALOG(native));
while (gtk_events_pending())
{
gtk_main_iteration();
glfwPollEvents();
}
if (response == GTK_RESPONSE_ACCEPT)
{ {
char *filename = gtk_file_chooser_get_filename(chooser); char *filename = gtk_file_chooser_get_filename(chooser);
if (filename) if (filename)
@@ -113,7 +132,16 @@ std::string select_folder_dialog(const std::string &title, const std::string &in
} }
std::string result; std::string result;
if (gtk_native_dialog_run(GTK_NATIVE_DIALOG(native)) == GTK_RESPONSE_ACCEPT)
gint response = gtk_native_dialog_run(GTK_NATIVE_DIALOG(native));
while (gtk_events_pending())
{
gtk_main_iteration();
glfwPollEvents();
}
if (response == GTK_RESPONSE_ACCEPT)
{ {
char *filename = gtk_file_chooser_get_filename(chooser); char *filename = gtk_file_chooser_get_filename(chooser);
if (filename) if (filename)

View File

@@ -6,9 +6,10 @@
#include <algorithm> #include <algorithm>
#include <fontconfig/fontconfig.h> #include <fontconfig/fontconfig.h>
#include <imgui.h> #include <imgui.h>
#include <GLFW/glfw3.h>
std::string font_loader::find_font_linux(const char *font_name) std::string font_loader::find_font_linux(const char *font_name)
{ {
FcInit(); FcInit();
FcPattern *pattern = FcNameParse(reinterpret_cast<const FcChar8 *>(font_name)); FcPattern *pattern = FcNameParse(reinterpret_cast<const FcChar8 *>(font_name));
@@ -64,7 +65,6 @@ void font_loader::pop_font()
std::vector<std::string> font_loader::get_system_fonts() std::vector<std::string> font_loader::get_system_fonts()
{ {
std::vector<std::string> fonts; std::vector<std::string> fonts;
FcInit(); FcInit();
FcPattern *pattern = FcPatternCreate(); FcPattern *pattern = FcPatternCreate();
FcObjectSet *os = FcObjectSetBuild(FC_FAMILY, nullptr); FcObjectSet *os = FcObjectSetBuild(FC_FAMILY, nullptr);
@@ -73,7 +73,7 @@ std::vector<std::string> font_loader::get_system_fonts()
if (fs) if (fs)
{ {
for (int i = 0; i < fs->nfont; i++) for (int i = 0; i < fs->nfont; i++)
{ {
FcChar8 *family = nullptr; FcChar8 *family = nullptr;
if (FcPatternGetString(fs->fonts[i], FC_FAMILY, 0, &family) == FcResultMatch) if (FcPatternGetString(fs->fonts[i], FC_FAMILY, 0, &family) == FcResultMatch)
{ {