T-Dev Cafe Themes
Publisher: AnhhTuannThemes in package: 5
Vibrant, premium, multi-colored dark VS Code themes inspired by coffee cultures.
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.background#151311
- activityBar.border#282521
- activityBar.foreground#F2C94C
- activityBar.inactiveForeground#8C8173
- editor.background#1C1A17
- editor.foreground#EBE3D5
- editor.lineHighlightBackground#25221F
- editor.selectionBackground#F2C94C40
- editorBracketHighlight.foreground1#F2C94C
- editorBracketHighlight.foreground2#A3BCA9
- editorBracketHighlight.foreground3#E5A93B
- editorBracketHighlight.foreground4#9DBAD2
- editorBracketHighlight.foreground5#D98A78
- editorBracketHighlight.foreground6#D6CFC4
- editorCursor.foreground#F2C94C
- editorGroup.border#282521
- editorGroupHeader.tabsBackground#151311
- editorIndentGuide.activeBackground#F2C94C80
- editorIndentGuide.activeBackground1#F2C94CBB
- editorIndentGuide.background#5C534840
- editorIndentGuide.background1#5C534830
- editorLineNumber.activeForeground#F2C94C
- editorLineNumber.foreground#5C5348
- list.activeSelectionBackground#F2C94C30
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#F2C94C15
- list.inactiveSelectionBackground#FFFFFF08
- list.inactiveSelectionForeground#EBE3D5
- sideBar.background#151311
- sideBar.border#282521
- sideBar.foreground#D6CFC4
- sideBarSectionHeader.background#1C1A17
- sideBarSectionHeader.border#282521
- sideBarTitle.foreground#EBE3D5
- statusBar.background#151311
- statusBar.border#282521
- statusBar.foreground#D6CFC4
- tab.activeBackground#1C1A17
- tab.activeForeground#FFFFFF
- tab.border#282521
- tab.inactiveBackground#151311
- tab.inactiveForeground#8C8173
- terminal.ansiBlack#151311
- terminal.ansiBlue#9DBAD2
- terminal.ansiBrightBlack#6B635A
- terminal.ansiBrightBlue#9DBAD2
- terminal.ansiBrightCyan#A3BCA9
- terminal.ansiBrightGreen#A3BCA9
- terminal.ansiBrightMagenta#E5A93B
- terminal.ansiBrightRed#D98A78
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F2C94C
- terminal.ansiCyan#A3BCA9
- terminal.ansiGreen#A3BCA9
- terminal.ansiMagenta#E5A93B
- terminal.ansiRed#D98A78
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#F2C94C
- terminal.background#151311
- terminal.foreground#EBE3D5
- titleBar.activeBackground#151311
- titleBar.activeForeground#EBE3D5
- titleBar.border#282521
- widget.shadow#000000A0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B635A | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage, storage.type, storage.modifier | #F2C94C | bold |
| entity.name.function, meta.function-call, support.function | #E5A93B | — |
| string, string.quoted, punctuation.definition.string, string.template | #A3BCA9 | — |
| variable, variable.other, variable.parameter, variable.language.this | #EBE3D5 | — |
| variable.other.property, support.type.property-name, meta.object-literal.key | #D9AF8B | — |
| entity.name.tag, punctuation.definition.tag | #D98A78 | — |
| entity.other.attribute-name | #E5A93B | italic |
| entity.name.type, entity.name.class, support.class, support.type | #9DBAD2 | — |
| constant, constant.numeric, constant.language.boolean, constant.language.null | #D98A78 | — |
| keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.from, keyword.control.as | #F2C94C | — |
| punctuation, keyword.operator | #D9AF8B | — |