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#c4c4c4
  • activityBar.foreground#525252
  • activityBarBadge.background#cccccc
  • activityBarBadge.foreground#525252
  • button.background#525252
  • button.foreground#d6d6d6
  • debugToolBar.background#d6d6d6
  • dropdown.background#d6d6d6
  • dropdown.foreground#525252
  • editor.background#dddddd
  • editor.findMatchBackground#d6b997
  • editor.findMatchHighlightBackground#d6b99760
  • editor.findMatchHighlightForeground#d6d6d6F0
  • editor.foreground#A5A5A5
  • editor.lineHighlightBorder#0000001a
  • editor.rangeHighlightBackground#8888881a
  • editor.selectionBackground#d6b99760
  • editorError.foreground#c08b8b
  • editorGroup.dropBackground#52525280
  • editorGroup.focusedEmptyBorder#949494
  • editorGroupHeader.tabsBackground#cccccc
  • editorGutter.addedBackground#caa773
  • editorGutter.deletedBackground#caa773
  • editorGutter.modifiedBackground#caa773
  • editorHoverWidget.background#d6d6d6
  • editorLineNumber.activeForeground#919191
  • editorLineNumber.foreground#5252524d
  • editorMarkerNavigation.background#d6d6d6
  • editorWarning.foreground#c0bb8b
  • editorWidget.background#d6d6d6
  • focusBorder#7c7c7c
  • foreground#525252
  • gitDecoration.addedResourceForeground#caa773
  • gitDecoration.conflictingResourceForeground#9495aa
  • gitDecoration.deletedResourceForeground#c08b8b
  • gitDecoration.ignoredResourceForeground#bbbbbb
  • gitDecoration.modifiedResourceForeground#d6b997
  • gitDecoration.stageDeletedResourceForeground#c4a0a0
  • gitDecoration.stageModifiedResourceForeground#bab19a
  • gitDecoration.untrackedResourceForeground#caa773
  • input.background#d6d6d6
  • input.foreground#525252
  • inputOption.activeBorder#d6d6d6
  • list.activeSelectionBackground#FFFFFF33
  • list.activeSelectionForeground#585858
  • list.dropBackground#d6d6d6
  • list.focusBackground#d6d6d680
  • list.focusOutline#0000001a
  • list.hoverBackground#FFFFFF1a
  • list.inactiveSelectionBackground#FFFFFF33
  • menu.selectionForeground#525252
  • notificationsErrorIcon.foreground#d6b997
  • notificationsInfoIcon.foreground#d6b997
  • notificationsWarningIcon.foreground#d6b997
  • panel.background#d6d6d6
  • panel.border#949494
  • panelTitle.activeBorder#949494
  • panelTitle.activeForeground#949494
  • panelTitle.inactiveForeground#52525270
  • peekView.border#949494
  • peekViewEditor.background#d6d6d6
  • peekViewEditor.matchHighlightBackground#caa773
  • peekViewResult.background#d6d6d6
  • peekViewResult.matchHighlightBackground#caa773
  • peekViewResult.selectionBackground#caa773
  • peekViewTitle.background#d6d6d6
  • pickerGroup.border#0000001a
  • progressBar.background#d6b997
  • selection.background#d6b99760
  • sideBar.background#d6d6d6
  • sideBar.foreground#8a8a8a
  • sideBarSectionHeader.background#c4c4c4
  • statusBar.background#d6d6d6
  • statusBar.debuggingBackground#d6d6d6
  • statusBar.foreground#525252
  • statusBar.noFolderBackground#d6d6d6
  • statusBarItem.activeBackground#52525280
  • statusBarItem.hoverBackground#5252521a
  • tab.activeBackground#dddddd
  • tab.activeBorder#d6b997
  • tab.activeForeground#525252
  • tab.border#FFFFFF33
  • tab.inactiveBackground#d6d6d6A0
  • tab.inactiveForeground#525252
  • terminal.border#d6b997
  • terminal.selectionBackground#d6b99760
  • textLink.foreground#d6b997
  • titleBar.activeBackground#d6d6d6
  • titleBar.activeForeground#525252

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Global settings#afafaf—
string#d6b997—
constant.language.false, constant.language.true#bebebe—
constant.numeric#5E5E5E—
variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function#979797—
variable.parameter#B1B1B1—
keyword, modifier, variable.language.this, support.type.object, constant.language#a3a3a3—
entity.name.function, support.function#777777—
storage.type, storage.modifier#b3b3b3—
support.module, support.node#bababaitalic
support.type#7C7C7C—
entity.name.type, entity.other.inherited-class, storage.type.java, entity.name.type.class.java, support.type.primitive#d6b997—
comment#b4b4b4—
entity.name.type.class#777777—
variable.object.property, meta.field.declaration entity.name.function#7c7c7c—
meta.definition.method entity.name.function#5e5e5e—
meta.function entity.name.function#5e5e5e—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#979797—
entity.name.scope-resolution, entity.name.namespace#8b8b8b—
meta.embedded, source.groovy.embedded, meta.template.expression#bcbcbc—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json#7C7C7C—
constant.language.json#8f8f8f—
entity.other.attribute-name.class#777777—
entity.other.attribute-name.id#777777—
source.css entity.name.tag#777777—
meta.tag, punctuation.definition.tag#7c7c7c—
entity.name.tag#bababa—
entity.other.attribute-name#525252—
markup.heading#818181—
text.html.markdown meta.link.inline, meta.link.reference#818181—
text.html.markdown beginning.punctuation.definition.list#818181—
markup.italic#bababaitalic
markup.bold#babababold
markup.bold markup.italic, markup.italic markup.bold#bababaitalic bold
markup.fenced_code.block.markdown punctuation.definition.markdown#818181—
markup.inline.raw.string.markdown#818181—
keyword.other.definition.ini#818181—
entity.name.section.group-title.ini#818181—
source.cpp meta.preprocessor, keyword.control.directive#7C7C7C—
source.cpp meta.preprocessor.pragma.cpp#525252—
keyword.other.unit.user-defined.cpp#7C7C7C—
source.cpp meta.preprocessor, entity.name.function.preprocessor.cpp#dfb5af—
variable.other.property, variable.other.enummember#aaaaaa—
storage.modifier.import.java#d6b997—
support.type.property-name.toml#525252—
support.type.property-name.table.toml#adadad—
variable.source.cmake#858585—
, storage.source.cmake#858585—
Global settings#bcbcbc—