feat: customize all app's theme to catppuccin-mocha

This commit is contained in:
Ryan Yin
2023-07-29 13:10:46 +08:00
parent 714c45f5f9
commit e1cd93d6d1
24 changed files with 432 additions and 1310 deletions

View File

@@ -1,4 +1,4 @@
{pkgs, ...}:
{pkgs, catppuccin-alacritty, ...}:
###########################################################
#
# Alacritty Configuration
@@ -18,6 +18,7 @@
#
###########################################################
{
xdg.configFile."alacritty/theme_catppuccin.yml".source = "${catppuccin-alacritty}/catppuccin-mocha.yml";
programs.alacritty = {
enable = true;
};
@@ -95,6 +96,4 @@
size: 13
''
);
xdg.configFile."alacritty/theme_catppuccin.yml".source = ./theme_catppuccin.yml;
}

View File

@@ -1,40 +0,0 @@
# Catppuccin theme scheme for Alacritty
colors:
primary:
background: '#1E1E2E'
foreground: '0xd6d6d6'
cursor:
text: '#CDD6F4'
cursor: '#D9D9D9'
normal:
black: '#181A1F'
red: '#E86671'
green: '#98C379'
yellow: '#E5C07B'
blue: '#61AFEF'
magenta: '#C678DD'
cyan: '#54AFBC'
white: '#ABB2BF'
bright:
black: '#5C6370'
red: '#E86671'
green: '#98C379'
yellow: '#E5C07B'
blue: '#61AFEF'
magenta: '#C678DD'
cyan: '#54AFBC'
white: '0xf7f7f7'
dim:
black: '#5C6370'
red: '0x74423f'
green: '#98C379'
yellow: '#E5C07B'
blue: '#61AFEF'
magenta: '0x6e4962'
cyan: '0x5c8482'
white: '0x828282'

View File

@@ -2,11 +2,11 @@
imports = [
../server
./alacritty
./helix
./neovim
./alacritty.nix
./development.nix
./helix.nix
./kitty.nix
./media.nix
./shell.nix

View File

@@ -1,7 +1,8 @@
{ pkgs, lib, ... }:
{ pkgs, catppuccin-helix, ... }:
{
xdg.configFile."helix/themes/catppuccin_mocha.toml".source = ./theme_catppuccin_mocha.toml;
# https://github.com/catppuccin/helix
xdg.configFile."helix/themes".source = "${catppuccin-helix}/themes/default";
programs.helix = {
enable = true;
@@ -10,7 +11,15 @@
theme = "catppuccin_mocha";
editor = {
line-number = "relative";
cursorline = true;
color-modes = true;
lsp.display-messages = true;
cursor-shape = {
insert = "bar";
normal = "block";
select = "underline";
};
indent-guides.render = true;
};
keys.normal = {
space.space = "file_picker";

View File

@@ -1,149 +0,0 @@
# https://github.com/catppuccin/helix/blob/main/themes/default/catppuccin_mocha.toml
# Syntax highlighting
# -------------------
"type" = "yellow"
"constructor" = "sapphire"
"constant" = "peach"
"constant.builtin" = "peach"
"constant.character" = "teal"
"constant.character.escape" = "pink"
"string" = "green"
"string.regexp" = "peach"
"string.special" = "blue"
"comment" = { fg = "overlay1", modifiers = ["italic"] }
"variable" = "text"
"variable.parameter" = { fg = "maroon", modifiers = ["italic"] }
"variable.builtin" = "red"
"variable.other.member" = "teal"
"label" = "sapphire" # used for lifetimes
"punctuation" = "overlay2"
"punctuation.special" = "sky"
"keyword" = "mauve"
"keyword.control.conditional" = { fg = "mauve", modifiers = ["italic"] }
"operator" = "sky"
"function" = "blue"
"function.macro" = "mauve"
"tag" = "mauve"
"attribute" = "blue"
"namespace" = { fg = "blue", modifiers = ["italic"] }
"special" = "blue" # fuzzy highlight
"markup.heading.marker" = { fg = "peach", modifiers = ["bold"] }
"markup.heading.1" = "lavender"
"markup.heading.2" = "mauve"
"markup.heading.3" = "green"
"markup.heading.4" = "yellow"
"markup.heading.5" = "pink"
"markup.heading.6" = "teal"
"markup.list" = "mauve"
"markup.bold" = { modifiers = ["bold"] }
"markup.italic" = { modifiers = ["italic"] }
"markup.link.url" = { fg = "rosewater", modifiers = ["italic", "underlined"] }
"markup.link.text" = "blue"
"markup.raw" = "flamingo"
"diff.plus" = "green"
"diff.minus" = "red"
"diff.delta" = "blue"
# User Interface
# --------------
"ui.background" = { fg = "text", bg = "base" }
"ui.linenr" = { fg = "surface1" }
"ui.linenr.selected" = { fg = "lavender" }
"ui.statusline" = { fg = "subtext1", bg = "mantle" }
"ui.statusline.inactive" = { fg = "surface2", bg = "mantle" }
"ui.statusline.normal" = { fg = "base", bg = "lavender", modifiers = ["bold"] }
"ui.statusline.insert" = { fg = "base", bg = "green", modifiers = ["bold"] }
"ui.statusline.select" = { fg = "base", bg = "flamingo", modifiers = ["bold"] }
"ui.popup" = { fg = "text", bg = "surface0" }
"ui.window" = { fg = "crust" }
"ui.help" = { fg = "overlay2", bg = "surface0" }
"ui.bufferline" = { fg = "subtext0", bg = "mantle" }
"ui.bufferline.active" = { fg = "mauve", bg = "base", underline = { color = "mauve", style = "line" } }
"ui.bufferline.background" = { bg = "crust" }
"ui.text" = "text"
"ui.text.focus" = { fg = "text", bg = "surface0", modifiers = ["bold"] }
"ui.text.inactive" = { fg = "overlay1" }
"ui.virtual" = "overlay0"
"ui.virtual.ruler" = { bg = "surface0" }
"ui.virtual.indent-guide" = "surface0"
"ui.virtual.inlay-hint" = { fg = "surface1", bg = "mantle" }
"ui.selection" = { bg = "surface1" }
"ui.cursor" = { fg = "base", bg = "secondary_cursor" }
"ui.cursor.primary" = { fg = "base", bg = "rosewater" }
"ui.cursor.match" = { fg = "peach", modifiers = ["bold"] }
"ui.cursorline.primary" = { bg = "cursorline" }
"ui.highlight" = { bg = "surface1", modifiers = ["bold"] }
"ui.menu" = { fg = "overlay2", bg = "surface0" }
"ui.menu.selected" = { fg = "text", bg = "surface1", modifiers = ["bold"] }
"diagnostic.error" = { underline = { color = "red", style = "curl" } }
"diagnostic.warning" = { underline = { color = "yellow", style = "curl" } }
"diagnostic.info" = { underline = { color = "sky", style = "curl" } }
"diagnostic.hint" = { underline = { color = "teal", style = "curl" } }
error = "red"
warning = "yellow"
info = "sky"
hint = "teal"
[palette]
# catppuccin palette colors
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"
# derived colors by blending existing palette colors
cursorline = "#2a2b3c"
secondary_cursor = "#b5a6a8"

View File

@@ -27,7 +27,7 @@
{
programs.kitty = {
enable = true;
theme = "Catppuccin-Mocha";
theme = "Catppuccin-Mocha"; # kitty has catppuccin theme built-in
font = {
name = "JetBrainsMono Nerd Font";
# use different font size on macOS