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#161111
  • activityBar.border#363330
  • activityBar.foreground#EBE9E8
  • activityBar.inactiveForeground#817D7A
  • badge.background#211b1b
  • badge.foreground#EBE9E8
  • button.background#e6b99d
  • button.foreground#0E0D0D
  • button.hoverBackground#d49771
  • charts.green#d49771
  • contrastBorder#363330
  • debugToolBar.background#161111
  • descriptionForeground#f9e1d4
  • diffEditor.insertedTextBackground#29975122
  • diffEditor.removedTextBackground#B86D7122
  • dropdown.background#211b1b
  • dropdown.border#363330
  • editor.background#161111
  • editor.findMatchBackground#EEBA4140
  • editor.findMatchHighlightBackground#EEBA4125
  • editor.foreground#EBE9E8
  • editor.inactiveSelectionBackground#97602970
  • editor.selectionBackground#97602970
  • editor.selectionHighlightBackground#97602970
  • editor.wordHighlightBackground#97602970
  • editorCursor.foreground#EEBA41
  • editorGroup.border#363330
  • editorGroupHeader.border#363330
  • editorGroupHeader.tabsBackground#161111
  • editorLineNumber.activeForeground#97602970
  • editorLineNumber.foreground#5E5958
  • focusBorder#474544
  • gitDecoration.addedResourceForeground#299751
  • gitDecoration.deletedResourceForeground#B86D71
  • gitDecoration.modifiedResourceForeground#EEBA41
  • input.background#201E1C
  • input.border#363330
  • input.foreground#EBE9E8
  • list.activeSelectionBackground#312726
  • list.focusOutline#474544
  • list.inactiveSelectionBackground#282524
  • panel.background#161111
  • panel.border#363330
  • pickerGroup.border#363330
  • sash.hoverBorder#474544
  • scrollbarSlider.activeBackground#474544AA
  • scrollbarSlider.background#47454455
  • scrollbarSlider.hoverBackground#47454488
  • sideBar.background#161111
  • sideBar.border#363330
  • sideBar.foreground#EBE9E8
  • sideBarSectionHeader.background#312726
  • statusBar.background#0E0D0D
  • statusBar.border#363330
  • statusBar.foreground#817D7A
  • tab.activeBackground#2a2424
  • tab.activeForeground#ffffff
  • tab.border#363330
  • tab.hoverBackground#211b1b
  • tab.inactiveBackground#161111
  • tab.inactiveForeground#e9d1c5
  • tab.unfocusedActiveBorder#363330
  • terminal.ansiBlack#101010
  • terminal.ansiBlue#aca1cf
  • terminal.ansiBrightBlack#7E7E7E
  • terminal.ansiBrightBlue#b9aeda
  • terminal.ansiBrightCyan#ff9a6b
  • terminal.ansiBrightGreen#99FFE4
  • terminal.ansiBrightMagenta#ecaaaa
  • terminal.ansiBrightRed#ff8080
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#FFC799
  • terminal.ansiCyan#ea9483
  • terminal.ansiGreen#90b99f
  • terminal.ansiMagenta#e29eca
  • terminal.ansiRed#f5a191
  • terminal.ansiWhite#A0A0A0
  • terminal.ansiYellow#e6b99d
  • terminal.background#161111
  • terminal.border#363330
  • terminal.foreground#EBE9E8
  • titleBar.activeBackground#0E0D0D
  • titleBar.activeForeground#EBE9E8
  • titleBar.border#363330
  • widget.border#363330

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7E7E7Eitalic
string, punctuation.definition.string, constant.other.symbol#90b99f
keyword, storage.type, storage.modifier, keyword.operator.logical, keyword.control#FFC799
constant.numeric, constant.character.numeric#e6b99d
constant.language.boolean, constant.language.null, constant.language.undefined, constant.language#ea83a5
entity.name.type, support.type, meta.type.annotation, storage.type.java, storage.type.ts#aca1cf
entity.name.function, support.function, meta.function-call, variable.function#b9aeda
variable, meta.definition.variable, variable.other.readwrite#EBE9E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#A0A0A0
keyword.operator, punctuation, meta.brace, punctuation.separator, punctuation.terminator#A0A0A0
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as#FFC799
entity.name.tag, meta.tag.sgml, punctuation.definition.tag#FFC799
entity.other.attribute-name, meta.attribute, meta.attribute-with-value#A0A0A0
string.regexp, constant.other.character-class.regexp, constant.character.escape#f591b2
markup.heading, entity.name.section#FFC799bold
markup.inserted#90b99f
markup.deleted#f5a191
Igniter.js Theme by Igniter.js - VS Code Theme