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.

  • bookmarks.lineBackground#ff0000ad
  • debugToolBar.background#01393a
  • dropdown.background#364f50
  • editor.background#012434
  • editor.findMatchHighlightBackground#ffffff00
  • editor.findMatchHighlightBorder#fff200
  • editor.foreground#eeffff
  • editor.hoverHighlightBackground#ffffff3f
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#ffffff28
  • editor.stackFrameHighlightBackground#ff000000
  • editor.wordHighlightTextBackground#00000000
  • editor.wordHighlightTextBorder#ffffff6b
  • editorBracketHighlight.foreground1#44bdff
  • editorBracketHighlight.foreground2#79fff4
  • editorBracketHighlight.foreground3#59d68d
  • editorBracketHighlight.foreground4#a3ff58
  • editorBracketHighlight.foreground5#e2f062
  • editorBracketHighlight.foreground6#ffcd43
  • editorBracketHighlight.unexpectedBracket.foreground#e04147
  • editorGroup.border#6d6d6d
  • editorGroupHeader.tabsBackground#01131c
  • editorHoverWidget.background#01393ae0
  • editorHoverWidget.border#00ffea
  • editorIndentGuide.activeBackground1#ffffff
  • editorIndentGuide.background1#8a8a8a
  • editorWidget.background#01393a
  • editorWidget.border#00ffea
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#007b71
  • input.background#364f50
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#015269
  • list.hoverBackground#023f5b
  • list.inactiveSelectionBackground#015269
  • minimap.background#18232800
  • minimap.findMatchHighlight#d9ff00f5
  • minimap.selectionOccurrenceHighlight#ffffff00
  • minimapSlider.activeBackground#ffffff72
  • minimapSlider.background#ffffff49
  • minimapSlider.hoverBackground#ffffff72
  • panel.border#6d6d6d
  • scrollbarSlider.activeBackground#00000000
  • scrollbarSlider.background#ff000000
  • scrollbarSlider.hoverBackground#ff000000
  • sideBar.background#012434
  • sideBar.border#6d6d6d
  • sideBarTitle.foreground#0091ff
  • tab.activeBackground#012434
  • tab.border#6d6d6d
  • tab.hoverBackground#012434
  • tab.inactiveBackground#011823
  • tab.unfocusedHoverBackground#012434
  • tree.indentGuidesStroke#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#09ff00italic
invalid, invalid.illegal#FF5370
entity.name.function.preprocessor#e600ff
keyword.control.directive.pragma, entity.other.attribute-name.pragma.preprocessor#bac891
keyword.control.directive.include#99cca2
punctuation.definition.string, string.quoted.double#99ccc9
keyword.operator.ternary, keyword.operator.decrement, keyword.operator.increment, keyword.operator.assignment, keyword.operator.comparison, constant.numeric.decimal, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.bitwise, storage.modifier.reference#cee0ef
storage.modifier.specifier.functional.pre-parameters.constexpr#d81ced
punctuation.separator.namespace.access, punctuation.separator.dot-access, punctuation.separator.colon.range-based#d996ec
storage.type.modifier.access.control.public#65ceeb
storage.type.modifier.access.control.protected#e3dfd8
storage.type.modifier.access.control.private#EDCBBD
storage.type, storage.modifier.specifier.const#2eabff
keyword.control.return#da4141
storage.type.template, punctuation.section.angle-brackets.begin.template.definition, punctuation.section.angle-brackets.end.template.definition#cecece
storage.type.template.argument.typename#a5d11f
keyword.control.if, keyword.control.else#ecc423
constant.language.true#2be916
constant.language.false#ff0000
entity.name.scope-resolution, entity.name.namespace#e3e47e
punctuation.terminator.statement, punctuation.separator.delimiter.comma#ffffff
keyword.operator.sizeof#b587ff
storage.type.class, entity.name.type#31b699
entity.name.function.member#89d560
meta.body.class, meta.body.struct, meta.body.switch, meta.body.function.definition#a2dc82
variable.other.object.access#71eff1
variable.other.object.property#d4c145
variable.parameter#8fa86e
entity.name.function.call#a781ff
storage.type.enum#d287e2
variable.other.enummember#8fa86e
storage.type.struct#d1d352
entity.name.function.definition#d6cf02
keyword.control.switch#00c8ff
keyword.control.case#60c251
keyword.control.default#949494
storage.modifier.static, storage.modifier.specifier.static#b0b0b0
storage.modifier.inline, storage.modifier.specifier.functional.pre-parameters.inline#cb703a
meta.body.function.definition.special.operator-overload, meta.head.function.definition.special.operator-overload, keyword.other.operator.overload#9bcbe2
keyword.control.for#00d3c5
storage.type.built-in.primitive#007efd
punctuation.separator.pointer-access#a23fff
keyword.control.break#fa9537
keyword.control.directive.conditional.if, keyword.control.directive.conditional.defined#41e4c9
keyword.operator.new#4bd31d
keyword.operator.delete#d40000
constant.language.nullptr#59838c
keyword.control.while#88e58d
entity.name.function.definition.special.constructor#dcd92c
keyword.control.catch#b97a0c
storage.modifier.friend#8a63ff
keyword.control.catch, keyword.control.throw#b97a0c
storage.type.decltype#0e5ad4
keyword.other.using.directive#4ccee2
storage.type.namespace.directive#c567ff
meta.declaration.type.alias#85de25
keyword.control.throw#c86400
keyword.other.typedef#dde771
keyword.operator.typeid#71bce7
storage.modifier.specifier.functional.pre-parameters.mutable#00d003
storage.type.union#ff2929
storage.modifier.virtual#b7ffef
storage.modifier.specifier.volatile#ff0000
#2aa747
SirriS's Submarine by Donald Harrington - VS Code Theme