Skip to main content
Coding Theme

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#25292e
  • activityBar.foreground#EEEEEE
  • activityBar.inactiveForeground#626262
  • breadcrumb.focusForeground#EEEEEE
  • breadcrumb.foreground#959595
  • editor.background#25292e
  • editor.foreground#b3b3b3
  • editor.lineHighlightBackground#333333
  • editor.selectionBackground#3167cf
  • editorCursor.background#25292e
  • editorCursor.foreground#EEEEEE
  • editorGroupHeader.tabsBackground#25292e
  • editorInlayHint.background#25292e
  • editorInlayHint.foreground#959595
  • editorInlayHint.parameterBackground#25292e
  • editorInlayHint.parameterForeground#959595
  • editorInlayHint.typeBackground#25292e
  • editorInlayHint.typeForeground#959595
  • editorLineNumber.activeForeground#EEEEEE
  • editorLineNumber.foreground#626262
  • editorWidget.background#333333
  • focusBorder#626262
  • foreground#b3b3b3
  • list.activeSelectionBackground#15171a
  • list.focusBackground#15171a
  • list.highlightForeground#EEEEEE
  • sideBar.background#25292e
  • statusBar.background#25292e
  • statusBar.debuggingBackground#25292e
  • statusBar.foreground#626262
  • statusBar.noFolderBackground#25292e
  • tab.activeBackground#333333
  • tab.activeForeground#EEEEEE
  • tab.inactiveBackground#25292e
  • tab.inactiveForeground#959595
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#75CAF2
  • terminal.ansiBrightBlack#959595
  • terminal.ansiBrightBlue#CCE1F1
  • terminal.ansiBrightCyan#DBDCF3
  • terminal.ansiBrightGreen#c1ccb8
  • terminal.ansiBrightMagenta#F1D6DD
  • terminal.ansiBrightRed#de9487
  • terminal.ansiBrightWhite#EEEEEE
  • terminal.ansiBrightYellow#E1E0C8
  • terminal.ansiCyan#DBDCF3
  • terminal.ansiGreen#9dbf7c
  • terminal.ansiMagenta#F1D6DD
  • terminal.ansiRed#de9487
  • terminal.ansiWhite#b3b3b3
  • terminal.ansiYellow#E1E0C8
  • terminal.foreground#b3b3b3
  • terminalCursor.background#25292e
  • terminalCursor.foreground#EEEEEE
  • titleBar.activeBackground#25292e
  • titleBar.activeForeground#b3b3b3
  • titleBar.inactiveBackground#25292e
  • titleBar.inactiveForeground#626262

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#e57067
storage#E57067
variable.language.self#b8cbd9
variable.language.this#b8cbd9
keyword.type.go#b8cbd9
keyword.control#62aacc
entity.name.type#d2a8ff
keyword.type#d2a8ff
storage.type.cs#d2a8ff
storage.type.java#d2a8ff
storage.type.boolean.go#d2a8ff
storage.type.byte.go#d2a8ff
storage.type.error.go#d2a8ff
storage.type.numeric.go#d2a8ff
storage.type.rune.go#d2a8ff
storage.type.string.go#d2a8ff
storage.type.uintptr.go#d2a8ff
entity.name.type.interface#62aacc
entity.name.type.type-parameter#62aacc
constant#F1D6DD
constant.numeric#E3A6DC
string#9dbf7c
entity.name.variable.field#c3c3d9
entity.name.variable.property#c3c3d9
variable.other.member#c3c3d9
variable.other.object.property#c3c3d9
variable.other.readwrite.instance#c3c3d9
support.type.property-name#c3c3d9
entity.name.variable.enum-member#c3c3d9
constant.other.enum#c3c3d9
variable.other.enummember#c3c3d9
entity.name.type.option#c3c3d9
entity.name.type.result#c3c3d9
entity.name.function.macro#c1ccb8
entity.name.function.preprocessor#c1ccb8
constant.other.placeholder#c3c3d9
punctuation.definition.interpolation#c3c3d9
punctuation.section.embedded#c3c3d9
constant.character.escape#c3c3d9
comment#7b838c
comment.line.documentation#7b838c
comment.block.documentation#7b838c
comment.block.javadoc#7b838c
entity.name.function.decorator#959595
storage.type.annotation#959595
punctuation.definition.annotation#959595
keyword.operator#b3b3b3
markup.deleted#de9487
markup.inserted#9dbf7c
markup.changed#62aacc
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#de9487
magit.entity#9dbf7c
magit.header#b8cbd9
magit.subheader#62aacc
punctuation.brackets.attribute.rust#62aacc
Qing Zhu by Qing Zhu - VS Code Theme