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#222222
  • activityBar.foreground#EEEEEE
  • activityBar.inactiveForeground#626262
  • breadcrumb.focusForeground#EEEEEE
  • breadcrumb.foreground#959595
  • editor.background#222222
  • editor.foreground#CCCCCC
  • editor.lineHighlightBackground#333333
  • editor.selectionBackground#4E4E4E
  • editorCursor.background#222222
  • editorCursor.foreground#EEEEEE
  • editorGroupHeader.tabsBackground#222222
  • editorInlayHint.background#222222
  • editorInlayHint.foreground#959595
  • editorInlayHint.parameterBackground#222222
  • editorInlayHint.parameterForeground#959595
  • editorInlayHint.typeBackground#222222
  • editorInlayHint.typeForeground#959595
  • editorLineNumber.activeForeground#EEEEEE
  • editorLineNumber.foreground#626262
  • editorWidget.background#333333
  • focusBorder#626262
  • foreground#CCCCCC
  • list.activeSelectionBackground#4E4E4E
  • list.focusBackground#4E4E4E
  • list.highlightForeground#EEEEEE
  • rust_analyzer.inlayHints.foreground#959595
  • sideBar.background#222222
  • statusBar.background#222222
  • statusBar.debuggingBackground#222222
  • statusBar.foreground#626262
  • statusBar.noFolderBackground#222222
  • tab.activeBackground#333333
  • tab.activeForeground#EEEEEE
  • tab.inactiveBackground#222222
  • tab.inactiveForeground#959595
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#75CAF2
  • terminal.ansiBrightBlack#959595
  • terminal.ansiBrightBlue#CCE1F1
  • terminal.ansiBrightCyan#DBDCF3
  • terminal.ansiBrightGreen#D7E3CD
  • terminal.ansiBrightMagenta#F1D6DD
  • terminal.ansiBrightRed#F7A597
  • terminal.ansiBrightWhite#EEEEEE
  • terminal.ansiBrightYellow#E1E0C8
  • terminal.ansiCyan#DBDCF3
  • terminal.ansiGreen#CFE8B7
  • terminal.ansiMagenta#F1D6DD
  • terminal.ansiRed#F7A597
  • terminal.ansiWhite#CCCCCC
  • terminal.ansiYellow#E1E0C8
  • terminal.foreground#CCCCCC
  • terminalCursor.background#222222
  • terminalCursor.foreground#EEEEEE
  • titleBar.activeBackground#222222
  • titleBar.activeForeground#CCCCCC
  • titleBar.inactiveBackground#222222
  • titleBar.inactiveForeground#626262

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#EEEEEEitalic
comment.line.documentation#EEEEEE
comment.block.documentation#EEEEEE
comment.block.javadoc#EEEEEE
entity.name.function.decorator#959595
storage.type.annotation#959595
punctuation.definition.annotation#959595
keyword.operator#CCCCCC
markup.deleted#F7A597
markup.inserted#CFE8B7
markup.changed#75CAF2
meta.diff#626262
comment.line.number-sign.git-commit#959595
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...

sema by arzg - VS Code Theme