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#2E2E2E
  • editor.foreground#d6d6d6
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#5A647E
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#7587A6
entity.other.attribute-name#cc7832
comment#797979
keyword, storage#CDA869
storage#F9EE86
entity.name.function, keyword.other.name-of-parameter.objc#9B703F
entity.name#9B703F
constant.numeric#CF6A42
variable.language, variable.other#D0D0FF
constant#6D9CBE
variable.other.constant#DAD085
constant.language#6c99bb
string#b4c973
support.function#DAD085
support.type#6c99bb
support.constant#b4c973
meta.tag, declaration.tag, entity.name.tag#E8BF6A
invalid#FFFFFF
constant.character.escaped, constant.character.escape, string source, string source.ruby#F9EE98
markup.inserted#E6E1DC
markup.deleted#E6E1DC
meta.diff.header, meta.separator.diff, meta.diff.index, meta.diff.range
keyword.other.unit#b4c973
entity.other.attribute-name.id.css#cc7732
entity.other.attribute-name.class#cc7732
entity.other.less.mixin#a1617a
variable.declaration.less#cc7732
keyword.control.html.elements#e5b567
meta.attribute-selector.css#cc7732
keyword.control.at-rule.css.sass#a1617a
markup.deleted.git_gutter#90516b
markup.inserted.git_gutter#b4c973
markup.changed.git_gutter#cc7732
markup.ignored.git_gutter#999999
markup.untracked.git_gutter#cccccc
sublimelinter.mark.warning#e5b567
sublimelinter.mark.error#c45330
sublimelinter.gutter-mark#FFFFFF

Shiki preview

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

Loading...

Afterglow-reInacted by doodu - VS Code Theme