Skip to main content
Coding Theme

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.activeBorder#d8d1cc
  • activityBar.background#12101cff
  • activityBar.foreground#d8d1cc
  • activityBarBadge.background#e8e200ff
  • activityBarBadge.foreground#000000ff
  • button.background#ea9300ff
  • button.foreground#000000ff
  • button.secondaryBackground#154bb2ff
  • button.secondaryForeground#ffffffff
  • dropdown.background#12101cff
  • editor.background#000000ff
  • editor.foreground#d8d1cc
  • editorGroup.emptyBackground#12101cff
  • editorGroupHeader.tabsBackground#12101cff
  • editorWidget.background#12101cff
  • focusBorder#154bb2ff
  • input.background#000000ff
  • input.border#222222ff
  • list.activeSelectionBackground#52d9ff33
  • list.hoverBackground#52d9ff33
  • list.inactiveSelectionBackground#52d9ff33
  • panel.border#222222ff
  • sash.hoverBorder#154bb2ff
  • sideBar.background#12101cff
  • sideBar.foreground#d8d1cc
  • sideBarSectionHeader.background#12101cff
  • sideBarSectionHeader.foreground#d8d1cc
  • sideBarTitle.foreground#d8d1cc
  • statusBar.background#154bb2ff
  • statusBar.debuggingBackground#e8e200ff
  • statusBar.debuggingForeground#000000ff
  • statusBar.noFolderBackground#12101cff
  • statusBarItem.errorBackground#ea3900ff
  • statusBarItem.remoteBackground#154bb2ff
  • statusBarItem.remoteForeground#ffffffff
  • statusBarItem.warningBackground#ea9300ff
  • statusBarItem.warningForeground#000000ff
  • tab.activeBackground#000000ff
  • tab.border#00000000
  • tab.inactiveBackground#12101cff
  • textLink.foreground#52d9ff
  • titleBar.activeBackground#12101cff
  • titleBar.inactiveBackground#12101cff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.quoted.docstring.multi.python#a59f99italic
keyword.other, keyword.control, keyword.operator.new#955cff
storage.modifier, storage.type#955cffitalic
keyword.operator#99938f
entity.name.function, meta.function-call.generic#52d9ff
entity.name.type#ea9300ff
variable.language, constant.other.caps#ea3900ff
punctuation.definition.decorator.python, entity.name.type.lifetime.rust, entity.name.type.numeric#e8e200ffitalic
constant.numeric, constant.language#ea9300ff
string#e8e200ff
entity.name.type.result.rust, entity.name.type.option.rust#ea3900ffitalic
markup.heading.setext, punctuation.definition.heading.markdown#955cff
punctuation.definition.table, punctuation.separator.table#ea9300ff
string.other.link.description, string.other.link.title#e8e200ff
markup.underline.link.markdown, markup.underline.link.image.markdown#52d9ffitalic
punctuation.definition.link, punctuation.definition.metadata#955cff
markup.raw.block.markdown, markup.inline.raw.string.markdown, fenced_code.block.language.markdown#52d9ff
punctuation.definition.list#52d9ff
punctuation.definition.raw, markup.fenced_code.block.markdown#ea9300ff
entity.name.tag#52d9ff
support.type.property-name#ea9300ff
entity.other.attribute-name#ea9300ff
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#955cff
support.type.property-name.css, entity.name.tag.reference.scss#d8d1cc
constant.other.color, support.constant.color#ea9300ff
support.function.misc.scss, keyword.control.at-rule.extend.scss, keyword.control.at-rule.import.scss, keyword.control.for.scss#52d9ff
support.constant.property-value.css#ea3900ff
keyword.other.unit.percentage.css, keyword.other.unit.pt.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.s.css#ea9300ff
Starbound by Andydevs - VS Code Theme