-
Notifications
You must be signed in to change notification settings - Fork 308
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
adding installation instructions and documentation for theming in gen…
…eral as well as cat and gruv
- Loading branch information
1 parent
88c61b3
commit 094b1e9
Showing
4 changed files
with
337 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| # overriding widget colors | ||
| widget color options with default values - sorted alphabetically: | ||
| ``` | ||
| set -g @dracula-attached-clients-colors "cyan dark_gray" | ||
| set -g @dracula-battery-colors "pink dark_gray" | ||
| set -g @dracula-continuum-colors "cyan dark_gray" | ||
| set -g @dracula-cpu-usage-colors "orange dark_gray" | ||
| set -g @dracula-custom-plugin-colors "cyan dark_gray" | ||
| set -g @dracula-cwd-colors "dark_gray white" | ||
| set -g @dracula-fossil-colors "green dark_gray" | ||
| set -g @dracula-git-colors "green dark_gray" | ||
| set -g @dracula-gpu-power-draw-colors "green dark_gray" | ||
| set -g @dracula-gpu-ram-usage-colors "cyan dark_gray" | ||
| set -g @dracula-gpu-usage-colors "pink dark_gray" | ||
| set -g @dracula-hg-colors "green dark_gray" | ||
| set -g @dracula-kubernetes-context-colors "cyan dark_gray" | ||
| set -g @dracula-libre-colors "white dark_gray" | ||
| set -g @dracula-mpc-colors "green dark_gray" | ||
| set -g @dracula-network-bandwidth-colors "cyan dark_gray" | ||
| set -g @dracula-network-colors "cyan dark_gray" | ||
| set -g @dracula-network-ping-colors "cyan dark_gray" | ||
| set -g @dracula-network-vpn-colors "cyan dark_gray" | ||
| set -g @dracula-playerctl-colors "green dark_gray" | ||
| set -g @dracula-ram-usage-colors "cyan dark_gray" | ||
| set -g @dracula-spotify-tui-colors "green dark_gray" | ||
| set -g @dracula-ssh-session-colors "green dark_gray" | ||
| set -g @dracula-synchronize-panes-colors "cyan dark_gray" | ||
| set -g @dracula-terraform-colors "light_purple dark_gray" | ||
| set -g @dracula-time-colors "dark_purple white" | ||
| set -g @dracula-tmux-ram-usage-colors "cyan dark_gray" | ||
| set -g @dracula-weather-colors "orange dark_gray" | ||
| ``` | ||
|
|
||
| # overriding color variables | ||
| this requires an extra `.sh` file which specifies color variables and their respective values. it can be used to override and also extend the dracula color pallette. | ||
|
|
||
| if your tmux config is in `~/.config/tmux/`, then consider putting the color variables into `~/.config/tmux/colors.sh`, with the matching option `set -g @dracula-colors "~/.config/tmux/colors.sh"` in your tmux config. | ||
| alternatively, if your tmux config is `~/.tmux.conf`, then consider putting the color variables into `~/.tmux_colors.sh`, with the matching option `set -g @dracula-colors "~/.tmux_colors.sh"` in your tmux config. | ||
|
|
||
| for a quick setup, fill the file with the following contents: | ||
| ``` | ||
| # Dracula Color Pallette | ||
| white="#f8f8f2" | ||
| gray="#44475a" | ||
| dark_gray="#282a36" | ||
| light_purple="#bd93f9" | ||
| dark_purple="#6272a4" | ||
| cyan="#8be9fd" | ||
| green="#50fa7b" | ||
| orange="#ffb86c" | ||
| red="#ff5555" | ||
| pink="#ff79c6" | ||
| yellow="#f1fa8c" | ||
| ``` | ||
| ## plug and play themes | ||
| as part of this directory there are some plug and play themes with explanations on how to use them: | ||
| - [catppuccin](https://github.com/dracula/tmux/blob/master/docs/color_theming/catppuccin.md) | ||
| - [gruvbox](https://github.com/dracula/tmux/blob/master/docs/color_theming/gruvbox.md) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,174 @@ | ||
| # drac to cat | ||
|
|
||
|
|
||
| for a quick setup, fill the file with the following contents: | ||
| ``` | ||
| # simple catppuccin Color Pallette | ||
| pink='#cba6f7' | ||
| orange='#fab387' | ||
| yellow='#f9e2af' | ||
| green='#a6e3a1' | ||
| cyan='#89dceb' | ||
| light_purple='#b4befe' | ||
| white='#cdd6f4' | ||
| dark_gray='#313244' | ||
| red='#f38ba8' | ||
| gray='#45475a' | ||
| dark_purple='#6c7086' | ||
| ``` | ||
|
|
||
|
|
||
| alternatively use the full catppuccin color palette and customise the flags accordingly | ||
|
|
||
| # catppuccin Color Pallette | ||
|
|
||
| # latte | ||
| ``` | ||
| Rosewater='#dc8a78' | ||
| Flamingo='#dd7878' | ||
| Pink='#ea76cb' | ||
| Mauve='#8839ef' | ||
| Red='#d20f39' | ||
| Maroon='#e64553' | ||
| Peach='#fe640b' | ||
| Yellow='#df8e1d' | ||
| Green='#40a02b' | ||
| Teal='#179299' | ||
| Sky='#04a5e5' | ||
| Sapphire='#209fb5' | ||
| Blue='#1e66f5' | ||
| Lavender='#7287fd' | ||
| Text='#4c4f69' | ||
| Subtext1='#5c5f77' | ||
| Subtext0='#6c6f85' | ||
| Overlay2='#7c7f93' | ||
| Overlay1='#8c8fa1' | ||
| Overlay0='#9ca0b0' | ||
| Surface2='#acb0be' | ||
| Surface1='#bcc0cc' | ||
| Surface0='#ccd0da' | ||
| Base='#eff1f5' | ||
| Mantle='#e6e9ef' | ||
| Crust='#dce0e8' | ||
| ``` | ||
|
|
||
| # frappe | ||
| ``` | ||
| Rosewater='#f2d5cf' | ||
| Flamingo='#eebebe' | ||
| Pink='#f4b8e4' | ||
| Mauve='#ca9ee6' | ||
| Red='#e78284' | ||
| Maroon='#ea999c' | ||
| Peach='#ef9f76' | ||
| Yellow='#e5c890' | ||
| Green='#a6d189' | ||
| Teal='#81c8be' | ||
| Sky='#99d1db' | ||
| Sapphire='#85c1dc' | ||
| Blue='#8caaee' | ||
| Lavender='#babbf1' | ||
| Text='#c6d0f5' | ||
| Subtext1='#b5bfe2' | ||
| Subtext0='#a5adce' | ||
| Overlay2='#949cbb' | ||
| Overlay1='#838ba7' | ||
| Overlay0='#737994' | ||
| Surface2='#626880' | ||
| Surface1='#51576d' | ||
| Surface0='#414559' | ||
| Base='#303446' | ||
| Mantle='#292c3c' | ||
| Crust='#232634' | ||
| ``` | ||
|
|
||
| # macchiato | ||
| ``` | ||
| Rosewater='#f4dbd6' | ||
| Flamingo='#f0c6c6' | ||
| Pink='#f5bde6' | ||
| Mauve='#c6a0f6' | ||
| Red='#ed8796' | ||
| Maroon='#ee99a0' | ||
| Peach='#f5a97f' | ||
| Yellow='#eed49f' | ||
| Green='#a6da95' | ||
| Teal='#8bd5ca' | ||
| Sky='#91d7e3' | ||
| Sapphire='#7dc4e4' | ||
| Blue='#8aadf4' | ||
| Lavender='#b7bdf8' | ||
| Text='#cad3f5' | ||
| Subtext1='#b8c0e0' | ||
| Subtext0='#a5adcb' | ||
| Overlay2='#939ab7' | ||
| Overlay1='#8087a2' | ||
| Overlay0='#6e738d' | ||
| Surface2='#5b6078' | ||
| Surface1='#494d64' | ||
| Surface0='#363a4f' | ||
| Base='#24273a' | ||
| Mantle='#1e2030' | ||
| Crust='#181926' | ||
| ``` | ||
|
|
||
| # mocha | ||
| ``` | ||
| Rosewater='#f5e0dc' | ||
| Flamingo='#f2cdcd' | ||
| Pink='#f5c2e7' | ||
| Mauve='#cba6f7' | ||
| Red='#f38ba8' | ||
| Maroon='#eba0ac' | ||
| Peach='#fab387' | ||
| Yellow='#f9e2af' | ||
| Green='#a6e3a1' | ||
| Teal='#94e2d5' | ||
| Sky='#89dceb' | ||
| Sapphire='#74c7ec' | ||
| Blue='#89b4fa' | ||
| Lavender='#b4befe' | ||
| Text='#cdd6f4' | ||
| Subtext1='#bac2de' | ||
| Subtext0='#a6adc8' | ||
| Overlay2='#9399b2' | ||
| Overlay1='#7f849c' | ||
| Overlay0='#6c7086' | ||
| Surface2='#585b70' | ||
| Surface1='#45475a' | ||
| Surface0='#313244' | ||
| Base='#1e1e2e' | ||
| Mantle='#181825' | ||
| Crust='#11111b' | ||
| ``` | ||
|
|
||
| # TODO: check em all | ||
| ``` | ||
| set -g "@dracula-cwd-colors" "Surface0 Text" | ||
| set -g "@dracula-fossil-colors" "Green Surface0" | ||
| set -g "@dracula-git-colors" "Green Surface0" | ||
| set -g "@dracula-hg-colors" "Green Surface0" | ||
| set -g "@dracula-battery-colors" "Mauve Surface0" | ||
| set -g "@dracula-gpu-usage-colors" "Mauve Surface0" | ||
| set -g "@dracula-gpu-ram-usage-colors" "Sky Surface0" | ||
| set -g "@dracula-gpu-power-draw-colors" "Green Surface0" | ||
| set -g "@dracula-cpu-usage-colors" "orange Surface0" | ||
| set -g "@dracula-ram-usage-colors" "Sky Surface0" | ||
| set -g "@dracula-tmux-ram-usage-colors" "Sky Surface0" | ||
| set -g "@dracula-network-colors" "Sky Surface0" | ||
| set -g "@dracula-network-bandwidth-colors" "Sky Surface0" | ||
| set -g "@dracula-network-ping-colors" "Sky Surface0" | ||
| set -g "@dracula-network-vpn-colors" "Sky Surface0" | ||
| set -g "@dracula-attached-clients-colors" "Sky Surface0" | ||
| set -g "@dracula-mpc-colors" "Green Surface0" | ||
| set -g "@dracula-spotify-tui-colors" "Green Surface0" | ||
| set -g "@dracula-playerctl-colors" "Green Surface0" | ||
| set -g "@dracula-kubernetes-context-colors" "Sky Surface0" | ||
| set -g "@dracula-terraform-colors" "Lavender Surface0" | ||
| set -g "@dracula-continuum-colors" "Sky Surface0" | ||
| set -g "@dracula-weather-colors" "orange Surface0" | ||
| set -g "@dracula-time-colors" "dark_purple white" | ||
| set -g "@dracula-synchronize-panes-colors" "Sky Surface0" | ||
| set -g "@dracula-libre-colors" "Text Surface0" | ||
| set -g "@dracula-ssh-session-colors" "Green Surface0" | ||
| ``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,97 @@ | ||
| # drac to gruv | ||
|
|
||
| **TODO** | ||
| for a quick setup, fill the file with the following contents: | ||
| ``` | ||
| # simple catppuccin Color Pallette | ||
| pink='#' | ||
| orange='#' | ||
| yellow='#' | ||
| green='#' | ||
| cyan='#' | ||
| light_purple='#' | ||
| white='#' | ||
| dark_gray='#' | ||
| red='#' | ||
| gray='#' | ||
| dark_purple='#' | ||
| ``` | ||
|
|
||
|
|
||
| alternatively use the full gruvbox color palette and customise the flags accordingly | ||
|
|
||
| # GruvBox Color Pallette | ||
| ## dark | ||
| ``` | ||
| # === colors === | ||
| # --- muted --- | ||
| muted_back="#282828" | ||
| muted_red="#CC241D" | ||
| muted_green="#98971A" | ||
| muted_yellow="#D79921" | ||
| muted_blue="#458588" | ||
| muted_purple="#B16286" | ||
| muted_aqua="#689D6A" | ||
| muted_orange="#D65D0E" | ||
| muted_fore="#A89984" | ||
| # --- strong --- | ||
| strong_back="#928374" | ||
| strong_red="#FB4934" | ||
| strong_green="#B8BB26" | ||
| strong_yellow="#FABD2F" | ||
| strong_blue="#83A598" | ||
| strong_purple="#D3869B" | ||
| strong_aqua="#8EC07C" | ||
| strong_orange="#FE8019" | ||
| strong_fore="#EBDBB2" | ||
| # === backgrounds === | ||
| back_0_hard="#1D2021" | ||
| back_0_soft="#32302F" | ||
| back_1="#3C3836" | ||
| back_2="#504945" | ||
| back_3="#665C54" | ||
| back_4="#7C6F64" | ||
| fore_0_hard="#FBF1C7" | ||
| fore_0_soft="#FBF1C7" | ||
| fore_1="#EBDBB2" | ||
| fore_2="#D5C4A1" | ||
| fore_3="#BDAE93" | ||
| fore_4="#A89984" | ||
| ``` | ||
| ## light | ||
| ``` | ||
| # === colors === | ||
| # --- muted --- | ||
| muted_back="#FBF1C7" | ||
| muted_red="#CC241D" | ||
| muted_green="#98971A" | ||
| muted_yellow="#D79921" | ||
| muted_blue="#458588" | ||
| muted_purple="#B16286" | ||
| muted_aqua="#689D6A" | ||
| muted_orange="#D65D0E" | ||
| muted_fore="#7C6F64" | ||
| # --- strong --- | ||
| strong_back="#928374" | ||
| strong_red="#9d0006" | ||
| strong_green="#79740E" | ||
| strong_yellow="#B57614" | ||
| strong_blue="#076678" | ||
| strong_purple="#8F3F71" | ||
| strong_aqua="#427B58" | ||
| strong_orange="#AF3A03" | ||
| strong_fore="#3C3836" | ||
| # === backgrounds === | ||
| back_0_hard="#F9F5D7" | ||
| back_0_soft="#F2E5BC" | ||
| back_1="#EBDBB2" | ||
| back_2="#D5C4A1" | ||
| back_3="#BDAE93" | ||
| back_4="#A89984" | ||
| fore_0_hard="#282828" | ||
| fore_0_soft="#282828" | ||
| fore_1="#3C3836" | ||
| fore_2="#504945" | ||
| fore_3="#665C54" | ||
| fore_4="#7C6F64" | ||
| ``` |