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.

  • activityBarBadge.background#6699CC
  • editor.background#2D2D2D
  • editor.foreground#CCCCCC
  • editor.lineHighlightBackground#393939
  • editor.selectionBackground#515151
  • editorBracketHighlight.foreground1#ed90a4
  • editorBracketHighlight.foreground2#d3a263
  • editorBracketHighlight.foreground3#99b657
  • editorBracketHighlight.foreground4#33c192
  • editorBracketHighlight.foreground5#00bdce
  • editorBracketHighlight.foreground6#94a9ec
  • editorBracketHighlight.foreground7#dc91db
  • editorCursor.foreground#CCCCCC
  • editorWhitespace.foreground#6A6A6A
  • statusBar.background#3C3C3C
  • statusBar.debuggingBackground#da3633
  • statusBar.debuggingForeground#ffffff
  • statusBar.noFolderBackground#3C3C3C
  • statusBarItem.activeBackground#e6edf31f
  • statusBarItem.hoverBackground#e6edf314
  • statusBarItem.prominentBackground#6e768166

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#CCCCCC
comment#999999
keyword.operator.class, constant.other, source.php.embedded.line, string.unquoted.plain.out.yaml, variable.object, variable.parameter#CCCCCC
variable, support.other.variable, string.other.link, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag, markup.deleted.git_gutter#F2777A
constant.numeric, constant.language, support.constant, constant.character, punctuation.section.embedded, keyword.other.unit#F99157
entity.name.class, entity.name.type.class, support.type, support.class#FFCC66
string, constant.other.symbol, entity.other.inherited-class, entity.name.filename, markup.heading, markup.inserted.git_gutter#99CC99
keyword.operator, constant.other.color, punctuation.separator.map.value.yaml#66CCCC
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level, markup.changed.git_gutter#6699CC
punctuation.definition.begin.frontmatter, punctuation.definition.end.frontmatter, punctuation.definition.markdown, markup.fenced_code.block.markdown, fenced_code.block.language.markdown, fenced_code.block.language.attributes.markdown#6699CC
keyword, storage, storage.type, entity.name.tag.css, string.other.link.title.quarto#CC99CC
invalid#CDCDCD
meta.separator#CDCDCD
invalid.deprecated#CDCDCD
markup.inserted.diff, markup.deleted.diff, meta.diff.header.to-file, meta.diff.header.from-file#FFFFFF
markup.inserted.diff, meta.diff.header.to-file#718c00
markup.deleted.diff, meta.diff.header.from-file#c82829
meta.diff.header.from-file, meta.diff.header.to-file#FFFFFF
meta.diff.range#3e999fitalic
Tomorrow Night Eighties (R Classic) by Shelby Level - VS Code Theme