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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Apprentice - Coding Theme