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
cybercore theme & utilities by krn intelligence - VS Code Theme