| 🛟 Updated. 28d5985 k33g 11h ago | 1 | name = "Catppuccin Frappé" |
| 2 | description = "The Catppuccin Frappé palette: warm slate with pastel accents. A dark theme." |
| 3 | |
| 4 | # The Catppuccin palette, mid-dark flavour. Colours are taken from the |
| 5 | # published Frappé palette unchanged — a theme called Catppuccin that is not |
| 6 | # those exact values is a different theme with a borrowed name. |
| 7 | # |
| 8 | # The mapping follows Catppuccin's own style guide where it has an opinion: |
| 9 | # mauve for keywords, green for strings, peach for numbers and constants, blue |
| 10 | # for functions, yellow for types, overlay0 for comments. Where it has none — |
| 11 | # a Turbo-style menu bar, a window frame, a status bar — the palette's own |
| 12 | # surface ladder does the work: crust behind everything, mantle for the bars, |
| 13 | # base for the page, surface0 and surface1 for what sits on top of it. |
| 14 | # |
| 15 | # Base #303446 Text #c6d0f5 |
| 16 | # Mantle #292c3f Subtext1 #b5bfe2 |
| 17 | # Crust #232634 Subtext0 #a5adce |
| 18 | inherits = "turbo-classic" |
| 19 | |
| 20 | [colors] |
| 21 | default = { fg = "#c6d0f5", bg = "#303446" } |
| 22 | |
| 23 | desktop = { fg = "#414559", bg = "#232634" } |
| 24 | shadow = { fg = "#232634", bg = "#232634" } |
| 25 | |
| 26 | "menu.bar" = { fg = "#c6d0f5", bg = "#292c3f" } |
| 27 | "menu.item" = { fg = "#c6d0f5", bg = "#292c3f" } |
| 28 | "menu.selected" = { fg = "#303446", bg = "#8caaee" } |
| 29 | "menu.shortcut" = { fg = "#e78284", bg = "#292c3f", bold = true } |
| 30 | "menu.disabled" = { fg = "#737994", bg = "#292c3f" } |
| 31 | |
| 32 | "window.frame.active" = { fg = "#babbf1", bg = "#303446" } |
| 33 | "window.frame.inactive" = { fg = "#626880", bg = "#303446" } |
| 34 | "window.title.active" = { fg = "#c6d0f5", bg = "#303446", bold = true } |
| 35 | "window.title.inactive" = { fg = "#737994", bg = "#303446" } |
| 36 | "window.body" = { fg = "#c6d0f5", bg = "#303446" } |
| 37 | |
| 38 | statusbar = { fg = "#c6d0f5", bg = "#292c3f" } |
| 39 | "statusbar.key" = { fg = "#ef9f76", bg = "#292c3f", bold = true } |
| 40 | "statusbar.hint" = { fg = "#a5adce", bg = "#292c3f" } |
| 41 | |
| 42 | scrollbar = { fg = "#51576d", bg = "#414559" } |
| 43 | "scrollbar.thumb" = { fg = "#838ba7", bg = "#414559" } |
| 44 | |
| 45 | "dialog.frame" = { fg = "#babbf1", bg = "#414559" } |
| 46 | "dialog.body" = { fg = "#c6d0f5", bg = "#414559" } |
| 47 | "dialog.title" = { fg = "#c6d0f5", bg = "#414559", bold = true } |
| 48 | "dialog.label" = { fg = "#b5bfe2", bg = "#414559" } |
| 49 | |
| 50 | button = { fg = "#232634", bg = "#8caaee" } |
| 51 | "button.focused" = { fg = "#232634", bg = "#babbf1", bold = true } |
| 52 | "button.shortcut" = { fg = "#e78284", bg = "#8caaee", bold = true, underline = true } |
| 53 | |
| 54 | input = { fg = "#c6d0f5", bg = "#51576d" } |
| 55 | "input.focused" = { fg = "#c6d0f5", bg = "#626880" } |
| 56 | "input.selection" = { fg = "#232634", bg = "#babbf1" } |
| 57 | |
| 58 | list = { fg = "#c6d0f5", bg = "#414559" } |
| 59 | "list.selected" = { fg = "#232634", bg = "#8caaee" } |
| 60 | "list.unfocused" = { fg = "#a5adce", bg = "#414559" } |
| 61 | |
| 62 | checkbox = { fg = "#c6d0f5", bg = "#414559" } |
| 63 | "checkbox.focused" = { fg = "#232634", bg = "#8caaee" } |
| 64 | |
| 65 | "editor.text" = { fg = "#c6d0f5", bg = "#303446" } |
| 66 | "editor.selection" = { fg = "#c6d0f5", bg = "#626880" } |
| 67 | "editor.linenumber" = { fg = "#737994", bg = "#303446" } |
| 68 | "editor.currentline" = { fg = "#c6d0f5", bg = "#51576d" } |
| 69 | # Rosewater against surface1: the loudest thing in the palette against the one |
| 70 | # row that is already lighter than the page, so the cursor is findable without |
| 71 | # the line having to shout. |
| 72 | "editor.cursor" = { fg = "#303446", bg = "#f2d5cf" } |
| 73 | |
| 74 | "terminal.text" = { fg = "#c6d0f5", bg = "#232634" } |
| 75 | "terminal.cursor" = { fg = "#232634", bg = "#f2d5cf" } |
| 76 | |
| 77 | "tree.text" = { fg = "#c6d0f5", bg = "#303446" } |
| 78 | "tree.directory" = { fg = "#8caaee", bg = "#303446", bold = true } |
| 79 | "tree.selected" = { fg = "#232634", bg = "#8caaee" } |
| 80 | "tree.unfocused" = { fg = "#a5adce", bg = "#414559" } |
| 81 | |
| 82 | # Catppuccin's own syntax mapping. Constant and number share peach, and type |
| 83 | # and tag share yellow, because each pair is one idea; everything a reader |
| 84 | # meets beside something else is a different hue. |
| 85 | "syntax.identifier" = { fg = "#c6d0f5" } |
| 86 | "syntax.keyword" = { fg = "#ca9ee6" } |
| 87 | "syntax.type" = { fg = "#e5c890" } |
| 88 | "syntax.builtin" = { fg = "#e78284" } |
| 89 | "syntax.constant" = { fg = "#ef9f76" } |
| 90 | "syntax.function" = { fg = "#8caaee" } |
| 91 | "syntax.string" = { fg = "#a6d189" } |
| 92 | "syntax.char" = { fg = "#81c8be" } |
| 93 | "syntax.number" = { fg = "#ef9f76" } |
| 94 | "syntax.comment" = { fg = "#737994", italic = true } |
| 95 | "syntax.operator" = { fg = "#99d1db" } |
| 96 | "syntax.punctuation" = { fg = "#949cbb" } |
| 97 | "syntax.heading" = { fg = "#8caaee", bold = true } |
| 98 | "syntax.tag" = { fg = "#e5c890" } |
| 99 | "syntax.attribute" = { fg = "#81c8be" } |
| 100 | "syntax.emphasis" = { fg = "#ea999c", italic = true } |
| 101 | "syntax.link" = { fg = "#85c1dc", underline = true } |
| 102 | |
| 103 | "completion.frame" = { fg = "#babbf1", bg = "#414559" } |
| 104 | "completion.item" = { fg = "#c6d0f5", bg = "#414559" } |
| 105 | "completion.selected" = { fg = "#232634", bg = "#8caaee", bold = true } |
| 106 | "completion.detail" = { fg = "#a5adce", bg = "#414559" } |
| 107 | |
| 108 | "diagnostic.error" = { fg = "#e78284", bold = true } |
| 109 | "diagnostic.warning" = { fg = "#e5c890", bold = true } |
| 110 | "diagnostic.info" = { fg = "#99d1db", italic = true } |