1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107

name = "Catppuccin Latte"
description = "The Catppuccin Latte palette: warm paper with saturated accents. A light theme."

# The Catppuccin palette, light flavour. Colours are taken from the published
# Latte palette unchanged — a theme called Catppuccin that is not those exact
# values is a different theme with a borrowed name.
#
# Latte is the flavour that needs the most care in a Turbo layout. Its accents
# are far more saturated than Frappé's, because they have to carry against
# paper rather than against slate; using Frappé's mapping with Latte's numbers
# would give a page that is legible and a menu bar that is not.
#
# Base   #eff1f5   Text     #4c4f69
# Mantle #e6e9ef   Subtext1 #5c5f77
# Crust  #dce0e8   Subtext0 #6c6f85
inherits = "turbo-classic"

[colors]
default = { fg = "#4c4f69", bg = "#eff1f5" }

desktop = { fg = "#bcc0cc", bg = "#dce0e8" }
shadow = { fg = "#dce0e8", bg = "#dce0e8" }

"menu.bar" = { fg = "#4c4f69", bg = "#e6e9ef" }
"menu.item" = { fg = "#4c4f69", bg = "#e6e9ef" }
"menu.selected" = { fg = "#eff1f5", bg = "#1e66f5" }
"menu.shortcut" = { fg = "#d20f39", bg = "#e6e9ef", bold = true }
"menu.disabled" = { fg = "#9ca0b0", bg = "#e6e9ef" }

"window.frame.active" = { fg = "#1e66f5", bg = "#eff1f5" }
"window.frame.inactive" = { fg = "#acb0be", bg = "#eff1f5" }
"window.title.active" = { fg = "#4c4f69", bg = "#eff1f5", bold = true }
"window.title.inactive" = { fg = "#9ca0b0", bg = "#eff1f5" }
"window.body" = { fg = "#4c4f69", bg = "#eff1f5" }

statusbar = { fg = "#4c4f69", bg = "#e6e9ef" }
"statusbar.key" = { fg = "#fe640b", bg = "#e6e9ef", bold = true }
"statusbar.hint" = { fg = "#6c6f85", bg = "#e6e9ef" }

scrollbar = { fg = "#bcc0cc", bg = "#ccd0da" }
"scrollbar.thumb" = { fg = "#9ca0b0", bg = "#ccd0da" }

"dialog.frame" = { fg = "#1e66f5", bg = "#ccd0da" }
"dialog.body" = { fg = "#4c4f69", bg = "#ccd0da" }
"dialog.title" = { fg = "#4c4f69", bg = "#ccd0da", bold = true }
"dialog.label" = { fg = "#5c5f77", bg = "#ccd0da" }

button = { fg = "#eff1f5", bg = "#1e66f5" }
"button.focused" = { fg = "#eff1f5", bg = "#7287fd", bold = true }
"button.shortcut" = { fg = "#df8e1d", bg = "#1e66f5", bold = true, underline = true }

input = { fg = "#4c4f69", bg = "#ccd0da" }
"input.focused" = { fg = "#4c4f69", bg = "#bcc0cc" }
"input.selection" = { fg = "#eff1f5", bg = "#1e66f5" }

list = { fg = "#4c4f69", bg = "#ccd0da" }
"list.selected" = { fg = "#eff1f5", bg = "#1e66f5" }
"list.unfocused" = { fg = "#6c6f85", bg = "#ccd0da" }

checkbox = { fg = "#4c4f69", bg = "#ccd0da" }
"checkbox.focused" = { fg = "#eff1f5", bg = "#1e66f5" }

"editor.text" = { fg = "#4c4f69", bg = "#eff1f5" }
"editor.selection" = { fg = "#4c4f69", bg = "#bcc0cc" }
"editor.linenumber" = { fg = "#9ca0b0", bg = "#eff1f5" }
"editor.currentline" = { fg = "#4c4f69", bg = "#ccd0da" }
# Mauve, not a darker grey: on paper the cursor has to be a hue the page has
# nowhere else, or it disappears into the highlighted line it sits on.
"editor.cursor" = { fg = "#eff1f5", bg = "#8839ef" }

"terminal.text" = { fg = "#4c4f69", bg = "#dce0e8" }
"terminal.cursor" = { fg = "#eff1f5", bg = "#8839ef" }

"tree.text" = { fg = "#4c4f69", bg = "#eff1f5" }
"tree.directory" = { fg = "#1e66f5", bg = "#eff1f5", bold = true }
"tree.selected" = { fg = "#eff1f5", bg = "#1e66f5" }
"tree.unfocused" = { fg = "#6c6f85", bg = "#ccd0da" }

# Catppuccin's own syntax mapping. Constant and number share peach, and type
# and tag share yellow, because each pair is one idea; everything a reader
# meets beside something else is a different hue.
"syntax.identifier" = { fg = "#4c4f69" }
"syntax.keyword" = { fg = "#8839ef" }
"syntax.type" = { fg = "#df8e1d" }
"syntax.builtin" = { fg = "#d20f39" }
"syntax.constant" = { fg = "#fe640b" }
"syntax.function" = { fg = "#1e66f5" }
"syntax.string" = { fg = "#40a02b" }
"syntax.char" = { fg = "#179299" }
"syntax.number" = { fg = "#fe640b" }
"syntax.comment" = { fg = "#8c8fa1", italic = true }
"syntax.operator" = { fg = "#04a5e5" }
"syntax.punctuation" = { fg = "#7c7f93" }
"syntax.heading" = { fg = "#1e66f5", bold = true }
"syntax.tag" = { fg = "#df8e1d" }
"syntax.attribute" = { fg = "#179299" }
"syntax.emphasis" = { fg = "#e64553", italic = true }
"syntax.link" = { fg = "#209fb5", underline = true }

"completion.frame" = { fg = "#1e66f5", bg = "#ccd0da" }
"completion.item" = { fg = "#4c4f69", bg = "#ccd0da" }
"completion.selected" = { fg = "#eff1f5", bg = "#1e66f5", bold = true }
"completion.detail" = { fg = "#6c6f85", bg = "#ccd0da" }

"diagnostic.error" = { fg = "#d20f39", bold = true }
"diagnostic.warning" = { fg = "#df8e1d", bold = true }
"diagnostic.info" = { fg = "#04a5e5", italic = true }