Skip to main content
CodingTheme

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#0F0F0F
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#585858
  • breadcrumb.focusForeground#FFFFFF
  • breadcrumb.foreground#949494
  • editor.background#0F0F0F
  • editor.foreground#D6D6D6
  • editor.lineHighlightBackground#222222
  • editor.selectionBackground#424242
  • editorCursor.background#0F0F0F
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#0F0F0F
  • editorInlayHint.background#0F0F0F
  • editorInlayHint.foreground#949494
  • editorInlayHint.parameterBackground#0F0F0F
  • editorInlayHint.parameterForeground#949494
  • editorInlayHint.typeBackground#0F0F0F
  • editorInlayHint.typeForeground#949494
  • editorLineNumber.activeForeground#FFFFFF
  • editorLineNumber.foreground#585858
  • editorWidget.background#222222
  • focusBorder#585858
  • foreground#D6D6D6
  • list.activeSelectionBackground#424242
  • list.focusBackground#424242
  • list.highlightForeground#FFFFFF
  • rust_analyzer.inlayHints.foreground#949494
  • sideBar.background#0F0F0F
  • statusBar.background#0F0F0F
  • statusBar.debuggingBackground#0F0F0F
  • statusBar.foreground#585858
  • statusBar.noFolderBackground#0F0F0F
  • tab.activeBackground#222222
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#0F0F0F
  • tab.inactiveForeground#949494
  • terminal.ansiBlack#222222
  • terminal.ansiBlue#6BCBF7
  • terminal.ansiBrightBlack#949494
  • terminal.ansiBrightBlue#AED7F5
  • terminal.ansiBrightCyan#CCCCF8
  • terminal.ansiBrightGreen#C4D9B0
  • terminal.ansiBrightMagenta#F4C1CF
  • terminal.ansiBrightRed#FDA293
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#D6D4A6
  • terminal.ansiCyan#CCCCF8
  • terminal.ansiGreen#BEDD9F
  • terminal.ansiMagenta#F4C1CF
  • terminal.ansiRed#FDA293
  • terminal.ansiWhite#D6D6D6
  • terminal.ansiYellow#D6D4A6
  • terminal.foreground#D6D6D6
  • terminalCursor.background#0F0F0F
  • terminalCursor.foreground#FFFFFF
  • titleBar.activeBackground#0F0F0F
  • titleBar.activeForeground#D6D6D6
  • titleBar.inactiveBackground#0F0F0F
  • titleBar.inactiveForeground#585858

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#AED7F5
storage#AED7F5
variable.language.self#AED7F5
variable.language.this#AED7F5
keyword.type.go#AED7F5
keyword.control#6BCBF7
entity.name.type#D6D4A6
keyword.type#D6D4A6
storage.type.cs#D6D4A6
storage.type.java#D6D4A6
storage.type.boolean.go#D6D4A6
storage.type.byte.go#D6D4A6
storage.type.error.go#D6D4A6
storage.type.numeric.go#D6D4A6
storage.type.rune.go#D6D4A6
storage.type.string.go#D6D4A6
storage.type.uintptr.go#D6D4A6
entity.name.type.interface#6BCBF7
entity.name.type.type-parameter#6BCBF7
constant#F4C1CF
constant.numeric#E6A4DF
string#BEDD9F
entity.name.variable.field#CCCCF8
entity.name.variable.property#CCCCF8
variable.other.member#CCCCF8
variable.other.object.property#CCCCF8
variable.other.readwrite.instance#CCCCF8
support.type.property-name#CCCCF8
entity.name.variable.enum-member#CCCCF8
constant.other.enum#CCCCF8
variable.other.enummember#CCCCF8
entity.name.type.option#CCCCF8
entity.name.type.result#CCCCF8
entity.name.function.macro#C4D9B0
entity.name.function.preprocessor#C4D9B0
constant.other.placeholder#CCCCF8
punctuation.definition.interpolation#CCCCF8
punctuation.section.embedded#CCCCF8
constant.character.escape#CCCCF8
comment#FFFFFFitalic
comment.line.documentation#FFFFFF
comment.block.documentation#FFFFFF
comment.block.javadoc#FFFFFF
entity.name.function.decorator#949494
storage.type.annotation#949494
punctuation.definition.annotation#949494
keyword.operator#D6D6D6
markup.deleted#FDA293
markup.inserted#BEDD9F
markup.changed#6BCBF7
meta.diff#585858
comment.line.number-sign.git-commit#949494
invalid.deprecated.line-too-long.git-commit#F4C1CF
invalid.illegal.line-too-long.git-commit#FDA293
magit.entity#BEDD9F
magit.header#AED7F5
magit.subheader#6BCBF7

Shiki preview

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

Loading...