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.

  • button.background#2aa19899
  • dropdown.border#2aa19899
  • editor.background#1e1e1e
  • editor.lineHighlightBackground#252525
  • editor.selectionBackground#268bd299
  • editor.selectionHighlightBackground#6a6a6a66
  • editor.wordHighlightBackground#6a6a6a66
  • editor.wordHighlightStrongBackground#6a6a6aAA
  • editorActiveLineNumber.foreground#777777
  • editorCursor.foreground#e8e8e8
  • editorLineNumber.foreground#6a6a6a
  • editorWhitespace.foreground#9e9e9e30
  • errorForeground#e8e8e8
  • focusBorder#2aa19899
  • input.background#252525
  • input.foreground#9e9e9e
  • input.placeholderForeground#9e9e9eAA
  • inputOption.activeBorder#2aa19899
  • pickerGroup.border#2aa19899
  • pickerGroup.foreground#2aa19899
  • selection.background#268bd299
  • sideBarTitle.foreground#9e9e9e
  • statusBar.foreground#e8e8e8
  • terminal.ansiBlack#252525
  • terminal.ansiBlue#268bd2
  • terminal.ansiBrightBlack#6a6a6a
  • terminal.ansiBrightBlue#919191
  • terminal.ansiBrightCyan#9e9e9e
  • terminal.ansiBrightGreen#6a6a6a
  • terminal.ansiBrightMagenta#6c71c4
  • terminal.ansiBrightRed#cb6116
  • terminal.ansiBrightWhite#f6f6f6
  • terminal.ansiBrightYellow#777777
  • terminal.ansiCyan#2aa198
  • terminal.ansiGreen#859900
  • terminal.ansiMagenta#d33682
  • terminal.ansiRed#dc322f
  • terminal.ansiWhite#e8e8e8
  • terminal.ansiYellow#cc9a00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#919191
meta.embedded, source.groovy.embedded#919191
comment#6a6a6aitalic
string#859900
string.regexp#dc322f
constant.numeric#859900
variable.language, variable.other#9e9e9e
keyword, keyword.operator.word#2aa198
keyword.operator#93a1a1
storage#2aa198
entity.name.class, entity.name.type#cc9a00
entity.name.function#cb6116
punctuation.definition.variable#9e9e9e
punctuation.section.embedded.begin, punctuation.section.embedded.end#9e9e9e
constant.language, meta.preprocessor#6c71c4
keyword.control.directive#6a6a6a
support.function.construct, keyword.other.new##268bd2
constant.character, constant.other#6c71c4
entity.other.inherited-class#cc9a00
variable.parameter#9e9e9e
entity.name.tag#268bd2
punctuation.definition.tag#919191
entity.other.attribute-name#268bd2
support.function#cb6116
punctuation.separator.continuation#6a6a6a
support.constant#6c71c4
support.type, support.class#cc9a00
support.type.exception#cc9a00
support.other.variable#9e9e9e
invalid#dc322f
meta.diff, meta.diff.header#e8e8e8italic
markup.deleted#dc322f
markup.changed#cb6116
markup.inserted#2aa198
markup.quote#859900
markup.list#cc9a00
markup.bold, markup.italic#d33682
markup.inline.raw#2aa198
markup.heading#268bd2
markup.heading.setext#268bd2
Dark Earth Theme by Jeff Coukell - VS Code Theme