Caffe Crema
Publisher: Mónica VillarroelThemes in package: 2
A cozy cappuccino-inspired theme: espresso darks, creamy lights, and caramel accents.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#D4A373
- activityBar.background#3A2922
- activityBar.foreground#F3E5D8
- activityBarBadge.background#7374d4
- activityBarBadge.foreground#2B1F1A
- button.background#D4A373
- button.foreground#2B1F1A
- button.hoverBackground#E3B98C
- editor.background#2B1F1A
- editor.foreground#F3E5D8
- editor.inactiveSelectionBackground#5C3A2A55
- editor.lineHighlightBackground#3A2922
- editor.selectionBackground#5C3A2A88
- editor.wordHighlightBackground#5C3A2A55
- editor.wordHighlightStrongBackground#E6D2C655
- editorBracketMatch.background#3F2E28
- editorBracketMatch.border#D4A373
- editorCursor.foreground#D4A373
- editorGutter.addedBackground#7FA27C
- editorGutter.deletedBackground#D0786D
- editorGutter.modifiedBackground#CDB079
- editorIndentGuide.activeBackground1#6B4C3E
- editorIndentGuide.background1#3F2E28
- editorLineNumber.activeForeground#D4A373
- editorLineNumber.foreground#8B6F5B
- gitDecoration.addedResourceForeground#9DB17C
- gitDecoration.conflictingResourceForeground#C55353
- gitDecoration.deletedResourceForeground#C16A5B
- gitDecoration.modifiedResourceForeground#E3B98C
- gitDecoration.untrackedResourceForeground#669966
- list.activeSelectionBackground#5931198b
- list.activeSelectionForeground#dcee8f
- list.focusForeground#e0b46e
- list.focusOutline#280452
- list.hoverBackground#412202
- list.hoverForeground#728a3f
- list.inactiveSelectionBackground#85502d
- notificationCenterHeader.background#251F1B
- notifications.background#221C19
- notifications.foreground#EDE3DA
- panel.background#2B1F1A
- panel.border#3A2922
- sideBar.background#32231E
- sideBar.border#3A2922
- sideBar.foreground#F3E5D8
- statusBar.background#3A2922
- statusBar.debuggingBackground#D4A373
- statusBar.debuggingForeground#2B1F1A
- statusBar.foreground#F3E5D8
- tab.activeBackground#2B1F1A
- tab.activeForeground#F3E5D8
- tab.border#3A2922
- tab.inactiveBackground#32231E
- tab.inactiveForeground#8B6F5B
- terminal.ansiBlack#3F2E28
- terminal.ansiBlue#A3BFD9
- terminal.ansiCyan#92C7C7
- terminal.ansiGreen#9DB17C
- terminal.ansiMagenta#D6A2E8
- terminal.ansiRed#C16A5B
- terminal.ansiWhite#F3E5D8
- terminal.ansiYellow#E3B98C
- terminal.background#2B1F1A
- terminal.foreground#F3E5D8
- titleBar.activeBackground#3A2922
- titleBar.activeForeground#F3E5D8
- titleBar.inactiveBackground#2E211C
- titleBar.inactiveForeground#8B6F5B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4e8d16 | italic |
| keyword, storage.type, storage.modifier | #ba6f1a | — |
| string, constant.other.symbol | #f38005 | — |
| constant.numeric, constant.boolean, constant.language | #bad356 | — |
| entity.name.function, support.function | #D6A2E8 | — |
| entity.name.type, support.type, entity.name.class | #A3BFD9 | — |
| variable, meta.definition.variable | #4d6116 | — |
| variable.parameter | #8C5C3C | — |
| punctuation, keyword.operator | #ab9d64 | — |
| support.type.property-name.json | #f0cda3 | — |
| markup.heading, markup.heading entity.name | #b5765d | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline.link, constant.other.reference.link | #666faa | underline |
| meta.property-name, support.type.property-name | #E3B98C | — |
| keyword.operator | #dbf3d8 | — |
| entity.name.tag | #e1c29c | bold |
| entity.other.attribute-name | #d18e46 | — |
| string.quoted.double.xml, string.quoted.single.xml | #12857f | — |
| punctuation.definition.tag, punctuation.separator.key-value.xml | #c16830 | — |
| meta.tag.preprocessor.xml | #169124 | italic |