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#120507
- activityBar.border#2d1317
- activityBar.foreground#ff3366
- activityBar.inactiveForeground#8a7074
- editor.background#1e0b0e
- editor.foreground#fff0f5
- editor.lineHighlightBackground#2d1317
- editor.selectionBackground#ff336633
- editorBracketHighlight.foreground1#ff3366
- editorBracketHighlight.foreground2#4ADE80
- editorBracketHighlight.foreground3#FFB4A2
- editorBracketHighlight.foreground4#a020f0
- editorBracketHighlight.foreground5#67E8F9
- editorBracketHighlight.foreground6#ff8da1
- editorCursor.foreground#ff3366
- editorGroup.border#2d1317
- editorGroupHeader.tabsBackground#120507
- editorIndentGuide.activeBackground#ff336680
- editorIndentGuide.activeBackground1#ff3366bb
- editorIndentGuide.background#7c555a40
- editorIndentGuide.background1#7c555a30
- editorLineNumber.activeForeground#ff3366
- editorLineNumber.foreground#7c555a
- list.activeSelectionBackground#ff336625
- list.activeSelectionForeground#ffffff
- list.hoverBackground#ff336610
- list.inactiveSelectionBackground#ffffff08
- list.inactiveSelectionForeground#fff0f5
- sideBar.background#120507
- sideBar.border#2d1317
- sideBar.foreground#ffb3c1
- sideBarSectionHeader.background#1e0b0e
- sideBarSectionHeader.border#2d1317
- sideBarTitle.foreground#fff0f5
- statusBar.background#120507
- statusBar.border#2d1317
- statusBar.foreground#ffb3c1
- tab.activeBackground#1e0b0e
- tab.activeForeground#ffffff
- tab.border#2d1317
- tab.inactiveBackground#120507
- tab.inactiveForeground#8a7074
- terminal.ansiBlack#120507
- terminal.ansiBlue#67E8F9
- terminal.ansiBrightBlack#8a7074
- terminal.ansiBrightBlue#67E8F9
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#4ADE80
- terminal.ansiBrightMagenta#a020f0
- terminal.ansiBrightRed#ff3366
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FFB4A2
- terminal.ansiCyan#67E8F9
- terminal.ansiGreen#4ADE80
- terminal.ansiMagenta#a020f0
- terminal.ansiRed#ff3366
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#FFB4A2
- terminal.background#120507
- terminal.foreground#fff0f5
- titleBar.activeBackground#120507
- titleBar.activeForeground#fff0f5
- titleBar.border#2d1317
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8a7074 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage, storage.type, storage.modifier | #ff3366 | bold |
| entity.name.function, meta.function-call, support.function | #4ADE80 | — |
| string, string.quoted, punctuation.definition.string, string.template | #FFB4A2 | — |
| variable, variable.other, variable.parameter, variable.language.this | #fff0f5 | — |
| variable.other.property, support.type.property-name, meta.object-literal.key | #ff8da1 | — |
| entity.name.tag, punctuation.definition.tag | #ff3366 | — |
| entity.other.attribute-name | #FFB4A2 | italic |
| entity.name.type, entity.name.class, support.class, support.type | #67E8F9 | — |
| constant, constant.numeric, constant.language.boolean, constant.language.null | #a020f0 | — |
| keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.from, keyword.control.as | #ff3366 | — |
| punctuation, keyword.operator | #F8BBD0 | — |