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#0D0D0D
  • activityBar.foreground#b4b4b4
  • activityBarBadge.background#C4693D
  • activityBarBadge.foreground#121212
  • button.background#C4693D
  • button.foreground#0D0D0D
  • dropdown.background#161616
  • dropdown.foreground#b4b4b4
  • editor.background#0D0D0D
  • editor.foreground#b4b4b4
  • editor.lineHighlightBackground#161616
  • editor.selectionBackground#262626
  • editorCursor.foreground#e5e5e5
  • editorError.foreground#C53030
  • editorHint.foreground#a7a7a7
  • editorIndentGuide.activeBackground#404040
  • editorIndentGuide.background#262626
  • editorInfo.foreground#d5d5d5
  • editorLineNumber.activeForeground#737373
  • editorLineNumber.foreground#262626
  • editorWarning.foreground#E5A72A
  • editorWhitespace.foreground#262626
  • input.background#161616
  • input.foreground#b4b4b4
  • input.placeholderForeground#535353
  • list.activeSelectionBackground#161616
  • list.activeSelectionForeground#d5d5d5
  • list.hoverBackground#161616
  • list.inactiveSelectionBackground#161616
  • list.inactiveSelectionForeground#b4b4b4
  • progressBar.background#C4693D
  • sideBar.background#0D0D0D
  • sideBar.foreground#b4b4b4
  • sideBarTitle.foreground#d5d5d5
  • statusBar.background#0D0D0D
  • statusBar.debuggingBackground#212121
  • statusBar.foreground#b4b4b4
  • statusBar.noFolderBackground#212121
  • tab.activeBackground#161616
  • tab.activeBorder#C4693D
  • tab.activeForeground#d5d5d5
  • tab.inactiveBackground#0D0D0D
  • tab.inactiveForeground#404040
  • terminal.ansiBlack#151515
  • terminal.ansiBlue#4A8B8B
  • terminal.ansiBrightBlack#535353
  • terminal.ansiBrightBlue#4A8B8B
  • terminal.ansiBrightCyan#C4693D
  • terminal.ansiBrightGreen#629C7D
  • terminal.ansiBrightMagenta#DF6464
  • terminal.ansiBrightRed#DF6464
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#E49A44
  • terminal.ansiCyan#D87C4A
  • terminal.ansiGreen#1E6F54
  • terminal.ansiMagenta#C53030
  • terminal.ansiRed#B14242
  • terminal.ansiWhite#b4b4b4
  • terminal.ansiYellow#E5A72A
  • terminal.background#0D0D0D
  • terminal.foreground#b4b4b4
  • titleBar.activeBackground#0D0D0D
  • titleBar.activeForeground#b4b4b4
  • titleBar.inactiveBackground#0D0D0D
  • titleBar.inactiveForeground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#737373italic
comment.block.documentation#949494italic
variable, string constant.other.placeholder#b4b4b4
variable.parameter#d5d5d5italic
variable.builtin#4A8B8B
variable.other.member#d5d5d5
keyword#B14242
keyword.operator#C4693D
keyword.directive#B14242italic
storage.modifier#B14242italic
storage.type, support.type#4A8B8B
support.type.builtin#4A8B8B
entity.name.type.parameter#D87C4A
entity.name.type.enum.variant#C4693D
entity.name.type.class#4A8B8B
entity.name.function#b4b4b4bold
support.function.builtin#b4b4b4bold italic
entity.name.function.macro#B14242
string#DF6464
string.regexp#D87C4A
string.other.link#DF6464bold
constant.character#DF6464bold
constant.character.escape#d5d5d5
constant.numeric#4A8B8B
constant#C4693D
constant.language#4A8B8B
entity.other.attribute-name#a7a7a7
entity.name.tag#D87C4Aitalic
punctuation#d5d5d5
punctuation.special#E5A72A
punctuation.bracket#737373
punctuation.delimiter#E49A44
keyword.operator#D87C4A
entity.name.namespace#D87C4Abold
markup.heading#DF6464bold
markup.list#D87C4A
markup.boldbold
markup.italicitalic
markup.underline.link#DF6464italic underline
string.other.link.title#B14242
markup.raw#d5d5d5
markup.quoteitalic
markup.inserted#a7a7a7
markup.deleted#B14242
markup.changed#E49A44
Ashen Theme by Der Der - VS Code Theme