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#130D0A
- activityBar.border#281D17
- activityBar.foreground#E58B53
- activityBar.inactiveForeground#7A6658
- editor.background#19120E
- editor.foreground#F3E3D3
- editor.lineHighlightBackground#241914
- editor.selectionBackground#E58B5340
- editorBracketHighlight.foreground1#E58B53
- editorBracketHighlight.foreground2#81B29A
- editorBracketHighlight.foreground3#F2CC8F
- editorBracketHighlight.foreground4#D96C75
- editorBracketHighlight.foreground5#9DBAD2
- editorBracketHighlight.foreground6#D6B598
- editorCursor.foreground#E58B53
- editorGroup.border#281D17
- editorGroupHeader.tabsBackground#130D0A
- editorIndentGuide.activeBackground#E58B5380
- editorIndentGuide.activeBackground1#E58B53BB
- editorIndentGuide.background#5C4A3D40
- editorIndentGuide.background1#5C4A3D30
- editorLineNumber.activeForeground#E58B53
- editorLineNumber.foreground#5C4A3D
- list.activeSelectionBackground#E58B5330
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#E58B5315
- list.inactiveSelectionBackground#FFFFFF08
- list.inactiveSelectionForeground#F3E3D3
- sideBar.background#130D0A
- sideBar.border#281D17
- sideBar.foreground#D6B598
- sideBarSectionHeader.background#19120E
- sideBarSectionHeader.border#281D17
- sideBarTitle.foreground#F3E3D3
- statusBar.background#130D0A
- statusBar.border#281D17
- statusBar.foreground#D6B598
- tab.activeBackground#19120E
- tab.activeForeground#FFFFFF
- tab.border#281D17
- tab.inactiveBackground#130D0A
- tab.inactiveForeground#7A6658
- terminal.ansiBlack#130D0A
- terminal.ansiBlue#9DBAD2
- terminal.ansiBrightBlack#7A6658
- terminal.ansiBrightBlue#9DBAD2
- terminal.ansiBrightCyan#81B29A
- terminal.ansiBrightGreen#81B29A
- terminal.ansiBrightMagenta#E58B53
- terminal.ansiBrightRed#D96C75
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F2CC8F
- terminal.ansiCyan#81B29A
- terminal.ansiGreen#81B29A
- terminal.ansiMagenta#E58B53
- terminal.ansiRed#D96C75
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#F2CC8F
- terminal.background#130D0A
- terminal.foreground#F3E3D3
- titleBar.activeBackground#130D0A
- titleBar.activeForeground#F3E3D3
- titleBar.border#281D17
- widget.shadow#000000A0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A6658 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage, storage.type, storage.modifier | #E07A5F | bold |
| entity.name.function, meta.function-call, support.function | #F2CC8F | — |
| string, string.quoted, punctuation.definition.string, string.template | #81B29A | — |
| variable, variable.other, variable.parameter, variable.language.this | #F3E3D3 | — |
| variable.other.property, support.type.property-name, meta.object-literal.key | #D6B598 | — |
| entity.name.tag, punctuation.definition.tag | #D96C75 | — |
| entity.other.attribute-name | #E58B53 | italic |
| entity.name.type, entity.name.class, support.class, support.type | #9DBAD2 | — |
| constant, constant.numeric, constant.language.boolean, constant.language.null | #D96C75 | — |
| keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.from, keyword.control.as | #E07A5F | — |
| punctuation, keyword.operator | #D6B598 | — |