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#1e1c1c
  • editor.foreground#E6E1DC
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#5A647EE0
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E1DC
source
comment#BC9458italic
keyword, storage#CC7833
entity.name.function, keyword.other.name-of-parameter.objc#FFC66D
entity.name#ffffff
entity.name.type.class#e68484italic
constant.numeric#A5C261
variable.other.readwrite#ccccfa
variable.other.block, variable.other.readwrite.instance.ruby, variable.other.ruby#ccccfa
constant#4dadc5
variable.other.constant#DA4939
constant.language#4dadc5
string#A5C261
support.function#DA4939
support.type#4dadc5
support.constant#A5C261
entity.other.attribute-name#e893c2italic
meta.tag, declaration.tag, entity.name.tag.html#ffffff
punctuation.definition.tag#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 Pro - Coding Theme