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#75CAF2
  • terminal.ansiBrightBlack#949494
  • terminal.ansiBrightBlue#CCE1F1
  • terminal.ansiBrightCyan#DBDCF3
  • terminal.ansiBrightGreen#D7E3CD
  • terminal.ansiBrightMagenta#F1D6DD
  • terminal.ansiBrightRed#F7A597
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#E1E0C8
  • terminal.ansiCyan#DBDCF3
  • terminal.ansiGreen#CFE8B7
  • terminal.ansiMagenta#F1D6DD
  • terminal.ansiRed#F7A597
  • terminal.ansiWhite#D6D6D6
  • terminal.ansiYellow#E1E0C8
  • 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#CCE1F1
storage#CCE1F1
variable.language.self#CCE1F1
variable.language.this#CCE1F1
keyword.type.go#CCE1F1
keyword.control#75CAF2
entity.name.type#E1E0C8
keyword.type#E1E0C8
storage.type.cs#E1E0C8
storage.type.java#E1E0C8
storage.type.boolean.go#E1E0C8
storage.type.byte.go#E1E0C8
storage.type.error.go#E1E0C8
storage.type.numeric.go#E1E0C8
storage.type.rune.go#E1E0C8
storage.type.string.go#E1E0C8
storage.type.uintptr.go#E1E0C8
entity.name.type.interface#75CAF2
entity.name.type.type-parameter#75CAF2
constant#F1D6DD
constant.numeric#E3A6DC
string#CFE8B7
entity.name.variable.field#DBDCF3
entity.name.variable.property#DBDCF3
variable.other.member#DBDCF3
variable.other.object.property#DBDCF3
variable.other.readwrite.instance#DBDCF3
support.type.property-name#DBDCF3
entity.name.variable.enum-member#DBDCF3
constant.other.enum#DBDCF3
variable.other.enummember#DBDCF3
entity.name.type.option#DBDCF3
entity.name.type.result#DBDCF3
entity.name.function.macro#D7E3CD
entity.name.function.preprocessor#D7E3CD
constant.other.placeholder#DBDCF3
punctuation.definition.interpolation#DBDCF3
punctuation.section.embedded#DBDCF3
constant.character.escape#DBDCF3
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#F7A597
markup.inserted#CFE8B7
markup.changed#75CAF2
meta.diff#585858
comment.line.number-sign.git-commit#949494
invalid.deprecated.line-too-long.git-commit#F1D6DD
invalid.illegal.line-too-long.git-commit#F7A597
magit.entity#CFE8B7
magit.header#CCE1F1
magit.subheader#75CAF2

Shiki preview

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

Loading...