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#2D2A2E
  • activityBar.foreground#FDFFF1
  • activityBar.inactiveForeground#746B6F
  • breadcrumb.focusForeground#FDFFF1
  • breadcrumb.foreground#746B6F
  • editor.background#2D2A2E
  • editor.foreground#978C8C
  • editor.lineHighlightBackground#3F3A3F
  • editor.selectionBackground#514A50
  • editorCursor.background#2D2A2E
  • editorCursor.foreground#FDFFF1
  • editorGroupHeader.tabsBackground#2D2A2E
  • editorInlayHint.background#2D2A2E
  • editorInlayHint.foreground#746B6F
  • editorInlayHint.parameterBackground#2D2A2E
  • editorInlayHint.parameterForeground#746B6F
  • editorInlayHint.typeBackground#2D2A2E
  • editorInlayHint.typeForeground#746B6F
  • editorLineNumber.activeForeground#FDFFF1
  • editorLineNumber.foreground#746B6F
  • editorWidget.background#3F3A3F
  • focusBorder#2D2A2E
  • foreground#978C8C
  • list.activeSelectionBackground#514A50
  • list.focusBackground#514A50
  • list.highlightForeground#FDFFF1
  • rust_analyzer.inlayHints.foreground#746B6F
  • sideBar.background#2D2A2E
  • statusBar.background#2D2A2E
  • statusBar.debuggingBackground#2D2A2E
  • statusBar.foreground#746B6F
  • statusBar.noFolderBackground#2D2A2E
  • tab.activeBackground#3F3A3F
  • tab.activeForeground#FDFFF1
  • tab.inactiveBackground#2D2A2E
  • tab.inactiveForeground#746B6F
  • terminal.ansiBlack#3F3A3F
  • terminal.ansiBlue#7ED6DF
  • terminal.ansiBrightBlack#746B6F
  • terminal.ansiBrightBlue#BEEAE8
  • terminal.ansiBrightCyan#BAB7CB
  • terminal.ansiBrightGreen#E0F3C8
  • terminal.ansiBrightMagenta#F78FB4
  • terminal.ansiBrightRed#FC5C65
  • terminal.ansiBrightWhite#FDFFF1
  • terminal.ansiBrightYellow#F7D794
  • terminal.ansiCyan#BAB7CB
  • terminal.ansiGreen#C2E69F
  • terminal.ansiMagenta#F78FB4
  • terminal.ansiRed#FC5C65
  • terminal.ansiWhite#978C8C
  • terminal.ansiYellow#F7D794
  • terminal.foreground#978C8C
  • terminalCursor.background#2D2A2E
  • terminalCursor.foreground#FDFFF1
  • titleBar.activeBackground#2D2A2E
  • titleBar.activeForeground#978C8C
  • titleBar.inactiveBackground#2D2A2E
  • titleBar.inactiveForeground#746B6F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#FC5C65
storage#FC5C65
variable.language.self#FC5C65
variable.language.this#FC5C65
keyword.type.go#FC5C65
keyword.control#F19066
entity.name.type#F7D794
keyword.type#F7D794
storage.type.cs#F7D794
storage.type.java#F7D794
storage.type.boolean.go#F7D794
storage.type.byte.go#F7D794
storage.type.error.go#F7D794
storage.type.numeric.go#F7D794
storage.type.rune.go#F7D794
storage.type.string.go#F7D794
storage.type.uintptr.go#F7D794
entity.name.type.interface#F19066
entity.name.type.type-parameter#F19066
constant#F78FB4
constant.numeric#FAC7D2
string#C2E69F
entity.name.variable.field#BAB7CB
entity.name.variable.property#BAB7CB
variable.other.member#BAB7CB
variable.other.object.property#BAB7CB
variable.other.readwrite.instance#BAB7CB
support.type.property-name#BAB7CB
entity.name.variable.enum-member#BAB7CB
constant.other.enum#BAB7CB
variable.other.enummember#BAB7CB
entity.name.type.option#BAB7CB
entity.name.type.result#BAB7CB
entity.name.function.macro#E0F3C8
entity.name.function.preprocessor#E0F3C8
constant.other.placeholder#BAB7CB
punctuation.definition.interpolation#BAB7CB
punctuation.section.embedded#BAB7CB
constant.character.escape#BAB7CB
comment#B9B1ADitalic
comment.line.documentation#B9B1AD
comment.block.documentation#B9B1AD
comment.block.javadoc#B9B1AD
entity.name.function.decorator#746B6F
storage.type.annotation#746B6F
punctuation.definition.annotation#746B6F
keyword.operator#978C8C
markup.deleted#FC5C65
markup.inserted#C2E69F
markup.changed#F19066
meta.diff#746B6F
comment.line.number-sign.git-commit#746B6F
invalid.deprecated.line-too-long.git-commit#F78FB4
invalid.illegal.line-too-long.git-commit#FC5C65
magit.entity#C2E69F
magit.header#FC5C65
magit.subheader#F19066
Low Contrast by gronk-droid - VS Code Theme