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#6BCBF7
  • terminal.ansiBrightBlack#959595
  • terminal.ansiBrightBlue#AED7F5
  • terminal.ansiBrightCyan#CCCCF8
  • terminal.ansiBrightGreen#C4D9B0
  • terminal.ansiBrightMagenta#F4C1CF
  • terminal.ansiBrightRed#FDA293
  • terminal.ansiBrightWhite#EEEEEE
  • terminal.ansiBrightYellow#D6D4A6
  • terminal.ansiCyan#CCCCF8
  • terminal.ansiGreen#BEDD9F
  • terminal.ansiMagenta#F4C1CF
  • terminal.ansiRed#FDA293
  • terminal.ansiWhite#CCCCCC
  • terminal.ansiYellow#D6D4A6
  • 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#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#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#FDA293
markup.inserted#BEDD9F
markup.changed#6BCBF7
meta.diff#626262
comment.line.number-sign.git-commit#959595
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...

sema by arzg - VS Code Theme