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.

  • editor.background#000000
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#333300
  • editor.selectionBackground#73597ee0
  • editorBracketHighlight.foreground1#FFFFFF
  • editorCursor.foreground#ffffff
  • editorWhitespace.foreground#404040

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.typeunderline
entity.name.tagunderline
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-classitalic underline
variable.parameter#C83730
variable.parameter.function.ruby#C83730
variable.other.block.ruby#C83730
support.function#FFFFFF