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.activeBorder#ffb833
  • activityBar.background#050505
  • activityBar.foreground#ffffff
  • badge.background#ffb833
  • badge.foreground#050505
  • button.background#ffb833
  • button.border#daa520
  • button.foreground#1a1a1a
  • button.hoverBackground#ffda44
  • dropdown.background#050505
  • dropdown.foreground#f5f5dc
  • editor.background#050505
  • editor.foreground#f5f5dc
  • editor.lineHighlightBackground#222222
  • editor.selectionBackground#444444cc
  • editorCursor.foreground#FF9500
  • editorGroupHeader.tabsBackground#050505
  • editorWhitespace.foreground#3c3c3c
  • scrollbarSlider.background#3c3c3c
  • sideBar.background#050505
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#050505
  • sideBarSectionHeader.foreground#6b6b6b
  • statusBar.background#050505
  • statusBar.debuggingBackground#803030
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#050505
  • statusBarItem.remoteBackground#1b1613
  • statusBarItem.remoteForeground#e0b000
  • statusBarItem.remoteHoverBackground#ffcc00
  • statusBarItem.remoteHoverForeground#792447
  • tab.activeBackground#050505
  • tab.activeBorder#ffb833
  • tab.activeForeground#ffffff
  • tab.border#050505
  • tab.hoverBackground#111111
  • tab.inactiveBackground#050505
  • tab.inactiveForeground#6b6b6b
  • titleBar.activeBackground#050505
  • titleBar.activeForeground#ffffff
  • titleBar.inactiveBackground#121212
  • titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, keyword.control, keyword.operator, keyword.other#FFB833bold
storage.type, storage.type.primitive, support.type, entity.name.type, support.class, meta.type.cast.expr, meta.return-type#f53747bold
entity.name.function, support.function, meta.function-call, variable.function, meta.function-call.python, support.function.builtin, support.function.builtin.python, entity.name.function.constructor#7FB4F0bold
variable, variable.parameter, meta.definition.variable.name, support.variable, meta.object-literal.key#f5f5dc
string, string.quoted, string.quoted.double, string.quoted.single, string.template#9BC27Ditalic
constant.numeric, constant.language.boolean, constant.language.null#c85e60
comment, comment.line, comment.block, punctuation.definition.comment#8a8a8aitalic
keyword.operator, punctuation, punctuation.separator, punctuation.terminator, punctuation.definition, punctuation.definition.string, punctuation.section#FFB833
entity.name.tag, meta.tag, meta.tag.sgml, entity.other.attribute-name, string.quoted.double.html#E8A87Cbold
entity.name.type.class, entity.name.type.struct, meta.class, meta.struct#c678ddbold
constant, constant.language, constant.other, variable.other.constant, entity.name.constant, entity.name.enum#d19a66
markup.heading, markup.bold, markup.italic, markup.inline.raw, markup.quote, markup.list#ffcc00
keyword.mnemonic, meta.instruction, support.constant.register, constant.numeric.hex, variable.other.readwrite.ruby, constant.language.ruby, entity.name.function.ruby, support.function.kernel, meta.class.ruby, punctuation.definition.block.ruby, variable.other.perl, support.function.perl, constant.language.perl, punctuation.definition.variable.perl, entity.name.function.zig, storage.type.zig, keyword.zig, variable.zig, keyword.control.cs, entity.name.type.class.cs, variable.other.cs, support.class.system, entity.name.namespace.cs, storage.type.cs, keyword.control.asp, variable.language.asp, support.function.asp, meta.function-call.asp, source.shell, variable.language.shell, string.interpolated.shell, support.function.builtin.shell, keyword.control.makefile, entity.name.function.makefile, variable.other.makefile, variable.parameter.r, support.function.r, entity.name.function.r, constant.language.r, entity.name.function.dart, support.class.dart, storage.type.dart, variable.other.dart, keyword.control.kotlin, variable.parameter.kotlin, entity.name.class.kotlin, meta.function.kotlin#f0a0ffbold
keyword.control.powershell, keyword.operator.powershell, keyword.other.powershell, variable.language.powershell, variable.other.readwrite.powershell, support.function.powershell, support.constant.powershell, constant.numeric.powershell, string.quoted.single.powershell, string.quoted.double.powershell, comment.line.number-sign.powershell, entity.name.function.powershell, storage.type.powershell#569CD6bold