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#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
ThemeDatabase All Themes by enes ozturk - VS Code Theme