Skip to main content
CodingTheme

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#282828
  • editor.foreground#E6E1DC
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#3D4456E0
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E1DC
source.ruby.embedded, source.ruby.rails.embedded
comment#676869
keyword, storage#CC7833
entity.name.function, keyword.other.name-of-parameter.objc#FFC66D
variable.parameteritalic
entity.name#9876AAbold
entity.other.inherited-class#DA4939
support.class.ruby#9876AAbold
keyword.other.special-method.ruby#DA4939
constant.numeric#A5C261
constant.numeric#A5C261
none#A5C261
none#6D9CBE
variable#FFFFFF
variable.other.block#E6E1DC
constant#6D9CBE
variable.other.constant#DA4939
constant.language#6E9CBE
string#A5C261
support.function#FFC66D
support.type#6E9CBE
support.constant#A5C261
meta.tag, declaration.tag, entity.other.attribute-name#E8BF6A
entity.name.tag#CDA869
entity.other.attribute-name#F5E1B6
invalid#FFFFFF
markup.inserted#E6E1DC
markup.deleted#E6E1DC
meta.diff.header, meta.separator.diff, meta.diff.index, meta.diff.range
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#967EFB

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

RailsCasts Plus Theme by Marlos Irapuan - VS Code Theme