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#F8F8F8
  • activityBar.border#00000018
  • activityBar.foreground#0F0C0D
  • activityBarBadge.background#BD1B0F
  • dropdown.background#F8F8F8
  • dropdown.border#00000018
  • editor.background#FFFFFF
  • editor.findMatchBackground#309C5AB9
  • editor.findMatchHighlightBackground#EA5C0055
  • editor.foreground#0F0C0D
  • editor.wordHighlightBackground#3A4D8340
  • editor.wordHighlightStrongBackground#08268840
  • editorBracketMatch.background#0064001A
  • editorBracketMatch.border#9fA3A0
  • editorGroupHeader.tabsBackground#F0F0F0
  • editorGroupHeader.tabsBorder#00000018
  • editorHint.foreground#5E5959
  • editorIndentGuide.activeBackground#00000018
  • editorIndentGuide.background#00000010
  • editorLightBulb.foreground#DD76007A
  • editorLightBulbAutoFix.foreground#1B40B9B7
  • editorLineNumber.activeForeground#0F0C0D
  • editorLineNumber.foreground#999999
  • editorUnnecessaryCode.opacity#00000080
  • editorWarning.foreground#E9C60091
  • errorForeground#A10D19C5
  • extensionBadge.remoteBackground#BD1B0F
  • extensionBadge.remoteForeground#FEFEFE
  • extensionButton.prominentBackground#079b45
  • extensionButton.prominentForeground#FEFEFE
  • extensionButton.prominentHoverBackground#067a36
  • focusBorder#079B45CA
  • gitDecoration.addedResourceForeground#079b45
  • gitDecoration.conflictingResourceForeground#8B6CC4
  • gitDecoration.deletedResourceForeground#a82037ef
  • gitDecoration.ignoredResourceForeground#8f8f91fa
  • gitDecoration.modifiedResourceForeground#4a2adb
  • gitDecoration.submoduleResourceForeground#d64e2c
  • gitDecoration.untrackedResourceForeground#a3638d
  • icon.foreground#474646
  • input.background#F8F8F8
  • input.border#00000020
  • list.activeSelectionBackground#00000020
  • list.activeSelectionForeground#0E0A0C
  • list.hoverBackground#00000010
  • list.inactiveSelectionBackground#00000012
  • notificationLink.foreground#e63904
  • panel.border#00000018
  • sideBar.background#F8F8F8
  • sideBar.border#00000018
  • sideBar.dropBackground#0000001a
  • sideBarSectionHeader.background#00000010
  • statusBar.background#F8F8F8
  • statusBar.border#00000018
  • statusBar.debuggingBackground#D11D0D
  • statusBar.debuggingBorder#00000018
  • statusBar.debuggingForeground#FEFEFE
  • statusBar.foreground#0F0C0D
  • statusBar.noFolderBackground#616061
  • statusBar.noFolderBorder#00000018
  • statusBar.noFolderForeground#FEFEFE
  • statusBarItem.activeBackground#ffffff2e
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.prominentBackground#00000080
  • statusBarItem.prominentForeground#0F0C0D
  • statusBarItem.prominentHoverBackground#0000004D
  • statusBarItem.remoteBackground#D11D0D
  • statusBarItem.remoteForeground#FEFEFE
  • tab.activeBackground#F8F8F8
  • tab.activeBorder#BD1B0F
  • tab.activeForeground#333333
  • tab.activeModifiedBorder#5c26dafa
  • tab.border#00000018
  • tab.inactiveBackground#E0E0E0
  • tab.inactiveForeground#333333B3
  • tab.inactiveModifiedBorder#5c26dab0
  • tab.unfocusedActiveBackground#F8F8F8
  • tab.unfocusedActiveBorder#EE00009C
  • tab.unfocusedActiveForeground#333333B3
  • tab.unfocusedActiveModifiedBorder#5c26dac0
  • tab.unfocusedInactiveForeground#33333359
  • tab.unfocusedInactiveModifiedBorder#5c26da80
  • terminal.border#808080b9
  • terminal.selectionBackground#00000060
  • textBlockQuote.background#7F7F7F1A
  • textBlockQuote.border#0300cc80
  • textCodeBlock.background#DCDCDC66
  • textLink.activeForeground#e63904
  • textLink.foreground#BD1B0F
  • textPreformat.foreground#BD3118EF
  • textSeparator.foreground#0000002E
  • titleBar.activeBackground#DDDDDD
  • titleBar.activeForeground#242424
  • titleBar.inactiveBackground#DDDDDD99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#9E9D9D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#0F0C0D
emphasisitalic
strongbold
header#000080
comment#a09e9e
constant.language#BD1B0F
constant.numeric#055ed3
constant.regexp#055ed3
entity.name.tag.css#055ed3bold
entity.name.tag.html#BD1B0Fbold
entity.other.attribute-name#E64D1F
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, entity.other.attribute-name#055ed3bold
invalid#e42646
markup.underlineunderline
markup.bold#BD1B0Fbold
markup.heading#BD1B0Fbold
markup.italicitalic
markup.inserted#055ed3
markup.deleted#055ed3
markup.changed#e63904
beginning.punctuation.definition.quote.markdown#999999
beginning.punctuation.definition.list.markdown#009059
markup.inline.raw#4b12b6
meta.selector#666666
punctuation.definition.tag#302e2d
meta.preprocessor#e63904
meta.preprocessor.string#169848
meta.preprocessor.numeric#055ed3
meta.structure.dictionary.key.python#e63904
meta.diff.header#070761f5
storage#4392ecbold
storage.type#4e3ba1bold
storage.type.class.python#f04c1abold
storage.type.function.python#BD1B0Fbold
storage.modifier#BD1B0FE8
string#169848
string.tag#055ed3
string.value#055ed3
string.regexp#169848
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#BD1B0F
meta.template.expression#0F0C0D
variable.css, variable.scss, variable.other.less, source.coffee.embedded, support.type.property-name.css#f03310f0bold
support.type.vendored.property-name, support.type.property-name#f03310
keyword#0582a8bold
keyword.control#e63904bold
keyword.operator#242225
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#d42987bold
keyword.other.unit#07aa59
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#BD1B0F
support.function.git-rebase#e63904
constant.sha.git-rebase#a3398c
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#242225
variable.language#BD1B0Fbold
entity.name.function, support.function, support.constant.handlebars#8123b8bold
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#2862ddbold
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#e46002
keyword.control#BD1B0F
variable, meta.definition.variable.name, support.variable, entity.name.variable#d4350d
meta.object-literal.key#d4350d
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#055ed3
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#055ed3
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#0582a8
keyword.operator.or.regexp, keyword.control.anchor.regexp#f03310f0
keyword.operator.quantifier.regexp#0582a8
constant.character#BD1B0F
constant.character.escape#0582a8
token.info-token#009059
token.warn-token#BD1B0F
token.error-token#f03310f0
token.debug-token#8827c0
variable#1b1a44
entity.name.variable#1b1a44
ThemeDatabase All Themes by enes ozturk - VS Code Theme