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.

  • activityBar.background#0f130f
  • editor.background#121612
  • editor.foreground#dcdcdc
  • editor.selectionBackground#3E573E80
  • editorCursor.foreground#D4AF37
  • editorLineNumber.activeForeground#D4AF37
  • editorLineNumber.foreground#425e42
  • sideBar.background#1b261b
  • sideBar.foreground#a8c0a8
  • statusBar.background#2C4B42
  • statusBar.foreground#ffffff
  • statusBarItem.remoteBackground#D4AF37
  • tab.activeBorder#D4AF37
  • titleBar.activeBackground#1b261b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#627252italic
keyword, storage.type, storage.modifier, variable.language.self, variable.language.this, keyword.operator.new, variable.language.super#D4AF37bold
string, punctuation.definition.string, markup.inline.raw#87b358italic
entity.name.type, entity.name.class, support.class, entity.other.inherited-class, meta.class, support.type.primitive, storage.type.built-in, entity.name.struct, storage.type.struct, entity.name.type.typedef, storage.type.typedef, support.type, entity.name.type.alias, entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, support.type.property-name, entity.name.tag.yaml, support.type.json.property-name#ec1b31bold
meta.jsx.children, meta.jsx.children.tsx#dcdcdc
entity.name.function, meta.function-call, support.function#E0C97E
variable, variable.parameter, variable.other.readwrite, meta.definition.variable, variable.other.local, variable.other, entity.name.variable.parameter#a8c0a8
constant.numeric, constant.language, support.constant, constant.character, constant.escape#ff8c42
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator entity.name.function, entity.name.annotation, meta.annotation, punctuation.definition.annotation, storage.type.annotation, storage.modifier.annotation, support.type.attribute#5F8E80
entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#ff8c42
markup.heading, punctuation.definition.heading#D4AF37bold
keyword.operator, punctuation.separator, punctuation.accessor, punctuation.terminator, punctuation.definition.variable#a8c0a8
Jurassic Park Theme by Andrea Ragalzi - VS Code Theme