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#171717
  • button.background#444444
  • button.foreground#FFFFE8
  • button.hoverBackground#6689AD
  • checkbox.background#171717
  • checkbox.border#444444
  • editor.background#202020
  • editor.foldBackground#171717
  • editor.foreground#C2C2B0
  • editor.lineHighlightBackground#2A2A2A
  • editor.selectionBackground#444444
  • editorCursor.background#202020
  • editorCursor.foreground#C2C2B0
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#585858
  • editorLineNumber.activeForeground#58B8B8
  • editorLineNumber.foreground#6C6C6C
  • editorWhitespace.foreground#585858
  • editorWidget.background#2A2A2A
  • focusBorder#6689AD
  • foreground#C2C2B0
  • input.background#171717
  • input.border#444444
  • input.placeholderForeground#585858
  • list.activeSelectionBackground#528B8B
  • list.activeSelectionForeground#202020
  • list.focusHighlightForeground#171717
  • list.highlightForeground#C2C2B0
  • list.hoverBackground#FFFFFF10
  • list.inactiveSelectionBackground#444444
  • sideBar.background#171717
  • statusBar.background#808070
  • statusBar.debuggingBackground#808070
  • statusBar.foreground#202020
  • statusBar.noFolderBackground#808070
  • terminal.ansiBlack#171717
  • terminal.ansiBlue#6689AD
  • terminal.ansiBrightBlack#444444
  • terminal.ansiBrightBlue#90B0D1
  • terminal.ansiBrightCyan#58B8B8
  • terminal.ansiBrightGreen#779B70
  • terminal.ansiBrightMagenta#7E8AA2
  • terminal.ansiBrightRed#CC8800
  • terminal.ansiBrightWhite#FFFFE8
  • terminal.ansiBrightYellow#FAF4C6
  • terminal.ansiCyan#528B8B
  • terminal.ansiGreen#719611
  • terminal.ansiMagenta#5D6A85
  • terminal.ansiRed#996666
  • terminal.ansiWhite#C2C2B0
  • terminal.ansiYellow#808070
  • terminal.foreground#C2C2B0
  • terminalCursor.background#202020
  • terminalCursor.foreground#C2C2B0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage, keyword.type.go, punctuation.separator, punctuation.definition.keyValue#90B0D1—
constant, keyword.other.unit, string.quoted.single.char, string.quoted.single.c, string.quoted.single.cpp, string.quoted.single.java, string.quoted.single.cs, string.quoted.rune.go#CC8800—
string#779B70—
constant.character.escape, constant.other.placeholder, constant.character.format.placeholder, punctuation.section.embedded, punctuation.definition.template-expression, punctuation.definition.interpolation#719611—
entity.name.function, support.function#FAF4C6—
entity.name.type, keyword.type, storage.type.built-in, storage.type.primitive, storage.type.java, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, support.type#7E8AA2—
variable.language, keyword.other.this#6689AD—
entity.name.function.macro, keyword.control.directive, keyword.control.at-rule, variable.scss#528B8B—
entity.name.type.lifetime, punctuation.definition.lifetime#719611—
comment#6C6C6C—
entity.name.tag, punctuation.definition.tag#90B0D1—
entity.other.attribute-name#7E8AA2—
meta.tag.table.toml, entity.other.attribute-name.table.toml#FFFFE8—
entity.name.tag.toml#6689AD—
markup.inserted#779B70—
markup.deleted#996666—
punctuation.definition.heading.markdown, punctuation.definition.raw.markdown, punctuation.definition.markdown, fenced_code.block.language.markdown#719611—
markup.italic.markdown#528B8B—
punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown#90B0D1—
entity.name.section.markdown#FFFFE8—
string.other.link.title.markdown#FAF4C6—
constant.other.reference.link.markdown#7E8AA2—
markup.underline.link.markdown#CC8800—