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#252936
- activityBar.border#03081c
- activityBarBadge.background#007acc
- editor.background#16181f
- editor.foreground#bbbbbb
- editor.hoverHighlightBackground#32384a
- editor.inactiveSelectionBackground#2b3040
- editor.lineHighlightBorder#2b3040
- editor.selectionBackground#32384a
- editorGroupHeader.tabsBackground#1c212b
- editorGroupHeader.tabsBorder#03081c
- editorWidget.background#252936
- editorWidget.border#03081c
- list.activeSelectionBackground#32384a
- list.focusOutline#32384a
- list.hoverBackground#2b3040
- list.inactiveSelectionBackground#2b3040
- menu.background#252936
- menu.border#03081c
- menubar.selectionBackground#252936
- panel.background#252936
- panel.border#03081c
- panelTitle.activeBorder#03081c
- sideBar.background#1c212b
- sideBar.border#03081c
- sideBarSectionHeader.background#2b3040
- sideBarSectionHeader.border#03081c
- sideBarSectionHeader.foreground#eeeeee
- sideBarTitle.foreground#bbbbbb
- statusBar.background#091836
- tab.border#03081c
- tab.inactiveBackground#252936
- titleBar.activeBackground#091836
- titleBar.border#03081c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type.c | #56d6b8 | — |
| comment, punctuation.definition.comment | #ffb8f1 | bold |
| variable | #DDDDDD | — |
| variable.other.property.c | #BBBBBB | — |
| string.quoted.double.c, string.quoted.double.include.c, string.quoted.other.lt-gt.include.c | #ffaa69 | — |
| punctuation.definition.string.begin.c, punctuation.definition.string.end.c | #ffd769 | — |
| constant.character.escape | #e36464 | — |
| storage.modifier.c, storage.type.struct.c, storage.type.enum.c, storage.type.built-in.primitive.c | #719deb | — |
| constant.numeric.decimal.c, variable.other.enummember.c | #b6c77d | — |
| punctuation.section.block.end.bracket.curly.c, punctuation.section.block.begin.bracket.curly.c, punctuation.section.parens.begin.bracket.round.c, punctuation.section.parens.end.bracket.round.c, punctuation.terminator.statement.c, punctuation.section.arguments.end.bracket.round.c, punctuation.section.arguments.begin.bracket.round.c, punctuation.separator.delimiter.c, keyword.operator, punctuation.definition.directive.c, keyword.control.directive.define.c, keyword.control.directive.include.c, keyword.control.directive.conditional.c, keyword.control.directive.pragma.c, punctuation.section.parameters.end.bracket.round.c, punctuation.section.parameters.begin.bracket.round.c, punctuation.separator.dot-access.c | #D4D4D4 | — |
| punctuation.definition.directive.c | #DDDDDD | — |
| keyword.control.c | #8added | — |
| entity.name.function.c | #f2e485 | — |
| entity.name.function.preprocessor.c | #d585f2 | — |