feat: all new Kanso Mist theme variant

This commit is contained in:
Webhooked 2025-06-07 14:56:23 +02:00
commit 99c7bedc95
25 changed files with 474 additions and 46 deletions

1
colors/kanso-mist.vim Normal file
View file

@ -0,0 +1 @@
lua require("kanso").load "mist"

View file

@ -25,7 +25,7 @@ cyan = '#7aa89f'
white = '#C5C9C7'
[colors.selection]
background = '#393B42'
background = '#393B44'
foreground = '#C5C9C7'
[[colors.indexed_colors]]

View file

@ -0,0 +1,37 @@
# Kanso Mist Alacritty Colors
[colors.primary]
background = '#313238'
foreground = '#C5C9C7'
[colors.normal]
black = '#313238'
red = '#c4746e'
green = '#8a9a7b'
yellow = '#c4b28a'
blue = '#8ba4b0'
magenta = '#a292a3'
cyan = '#8ea4a2'
white = '#a4a7a4'
[colors.bright]
black = '#5C6066'
red = '#e46876'
green = '#87a987'
yellow = '#e6c384'
blue = '#7fb4ca'
magenta = '#938aa9'
cyan = '#7aa89f'
white = '#C5C9C7'
[colors.selection]
background = '#43464E'
foreground = '#C5C9C7'
[[colors.indexed_colors]]
index = 16
color = '#b6927b'
[[colors.indexed_colors]]
index = 17
color = '#b98d7b'

View file

@ -25,7 +25,7 @@ cyan = '#7aa89f'
white = '#C5C9C7'
[colors.selection]
background = '#393B42'
background = '#393B44'
foreground = '#C5C9C7'
[[colors.indexed_colors]]

View file

@ -5,8 +5,8 @@ palette = 3=#c4b28a
palette = 4=#8ba4b0
palette = 5=#a292a3
palette = 6=#8ea4a2
palette = 7=#c8c093
palette = 8=#a4a7a4
palette = 7=#a4a7a4
palette = 8=#5C6066
palette = 9=#e46876
palette = 10=#87a987
palette = 11=#e6c384
@ -18,5 +18,5 @@ palette = 15=#c5c9c7
background = #14171d
foreground = #c5c9c7
cursor-color = #c5c9c7
selection-background = #393B42
selection-background = #3E424A
selection-foreground = #c5c9c7

22
extras/ghostty/kanso-mist Normal file
View file

@ -0,0 +1,22 @@
palette = 0=#313238
palette = 1=#c4746e
palette = 2=#8a9a7b
palette = 3=#c4b28a
palette = 4=#8ba4b0
palette = 5=#a292a3
palette = 6=#8ea4a2
palette = 7=#a4a7a4
palette = 8=#5C6066
palette = 9=#e46876
palette = 10=#87a987
palette = 11=#e6c384
palette = 12=#7fb4ca
palette = 13=#938aa9
palette = 14=#7aa89f
palette = 15=#c5c9c7
background = #313238
foreground = #c5c9c7
cursor-color = #c5c9c7
selection-background = #43464E
selection-foreground = #c5c9c7

View file

@ -5,8 +5,8 @@ palette = 3=#77713f
palette = 4=#4d699b
palette = 5=#b35b79
palette = 6=#597b75
palette = 7=#545464
palette = 8=#5C6068
palette = 7=#9F9F99
palette = 8=#5C6066
palette = 9=#d7474b
palette = 10=#6e915f
palette = 11=#836f4a

View file

@ -5,8 +5,8 @@ palette = 3=#c4b28a
palette = 4=#8ba4b0
palette = 5=#a292a3
palette = 6=#8ea4a2
palette = 7=#c8c093
palette = 8=#a4a7a4
palette = 7=#a4a7a4
palette = 8=#5C6066
palette = 9=#e46876
palette = 10=#87a987
palette = 11=#e6c384
@ -18,5 +18,5 @@ palette = 15=#c5c9c7
background = #090E13
foreground = #c5c9c7
cursor-color = #c5c9c7
selection-background = #24262D
selection-background = #23252D
selection-foreground = #c5c9c7

View file

@ -1,6 +1,6 @@
background #14171d
foreground #C5C9C7
selection_background #24262D
selection_background #23252D
selection_foreground #C5C9C7
url_color #72A7BC
cursor #C5C9C7

View file

@ -0,0 +1,39 @@
background #313238
foreground #C5C9C7
selection_background #43464E
selection_foreground #C5C9C7
url_color #72A7BC
cursor #C5C9C7
cursor_text_color #313238
# Tabs
active_tab_background #313238
active_tab_foreground #C5C9C7
inactive_tab_background #313238
inactive_tab_foreground #A4A7A4
# normal
color0 #313238
color1 #c4746e
color2 #8a9a7b
color3 #c4b28a
color4 #8ba4b0
color5 #a292a3
color6 #8ea4a2
color7 #a4a7a4
# bright
color8 #5C6066
color9 #E46876
color10 #87a987
color11 #E6C384
color12 #7FB4CA
color13 #938AA9
color14 #7AA89F
color15 #C5C9C7
# extended colors
color16 #b6927b
color17 #b98d7b

View file

@ -1,19 +1,19 @@
background #f2f1ef
foreground #24262D
foreground #23252D
selection_background #e2e1df
selection_foreground #24262D
selection_foreground #23252D
url_color #73A7BC
cursor #24262D
cursor #23252D
cursor_text_color #f2f1ef
# Tabs
active_tab_background #f2f1ef
active_tab_foreground #24262D
active_tab_foreground #23252D
inactive_tab_background #f2f1ef
inactive_tab_foreground #6d6f6e
# normal
color0 #24262D
color0 #23252D
color1 #c84053
color2 #6f894e
color3 #77713f

View file

@ -1,6 +1,6 @@
background #090E13
foreground #C5C9C7
selection_background #393B42
selection_background #393B44
selection_foreground #C5C9C7
url_color #72A7BC
cursor #C5C9C7

View file

@ -0,0 +1,22 @@
static const char *colorname[] = {
"#313238",
"#c4746e",
"#8a9a7b",
"#c4b28a",
"#8ba4b0",
"#a292a3",
"#8ea4a2",
"#a4a7a4",
"#5C6066",
"#e46876",
"#87a987",
"#e6c384",
"#7fb4ca",
"#938aa9",
"#7aa89f",
"#c5c9c7",
};
unsigned int defaultcs = 15;
unsigned int defaultbg = 0;
unsigned int defaultfg = 15;

View file

@ -1,5 +1,5 @@
static const char *colorname[] = {
"#24262D", // 0
"#23252D", // 0
"#C84053",
"#6F894E",
"#77713F",

View file

@ -1,10 +1,10 @@
! special
*.foreground: #24262D
*.foreground: #23252D
*.background: #f2f1ef
*.cursorColor: #24262D
*.cursorColor: #23252D
! black
*.color0: #24262D
*.color0: #23252D
*.color8: #6D6F6E
! red

View file

@ -9,10 +9,10 @@ local config = {
cursor_border = "#C5C9C7",
selection_fg = "#C5C9C7",
selection_bg = "#393B42",
selection_bg = "#393B44",
scrollbar_thumb = "#393B42",
split = "#393B42",
scrollbar_thumb = "#393B44",
split = "#393B44",
ansi = {
"#14171d",

View file

@ -0,0 +1,41 @@
-- Kanso Mist WezTerm Colors
local config = {
force_reverse_video_cursor = true,
colors = {
foreground = "#C5C9C7",
background = "#313238",
cursor_bg = "#C5C9C7",
cursor_fg = "#313238",
cursor_border = "#C5C9C7",
selection_fg = "#C5C9C7",
selection_bg = "#43464E",
scrollbar_thumb = "#43464E",
split = "#43464E",
ansi = {
"#313238",
"#C4746E",
"#8A9A7B",
"#C4B28A",
"#8BA4B0",
"#A292A3",
"#8EA4A2",
"#a4a7a4",
},
brights = {
"#5C6066",
"#E46876",
"#87A987",
"#E6C384",
"#7FB4CA",
"#938AA9",
"#7AA89F",
"#C5C9C7",
},
},
}
return config

View file

@ -9,10 +9,10 @@ local config = {
cursor_border = "#C5C9C7",
selection_fg = "#C5C9C7",
selection_bg = "#24262D",
selection_bg = "#23252D",
scrollbar_thumb = "#24262D",
split = "#24262D",
scrollbar_thumb = "#23252D",
split = "#23252D",
ansi = {
"#090E13",

View file

@ -0,0 +1,116 @@
[manager]
marker_copied = { fg = "#87A987", bg = "#87A987" }
marker_cut = { fg = "#E46876", bg = "#E46876" }
marker_marked = { fg = "#938AA9", bg = "#938AA9" }
marker_selected = { fg = "#B98D7B", bg = "#B98D7B" }
cwd = { fg = "#E6C384" }
hovered = { reversed = true }
preview_hovered = { reversed = true }
find_keyword = { fg = "#B98D7B", bg = "#313238" }
find_position = {}
tab_active = { reversed = true }
tab_inactive = {}
tab_width = 1
count_copied = { fg = "#313238", bg = "#87A987" }
count_cut = { fg = "#313238", bg = "#E46876" }
count_selected = { fg = "#313238", bg = "#E6C384" }
border_symbol = "│"
border_style = { fg = "#C5C9C7" }
[mode]
normal_main = { fg = "#313238", bg = "#8BA4B0" }
normal_alt = { fg = "#8BA4B0", bg = "#313238" }
select_main = { fg = "#313238", bg = "#957fb8" }
select_alt = { fg = "#957fb8", bg = "#313238" }
unset_main = { fg = "#313238", bg = "#e6c384" }
unset_alt = { fg = "#e6c384", bg = "#313238" }
[status]
sep_left = { open = "", close = "" }
sep_right = { open = "", close = "" }
overall = { fg = "#C5C9C7", bg = "#313238" }
progress_label = { fg = "#8BA4B0", bg = "#313238", bold = true }
progress_normal = { fg = "#313238", bg = "#313238" }
progress_error = { fg = "#313238", bg = "#313238" }
perm_type = { fg = "#87A987" }
perm_read = { fg = "#E6C384" }
perm_write = { fg = "#E46876" }
perm_exec = { fg = "#7AA89F" }
perm_sep = { fg = "#938AA9" }
[pick]
border = { fg = "#7fb4ca" }
active = { fg = "#938AA9", bold = true }
inactive = {}
[input]
border = { fg = "#7fb4ca" }
title = {}
value = {}
selected = { reversed = true }
[completion]
border = { fg = "#7fb4ca" }
active = { reversed = true }
inactive = {}
[tasks]
border = { fg = "#7fb4ca" }
title = {}
hovered = { fg = "#938AA9" }
[which]
cols = 2
separator = " - "
separator_style = { fg = "#A4A7A4" }
mask = { bg = "#313238" }
rest = { fg = "#A4A7A4" }
cand = { fg = "#8EA4A2" }
desc = { fg = "#C5C9C7" }
[help]
on = { fg = "#7AA89F" }
run = { fg = "#938AA9" }
desc = {}
hovered = { reversed = true, bold = true }
footer = { fg = "#313238", bg = "#C5C9C7" }
[notify]
title_info = { fg = "#87A987" }
title_warn = { fg = "#E6C384" }
title_error = { fg = "#E46876" }
[filetype]
rules = [
# images
{ mime = "image/*", fg = "#E6C384" },
# media
{ mime = "{audio,video}/*", fg = "#938AA9" },
# archives
{ mime = "application/{zip,rar,7z*,tar,gzip,xz,zstd,bzip*,lzma,compress,archive,cpio,arj,xar,ms-cab*}", fg = "#e46876" },
# documents
{ mime = "application/{pdf,doc,rtf,vnd.*}", fg = "#A292A3" },
# broken links
{ name = "*", is = "orphan", fg = "#E46876" },
# executables
{ name = "*", is = "exec", fg = "#7AA89F" },
# fallback
{ name = "*", fg = "#C5C9C7" },
{ name = "*/", fg = "#8BA4B0" },
]

View file

@ -37,9 +37,9 @@ sep_left = { open = "", close = "" }
sep_right = { open = "", close = "" }
overall = { fg = "#43436c", bg = "#f2f1ef" }
progress_label = { fg = "#4d699b", bg = "#24262D", bold = true }
progress_normal = { fg = "#24262D", bg = "#f2f1ef" }
progress_error = { fg = "#24262D", bg = "#f2f1ef" }
progress_label = { fg = "#4d699b", bg = "#23252D", bold = true }
progress_normal = { fg = "#23252D", bg = "#f2f1ef" }
progress_error = { fg = "#23252D", bg = "#f2f1ef" }
perm_type = { fg = "#6f894e" }
perm_read = { fg = "#77713f" }

View file

@ -3,13 +3,13 @@ set notification-error-fg "#C84053"
set notification-warning-bg "#F2F1EF"
set notification-warning-fg "#77713F"
set notification-bg "#F2F1EF"
set notification-fg "#24262D"
set notification-fg "#23252D"
set completion-bg "#F2F1EF"
set completion-fg "#24262D"
set completion-fg "#23252D"
set completion-group-bg "#F2F1EF"
set completion-group-fg "#24262D"
set completion-highlight-bg "#24262D"
set completion-group-fg "#23252D"
set completion-highlight-bg "#23252D"
set completion-highlight-fg "#F2F1EF"
set index-bg "#F2F1EF"
@ -18,20 +18,20 @@ set index-active-bg "#6D6F6E"
set index-active-fg "#F2F1EF"
set inputbar-bg "#F2F1EF"
set inputbar-fg "#24262D"
set inputbar-fg "#23252D"
set statusbar-bg "#F2F1EF"
set statusbar-fg "#24262D"
set statusbar-fg "#23252D"
set highlight-color "#77713F"
set highlight-active-color "#C84053"
set default-bg "#F2F1EF"
set default-fg "#24262D"
set default-fg "#23252D"
set render-loading "true"
set render-loading-bg "#F2F1EF"
set render-loading-fg "#24262D"
set render-loading-fg "#23252D"
set recolor-lightcolor "#F2F1EF"
set recolor-darkcolor "#24262D"
set recolor-darkcolor "#23252D"
set recolor "true"

View file

@ -0,0 +1,15 @@
themes {
kanso-mist {
bg "#313238"
fg "#C5C9C7"
red "#C4746E"
green "#8A9A7B"
blue "#8BA4B0"
yellow "#C4B28A"
magenta "#A292A3"
orange "#B98D7B"
cyan "#8EA4A2"
black "#313238"
white "#C5C9C7"
}
}

View file

@ -1,7 +1,7 @@
themes {
kanso-pearl {
bg "#F2F1EF"
fg "#24262D"
fg "#23252D"
red "#D7474B"
green "#6F894E"
blue "#4D699B"
@ -10,6 +10,6 @@ themes {
orange "#CC6D00"
cyan "#597B75"
black "#F2F1EF"
white "#24262D"
white "#23252D"
}
}

View file

@ -4,8 +4,8 @@ local palette = {
-- Bg Shades
zen0 = "#090E13",
zen1 = "#1C1E25",
zen2 = "#24262D",
zen3 = "#393B42",
zen2 = "#23252D",
zen3 = "#393B44",
-- Popup and Floats
zenBlue1 = "#223249",
@ -42,8 +42,8 @@ local palette = {
inkBlack0 = "#14171d",
inkBlack1 = "#1f1f26",
inkBlack2 = "#24262D",
inkBlack3 = "#393B42",
inkBlack2 = "#23252D",
inkBlack3 = "#393B44",
inkBlack4 = "#4b4e57",
inkWhite = "#C5C9C7",
@ -65,7 +65,31 @@ local palette = {
inkYellow = "#c4b28a", --"#a99c8b",
-- "#8a9aa3",
pearlInk0 = "#24262D",
-- Mist Shades
mist0 = "#313238",
mist1 = "#2a2c35",
mist2 = "#43464E",
mist3 = "#5C6066",
mistWhite = "#C5C9C7",
mistGreen = "#87a987",
mistGreen2 = "#8a9a7b",
mistPink = "#a292a3",
mistOrange = "#b6927b",
mistOrange2 = "#b98d7b",
mistGray = "#A4A7A4",
mistGray1 = "#909398",
mistGray2 = "#75797f",
mistGray3 = "#5C6066",
mistBlue2 = "#8ba4b0",
mistViolet = "#8992a7",
mistRed = "#c4746e",
mistAqua = "#8ea4a2",
mistAsh = "#5C6066",
mistTeal = "#949fb5",
mistYellow = "#c4b28a",
pearlInk0 = "#23252D",
pearlInk1 = "#545464",
pearlInk2 = "#43436c",
pearlGray = "#e2e1df",

View file

@ -425,4 +425,115 @@ return {
},
}
end,
---@param palette PaletteColors
---@return ThemeColors
mist = function(palette)
return {
ui = {
none = "NONE",
fg = palette.mistWhite,
fg_dim = palette.mistGray,
fg_reverse = palette.zenBlue1,
bg_dim = palette.mist0,
bg_m3 = palette.mist0,
bg_m2 = palette.mist0,
bg_m1 = palette.mist0,
bg = palette.mist0,
bg_p1 = palette.mist2,
bg_p2 = palette.mist2,
special = palette.mistGray3,
indent_line = palette.mistGray3,
active_indent_line = palette.mistGray3,
whitespace = palette.mist3,
nontext = palette.mistAsh,
bg_visual = palette.mist2,
bg_search = palette.zenBlue2,
cursor_line_nr_foreground = palette.mistGray2,
cursor_line_nr_active_foreground = palette.fujiWhite,
cursor_bg = palette.fujiWhite,
cursor_fg = palette.mist0,
pmenu = {
fg = palette.fujiWhite,
fg_sel = "NONE",
bg = palette.mist0,
bg_sel = palette.mist2,
bg_thumb = palette.mist2,
bg_sbar = palette.mist0,
},
float = {
fg = palette.mistGray,
bg = palette.mist0,
fg_border = palette.mist2,
bg_border = palette.mist0,
},
},
syn = {
string = palette.mistGreen2,
variable = "NONE",
number = palette.mistPink,
constant = palette.mistOrange,
identifier = palette.mistViolet,
parameter = palette.mistGray1,
fun = palette.mistBlue2,
statement = palette.mistViolet,
keyword = palette.mistViolet,
operator = palette.mistGray1,
preproc = palette.mistGray1,
type = palette.mistAqua,
regex = palette.mistRed,
deprecated = palette.katanaGray,
punct = palette.mistGray1,
comment = palette.mistGray2,
special1 = palette.mistYellow,
special2 = palette.mistViolet,
special3 = palette.mistViolet,
},
diag = {
error = palette.samuraiRed,
ok = palette.springGreen,
warning = palette.roninYellow,
info = palette.inkBlue,
hint = palette.zenAqua1,
},
diff = {
add = palette.winterGreen,
delete = palette.winterRed,
change = palette.winterBlue,
text = palette.winterYellow,
},
vcs = {
added = palette.autumnGreen,
removed = palette.autumnRed,
changed = palette.autumnYellow,
untracked = palette.mistGray2,
},
term = {
palette.mist0, -- black
palette.mistRed, -- red
palette.mistGreen2, -- green
palette.mistYellow, -- yellow
palette.mistBlue2, -- blue
palette.mistPink, -- magenta
palette.mistWhite, -- cyan
palette.mistGray, -- white
palette.mistGray1, -- bright black
palette.zenRed, -- bright red
palette.mistGreen, -- bright green
palette.carpYellow, -- bright yellow
palette.springBlue, -- bright blue
palette.springViolet1, -- bright magenta
palette.zenAqua2, -- bright cyan
palette.mistWhite, -- bright white
palette.mistOrange, -- extended color 1
palette.mistOrange2, -- extended color 2
},
}
end,
}