Skip to main content
Coding Theme

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. A key in the color catalog links to its detail page.

keyHEXRGBRGBA
editor.background
editor.foreground
editor.lineHighlightBackground
editor.selectionBackground
editorBracketHighlight.foreground1
editorCursor.foreground
editorWhitespace.foreground

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text#FFFFFF—
source#FFFFFF—
comment#9933CC—
constant#3387CC—
keyword#CC7833
meta.preprocessor.c#D0D0FF
keyword.control.import—
entity.name.function—
source comment.block#FFFFFF—
string#66CC33—
string constant.character.escape#AAAAAA—
string.interpolated#000000—
string.regexp#CCCC33—
string.literal#CCCC33—
string.interpolated constant.character.escape#555555—
entity.name.type—underline
entity.name.tag—underline
entity.other.attribute-name—
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—
punctuation.separator.inheritance.ruby#CC7833italic
keyword.operator#C83730—
support.function#FFFFFF—
entity.other.inherited-class—italic underline
variable.parameter#C83730
variable.parameter.function.ruby#C83730
variable.other.block.ruby#C83730
support.function#FFFFFF