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#0E120F
- activityBar.border#212A24
- activityBar.foreground#A78BFA
- activityBar.inactiveForeground#6B7A70
- editor.background#131815
- editor.foreground#D1D5DB
- editor.lineHighlightBackground#1B221E
- editor.selectionBackground#A78BFA40
- editorBracketHighlight.foreground1#A78BFA
- editorBracketHighlight.foreground2#71CF92
- editorBracketHighlight.foreground3#A7F3D0
- editorBracketHighlight.foreground4#60A5FA
- editorBracketHighlight.foreground5#F472B6
- editorBracketHighlight.foreground6#9CA3AF
- editorCursor.foreground#A78BFA
- editorGroup.border#212A24
- editorGroupHeader.tabsBackground#0E120F
- editorIndentGuide.activeBackground#A78BFA80
- editorIndentGuide.activeBackground1#A78BFABB
- editorIndentGuide.background#37415140
- editorIndentGuide.background1#37415130
- editorLineNumber.activeForeground#A78BFA
- editorLineNumber.foreground#4B5563
- list.activeSelectionBackground#A78BFA30
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#A78BFA15
- list.inactiveSelectionBackground#FFFFFF08
- list.inactiveSelectionForeground#D1D5DB
- sideBar.background#0E120F
- sideBar.border#212A24
- sideBar.foreground#9CA3AF
- sideBarSectionHeader.background#131815
- sideBarSectionHeader.border#212A24
- sideBarTitle.foreground#D1D5DB
- statusBar.background#0E120F
- statusBar.border#212A24
- statusBar.foreground#9CA3AF
- tab.activeBackground#131815
- tab.activeForeground#FFFFFF
- tab.border#212A24
- tab.inactiveBackground#0E120F
- tab.inactiveForeground#6B7A70
- terminal.ansiBlack#0E120F
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#6B7A70
- terminal.ansiBrightBlue#60A5FA
- terminal.ansiBrightCyan#71CF92
- terminal.ansiBrightGreen#71CF92
- terminal.ansiBrightMagenta#A78BFA
- terminal.ansiBrightRed#F472B6
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#A7F3D0
- terminal.ansiCyan#71CF92
- terminal.ansiGreen#71CF92
- terminal.ansiMagenta#A78BFA
- terminal.ansiRed#F472B6
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#A7F3D0
- terminal.background#0E120F
- terminal.foreground#D1D5DB
- titleBar.activeBackground#0E120F
- titleBar.activeForeground#D1D5DB
- titleBar.border#212A24
- widget.shadow#000000A0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B7A70 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage, storage.type, storage.modifier | #A78BFA | bold |
| entity.name.function, meta.function-call, support.function | #71CF92 | — |
| string, string.quoted, punctuation.definition.string, string.template | #A7F3D0 | — |
| variable, variable.other, variable.parameter, variable.language.this | #D1D5DB | — |
| variable.other.property, support.type.property-name, meta.object-literal.key | #9CA3AF | — |
| entity.name.tag, punctuation.definition.tag | #F472B6 | — |
| entity.other.attribute-name | #71CF92 | italic |
| entity.name.type, entity.name.class, support.class, support.type | #60A5FA | — |
| constant, constant.numeric, constant.language.boolean, constant.language.null | #F472B6 | — |
| keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.from, keyword.control.as | #A78BFA | — |
| punctuation, keyword.operator | #9CA3AF | — |