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#1C1C1C
  • button.background#444444
  • button.foreground#FFFFFF
  • button.hoverBackground#5F87AF
  • checkbox.background#1C1C1C
  • checkbox.border#444444
  • editor.background#262626
  • editor.foldBackground#1C1C1C
  • editor.foreground#BCBCBC
  • editor.lineHighlightBackground#303030
  • editor.selectionBackground#444444
  • editorCursor.background#262626
  • editorCursor.foreground#BCBCBC
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#585858
  • editorLineNumber.activeForeground#5FAFAF
  • editorLineNumber.foreground#6C6C6C
  • editorWhitespace.foreground#585858
  • editorWidget.background#303030
  • focusBorder#5F87AF
  • foreground#BCBCBC
  • input.background#1C1C1C
  • input.border#444444
  • input.placeholderForeground#585858
  • list.activeSelectionBackground#5F8787
  • list.activeSelectionForeground#262626
  • list.focusHighlightForeground#1C1C1C
  • list.highlightForeground#BCBCBC
  • list.hoverBackground#FFFFFF10
  • list.inactiveSelectionBackground#444444
  • sideBar.background#1C1C1C
  • statusBar.background#87875F
  • statusBar.debuggingBackground#87875F
  • statusBar.foreground#262626
  • statusBar.noFolderBackground#87875F
  • terminal.ansiBlack#1C1C1C
  • terminal.ansiBlue#5F87AF
  • terminal.ansiBrightBlack#444444
  • terminal.ansiBrightBlue#87AFD7
  • terminal.ansiBrightCyan#5FAFAF
  • terminal.ansiBrightGreen#87AF87
  • terminal.ansiBrightMagenta#8787AF
  • terminal.ansiBrightRed#FF8700
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFFAF
  • terminal.ansiCyan#5F8787
  • terminal.ansiGreen#5F875F
  • terminal.ansiMagenta#5F5F87
  • terminal.ansiRed#AF5F5F
  • terminal.ansiWhite#BCBCBC
  • terminal.ansiYellow#87875F
  • terminal.foreground#BCBCBC
  • terminalCursor.background#262626
  • terminalCursor.foreground#BCBCBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage, keyword.type.go, punctuation.separator, punctuation.definition.keyValue#87AFD7—
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#FF8700—
string#87AF87—
constant.character.escape, constant.other.placeholder, constant.character.format.placeholder, punctuation.section.embedded, punctuation.definition.template-expression, punctuation.definition.interpolation#5F875F—
entity.name.function, support.function#FFFFAF—
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#8787AF—
variable.language, keyword.other.this#5F87AF—
entity.name.function.macro, keyword.control.directive, keyword.control.at-rule, variable.scss#5F8787—
entity.name.type.lifetime, punctuation.definition.lifetime#5F875F—
comment#6C6C6C—
entity.name.tag, punctuation.definition.tag#87AFD7—
entity.other.attribute-name#8787AF—
meta.tag.table.toml, entity.other.attribute-name.table.toml#FFFFFF—
entity.name.tag.toml#5F87AF—
markup.inserted#87AF87—
markup.deleted#AF5F5F—
punctuation.definition.heading.markdown, punctuation.definition.raw.markdown, punctuation.definition.markdown, fenced_code.block.language.markdown#5F875F—
markup.italic.markdown#5F8787—
punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown#87AFD7—
entity.name.section.markdown#FFFFFF—
string.other.link.title.markdown#FFFFAF—
constant.other.reference.link.markdown#8787AF—
markup.underline.link.markdown#FF8700—

Shiki preview

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

Loading...

Apprentice - Coding Theme