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.

  • activityBar.background#2b2d30
  • activityBar.border#1e1f22
  • activityBar.foreground#cacbd1
  • breadcrumb.background#282828
  • editor.background#1e1f22
  • editor.findMatchBackground#ffffff00
  • editor.findMatchHighlightBackground#373b39b6
  • editor.foreground#bcbec4
  • editor.lineHighlightBorder#2e2e2e
  • editorLineNumber.foreground#4b5059
  • editorSuggestWidget.background#2b2d30
  • editorSuggestWidget.highlightForeground#548af7
  • editorSuggestWidget.selectedBackground#43454a
  • focusBorder#00000000
  • gitDecoration.ignoredResourceForeground#7c7c7c
  • gitDecoration.modifiedResourceForeground#e7b993
  • list.hoverBackground#2d2d2d65
  • selection.background#2e436e
  • sideBar.background#2b2d30
  • sideBar.foreground#bcbec4
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#2b2d30
  • statusBar.foreground#a8abb0
  • tab.activeBackground#353535
  • tab.activeForeground#ffffff
  • tab.border#313131
  • tab.inactiveBackground#1b1c1e
  • tab.lastPinnedBorder#5d5d5d
  • terminal.background#191919
  • titleBar.activeBackground#2b2d30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, support.type, variable.other.php, variable.other.property.go, storage.type.function.arrow, meta.template.expression, storage.modifier.import.java, variable.parameter, variable.language.this.php, variable.language.this.java, variable.language.this.js, variable.language.this.ts#BCBEC4—
comment#7A7E85—
string.quoted.docstring, comment.block.documentation.phpdoc.php, comment.block.javadoc.java, comment.block.documentation.js, support.variable.definitions.source.wsd, meta.comment.message.link.source.wsd, meta.comment.noteof.source.wsd, meta.comment.header_legend_footer.source.wsd, entity.name.function.title.source.wsd#67956f—
string.quoted.rune.go#ea7f04—
keyword.control, keyword.other, keyword.operator.logical, keyword.operator.logical.php, keyword.operator.new, keyword, entity.name.tag.yaml, entity.name.tag.toml, punctuation.definition.tag, entity.name.section.markdown, punctuation.definition.heading, meta.separator, punctuation.definition.list.begin.markdown, constant.language, constant.character.format.placeholder, storage.type, storage.modifier, storage.type.function, storage.type.class.php, storage.type.interface.php, storage.type.class.python, constant.language.color.rgb-value.css.sass, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.less, storage.type.interface.ts, storage.type.class.ts, storage.type.class.cpp, storage.type.enum.cpp, storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.protected.cpp, storage.type.modifier.access.control.private.cpp, storage.type.enum.php, punctuation.definition.variable, variable.parameter.function.language.special.self.python#ebab7e—
keyword.operator.address.go, storage.type.error.go, keyword.control.exception.php, storage.modifier.reference.php, keyword.control.exception.catch.php, keyword.control.throw.java, keyword.control.try.java, variable.language.wildcard.java, keyword.control.trycatch.ts, keyword.control.trycatch.js, keyword.control.catch.java, keyword.control.try.cpp, keyword.control.catch.cpp, keyword.control.try.cs, keyword.control.try.catch.cs#f37272—
string.quoted.double, string.quoted.single, string.unquoted.less, markup.inline.raw.string, string.template#d4c578—
storage.type.annotation.java, meta.attribute.php#EBD77C—
string.quoted.raw, string.template, constant.other.placeholder, string.quoted.double.html, string.quoted.double.sequence.divider.source.wsd#b2ea8f—
entity.name.tag, punctuation.definition.tag#D5B778—
entity.name.function.decorator#B3AE60—
constant.numeric, constant.character.escape, string.quoted.double.skinparam.value.source.wsd#2ab1b8—
storage.type.string, storage.type, entity.name.type, keyword.other.type, entity.name.type.class, support.class, support.class.exception, support.class.builtin, entity.other.inherited-class.java, support.constant.property-value.css.sass, support.constant.property-value.css, support.constant.font-name.css, support.constant.property-value.less, support.constant.font-name.less, support.constant.color.w3c-standard-color-name.less, support.constant.color.w3c-standard-color-name.css, entity.other.attribute-name.class.less, support.type.primitive.ts, entity.other.inherited-class.php#6fc0e6italic
support.type.property-name.json, entity.other.attribute-name#6eb1d0—
variable.other.import.go, meta.function.parameter.typehinted.php, meta.function.parameters.php—italic
source.sql text.variable—bold
punctuation.definition.link, string.other.link, markup.underline.link, meta.link, variable.other.readwrite.alias, entity.name.function, entity.name.function.call, support.function.color-operation.less, meta.function-call.cs#56A8F5—
support.function.builtin, entity.name.function.support.builtin, support.function.constructor.php, meta.function-call.php, support.function.construct.output.php, support.function.magic.php, keyword.control.except.python, entity.other.inherited-class.placeholder-selector.css.sass, entity.name.function.definition.special.constructor.cpp, entity.name.function.definition.special.member.destructor.cpp, meta.function-call.generic.python, entity.name.function.support.builtin, function.builtin, support.function.magic.python, constant.other.database-name.sql#8cbf7d—
variable.other.global.safer.php, meta.function-call.ts#9fcefb—
meta.object-literal.key, variable.other.object.property, variable.other.property, variable.object.property, sass.script.maps, variable.other.root, variable.other.value, variable.scss, punctuation.definition.variable.less, support.other.variable.less, constant.other.php, constant.other.class.php, meta.attribute.python, constant.other.table-name.sql#d68cca—
constant.language#818bf5—
support.class.component#2FBAA3—
ref.matchtext#FFFFFF—
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—