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