Skip to main content
Coding Theme

Color themes

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#007acc
  • editor.background#ffffff
  • editor.foreground#333333
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.selectionHighlightBackground#add6ff80
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • input.placeholderForeground#767676
  • list.dropBackground#d6ebff
  • menu.background#f3f3f3
  • menu.foreground#333333
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarTitle.foreground#444444
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.lastPinnedBorder#61616130

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#333333
emphasisitalic
strongbold
header#000080
comment#6a9955
constant.language#0000ff
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#098658
constant.regexp#811f3f
entity.name.tag#800000
entity.other.attribute-name#e50000
invalid#cd3131
markup.underlineunderline
markup.bold#0000ffbold
markup.heading#800000bold
markup.italicitalic
markup.inserted#098658
markup.deleted#a31515
markup.changed#0451a5
markup.inline.raw#a31515
punctuation.definition.tag#800000
meta.preprocessor, entity.name.function.preprocessor#0000ff
meta.structure.dictionary.key.python#0451a5
storage#0000ff
storage.type#0000ff
string, meta.embedded.assembly#a31515
string.regexp#811f3f
keyword#0000ff
keyword.control#af00db
keyword.operator#333333
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#0000ff
keyword.other.unit#098658
variable.language#0000ff
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#795e26
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.cs, storage.type.java, storage.type.generic.java#267f99
variable, meta.definition.variable.name, support.variable, entity.name.variable#001080
variable.other.constant, variable.other.enummember#0070c1
constant.character.escape#ee0000
keyword.other.species.tag.bngl#a31515
keyword.control.species.compartment.bngl#4b348a
constant.numeric.species.mod.bngl#7b7d20
variable.parameter.state.name.bngl#7b7d20
meta.molecule.name.bngl#222222
meta.component.name.bngl#1e7a35
variable.parameter.tag.name.bngl#b33030
variable.parameter.compartment.name.bngl#b33030
constant.language.compartment.symbol.bngl#267f6e
constant.language.tag.symbol.bngl#267f6e
variable.parameter.bond.name.bngl#3a7830
entity.name.section#8b6c42
meta.block_tag.name.bngl#a02020
meta.block_tag.mod.bngl#5a4ea0
variable.parameter.action_argument.argument_value#6b7d1a
meta.species.null_pat#a02020
variable.language.function.argument.bngl#008833
punctuation.separator.continuation.line.bngl#cc0000
punctuation.line.continue.bngl#1e7a35
punctuation.action.arguments.begin_brace.bngl#4a6030
punctuation.action.arguments.end_brace.bngl#4a6030
punctuation.action.arguments.begin_paran.bngl#8b6c42
punctuation.action.arguments.end_paran.bngl#8b6c42
meta.moleculetype.name.bngl#222222
meta.action.name.bngl#222222
variable.parameter.reaction.reactants.bngl#1e7a35bold
variable.parameter.reaction.products.bngl#6b7d1abold