Skip to main content
Coding Theme

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#fff
  • editor.foreground#000
  • editor.lineHighlightBackground#f4f4f4
  • editor.lineHighlightBorder#f4f4f4
  • editorBracketHighlight.foreground1#0be
  • editorBracketHighlight.foreground2#f90
  • editorBracketHighlight.foreground3#909
  • editorBracketHighlight.foreground4#0be
  • editorBracketHighlight.foreground5#f90
  • editorBracketHighlight.foreground6#909
  • editorBracketHighlight.unexpectedBracket.foreground#f00
  • editorBracketMatch.background#ddd
  • editorBracketMatch.border#ddd
  • editorLineNumber.activeForeground#000
  • editorLineNumber.foreground#ccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control, support.function.kernel.ruby, storage#B10italic
meta.class, meta.module.ruby, entity.name.type, entity.other.inherited-class, support.class#03C
meta.function-call.ruby, variable.other.ruby#000
punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby, string.quoted.double.ruby, string.quoted.single.ruby, string#090
constant.character.escape#090
string.regexp#060
punctuation.section.embedded.begin.ruby#0be
constant.other.symbol.hashkey#06F
constant.language.symbol#08B
variable.other.readwrite.global, variable.other.readwrite.class#F0Fbold
variable.other.readwrite.instance#80D
variable, support.variable#06F
constant.language, support.constant, variable.language, variable.other.constant, constant.numeric, constant.character, constant#e80
comment, punctuation.definition.comment#CCCitalic
keyword.other.special-method.ruby#B10italic
entity.name.exception, invalid.illegal#F00
Rubyist by First Try! Software - VS Code Theme