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#605850
  • activityBar.foreground#B0A8A0
  • activityBarBadge.background#5A534A
  • activityBarBadge.foreground#B0A8A0
  • button.background#B0A8A0
  • button.foreground#534C43
  • debugToolBar.background#534C43
  • dropdown.background#534C43
  • dropdown.foreground#B0A8A0
  • editor.background#4E473E
  • editor.findMatchBackground#b69d80
  • editor.findMatchHighlightBackground#b69d8060
  • editor.findMatchHighlightForeground#534C43F0
  • editor.foreground#766E65
  • editor.lineHighlightBorder#E9E2D91a
  • editor.rangeHighlightBackground#8A827A1a
  • editor.selectionBackground#b69d8060
  • editorError.foreground#a37676
  • editorGroup.dropBackground#B0A8A080
  • editorGroup.focusedEmptyBorder#827A71
  • editorGroupHeader.tabsBackground#5A534A
  • editorGutter.addedBackground#ac8e62
  • editorGutter.deletedBackground#ac8e62
  • editorGutter.modifiedBackground#ac8e62
  • editorHoverWidget.background#534C43
  • editorLineNumber.activeForeground#847C73
  • editorLineNumber.foreground#B0A8A04d
  • editorMarkerNavigation.background#534C43
  • editorWarning.foreground#a39f76
  • editorWidget.background#534C43
  • focusBorder#928B82
  • foreground#B0A8A0
  • gitDecoration.addedResourceForeground#ac8e62
  • gitDecoration.conflictingResourceForeground#7e7f91
  • gitDecoration.deletedResourceForeground#a37676
  • gitDecoration.ignoredResourceForeground#665F56
  • gitDecoration.modifiedResourceForeground#b69d80
  • gitDecoration.stageDeletedResourceForeground#a78888
  • gitDecoration.stageModifiedResourceForeground#9e9683
  • gitDecoration.untrackedResourceForeground#ac8e62
  • input.background#534C43
  • input.foreground#B0A8A0
  • inputOption.activeBorder#534C43
  • list.activeSelectionBackground#372F2633
  • list.activeSelectionForeground#ACA49B
  • list.dropBackground#534C43
  • list.focusBackground#534C4380
  • list.focusOutline#E9E2D91a
  • list.hoverBackground#372F261a
  • list.inactiveSelectionBackground#372F2633
  • menu.selectionForeground#B0A8A0
  • notificationsErrorIcon.foreground#b69d80
  • notificationsInfoIcon.foreground#b69d80
  • notificationsWarningIcon.foreground#b69d80
  • panel.background#534C43
  • panel.border#827A71
  • panelTitle.activeBorder#827A71
  • panelTitle.activeForeground#827A71
  • panelTitle.inactiveForeground#B0A8A070
  • peekView.border#827A71
  • peekViewEditor.background#534C43
  • peekViewEditor.matchHighlightBackground#ac8e62
  • peekViewResult.background#534C43
  • peekViewResult.matchHighlightBackground#ac8e62
  • peekViewResult.selectionBackground#ac8e62
  • peekViewTitle.background#534C43
  • pickerGroup.border#E9E2D91a
  • progressBar.background#b69d80
  • selection.background#b69d8060
  • sideBar.background#534C43
  • sideBar.foreground#898178
  • sideBarSectionHeader.background#605850
  • statusBar.background#534C43
  • statusBar.debuggingBackground#534C43
  • statusBar.foreground#B0A8A0
  • statusBar.noFolderBackground#534C43
  • statusBarItem.activeBackground#B0A8A080
  • statusBarItem.hoverBackground#B0A8A01a
  • tab.activeBackground#4E473E
  • tab.activeBorder#b69d80
  • tab.activeForeground#B0A8A0
  • tab.border#372F2633
  • tab.inactiveBackground#534C43A0
  • tab.inactiveForeground#B0A8A0
  • terminal.border#b69d80
  • terminal.selectionBackground#b69d8060
  • textLink.foreground#b69d80
  • titleBar.activeBackground#534C43
  • titleBar.activeForeground#B0A8A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Global settings#6F675E—
string#b69d80—
constant.language.false, constant.language.true#645D54—
constant.numeric#A7A097—
variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function#7F786F—
variable.parameter#6D665D—
keyword, modifier, variable.language.this, support.type.object, constant.language#777067—
entity.name.function, support.function#968E86—
storage.type, storage.modifier#6C645C—
support.module, support.node#675F57italic
support.type#928B82—
entity.name.type, entity.other.inherited-class, storage.type.java, entity.name.type.class.java, support.type.primitive#b69d80—
comment#6B645B—
entity.name.type.class#968E86—
variable.object.property, meta.field.declaration entity.name.function#928B82—
meta.definition.method entity.name.function#A7A097—
meta.function entity.name.function#A7A097—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#7F786F—
entity.name.scope-resolution, entity.name.namespace#888078—
meta.embedded, source.groovy.embedded, meta.template.expression#665E55—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json#928B82—
constant.language.json#857E75—
entity.other.attribute-name.class#968E86—
entity.other.attribute-name.id#968E86—
source.css entity.name.tag#968E86—
meta.tag, punctuation.definition.tag#928B82—
entity.name.tag#675F57—
entity.other.attribute-name#B0A8A0—
markup.heading#8F877F—
text.html.markdown meta.link.inline, meta.link.reference#8F877F—
text.html.markdown beginning.punctuation.definition.list#8F877F—
markup.italic#675F57italic
markup.bold#675F57bold
markup.bold markup.italic, markup.italic markup.bold#675F57italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown#8F877F—
markup.inline.raw.string.markdown#8F877F—
keyword.other.definition.ini#8F877F—
entity.name.section.group-title.ini#8F877F—
source.cpp meta.preprocessor, keyword.control.directive#928B82—
source.cpp meta.preprocessor.pragma.cpp#B0A8A0—
keyword.other.unit.user-defined.cpp#928B82—
source.cpp meta.preprocessor, entity.name.function.preprocessor.cpp#be9a95—
variable.other.property, variable.other.enummember#726B62—
storage.modifier.import.java#b69d80—
support.type.property-name.toml#B0A8A0—
support.type.property-name.table.toml#706960—
variable.source.cmake#8C857C—
, storage.source.cmake#8C857C—
Global settings#665E55—