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#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#BC9458italic
keyword, storage#CC7833
meta.function.method, meta.definition.method, keyword.other.name-of-parameter.objc#FFC66D
variable.parameter.function#E6E1DC
entity.name.type, entity.other.inherited-class#FFFFFF
constant.numeric#A5C261
variable.language, variable.other, variable.other.constant.js#D0D0FF
variable.other.property, variable.other.object.property#E6E1DC
variable.other.block#E6E1DC
constant#6D9CBE
variable.other.constant#DA4939
constant.language#6E9CBE
string#A5C261
support.type#6E9CBE
support.constant#A5C261
meta.tag, declaration.tag, entity.name.tag, entity.other.attribute-name#E8BF6A
invalid#FFFFFF
constant.character.escaped, constant.character.escape, string source, string source.ruby#519F50
markup.inserted#E6E1DC
markup.deleted#E6E1DC
meta.diff.header, meta.separator.diff, meta.diff.index, meta.diff.range
todo.category.name#E8BF6A
todo.task.urgent#FEFF00
todo.category.extras#BC9458
todo.task.dormant#807C79
todo.task.complete#DA4939
todo.task.question#82A7E2
todo.task.large#A5C261

Shiki preview

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

Loading...

RailsCasts Theme - Coding Theme