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#212227
  • activityBar.border#030306
  • activityBar.foreground#DCDEE5
  • activityBar.inactiveForeground#5E6275
  • editor.background#252730
  • editor.foreground#DCDEE5
  • editor.lineHighlightBackground#272A36
  • editor.selectionBackground#505674
  • editorGroup.border#030306
  • editorGroupHeader.noTabsBackground#272A36
  • editorGroupHeader.tabsBackground#191A1F
  • editorLineNumber.activeForeground#DCDEE5
  • editorLineNumber.foreground#5E6275
  • editorOverviewRuler.border#505674
  • editorWidget.background#212227
  • editorWidget.border#030306
  • foreground#DCDEE5
  • list.activeSelectionForeground#DCDEE5
  • list.focusBackground#1D6DC6
  • list.focusForeground#DCDEE5
  • list.focusOutline#00000000
  • list.hoverBackground#00000000
  • list.inactiveFocusBackground#00000000
  • list.inactiveSelectionBackground#00000000
  • panel.border#030306
  • rust_analyzer.inlayHints.foreground#5E6275
  • sideBar.background#212227
  • sideBar.border#030306
  • statusBar.background#191A1F
  • statusBar.border#030306
  • statusBar.foreground#8990B1
  • tab.activeBorderTop#1D6DC6
  • tab.activeForeground#DCDEE5
  • tab.inactiveBackground#191A1F
  • tab.inactiveForeground#5E6275

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#FE7BB3bold
storage#FE7BB3bold
variable.language.this#FE7BB3bold
keyword.operator.sizeof#FE7BB3bold
variable#72BFB0
constant#72BFB0
entity#72BFB0
support.type.property-name#72BFB0
entity.name.type#8FF4E0
storage.type.java#8FF4E0
storage.type.cs#8FF4E0
constant.language#8DBF70
support.function#8DBF70
keyword.operator.arithmetic#8DBF70
keyword.operator.increment#8DBF70
keyword.operator.decrement#8DBF70
keyword.operator.increment-decrement#8DBF70
keyword.operator.bitwise#8DBF70
keyword.operator.logical#8DBF70
keyword.operator.comparison#8DBF70
keyword.type#B2DD9A
storage.type.primitive#B2DD9A
storage.type.built-in#B2DD9A
entity.name.type.numeric#B2DD9A
entity.name.type.primitive#B2DD9A
storage.type.numeric.go#B2DD9A
storage.type.byte.go#B2DD9A
storage.type.boolean.go#B2DD9A
storage.type.string.go#B2DD9A
storage.type.uintptr.go#B2DD9A
storage.type.error.go#B2DD9A
storage.type.rune.go#B2DD9A
storage.type.annotation#B2DD9A
constant.numeric#CDC072
string#FE8673
punctuation.definition.string#FE8673
entity.name.type.namespace#DCDEE5
storage.modifier.import#DCDEE5
storage.modifier.package#DCDEE5
constant.character.escape#DCDEE5
punctuation.definition.interpolation#DCDEE5
constant.other.placeholder#DCDEE5
commentbold
punctuation#DCDEE5
keyword.operator#DCDEE5
keyword.operator.logical.rust#DCDEE5
storage.modifier.pointer#DCDEE5
storage.modifier.array#DCDEE5
entity.name.section.markdown#DCDEE5bold
fenced_code.block.language#72BFB0
punctuation.definition.bold.markdown#72BFB0
punctuation.definition.constant.markdown#72BFB0
punctuation.definition.constant.begin.markdown#72BFB0
punctuation.definition.constant.end.markdown#72BFB0
punctuation.definition.heading.markdown#72BFB0
punctuation.definition.italic.markdown#72BFB0
punctuation.definition.list.begin.markdown#72BFB0
punctuation.definition.markdown#72BFB0
punctuation.definition.metadata.markdown#72BFB0
punctuation.definition.quote.begin.markdown#72BFB0
punctuation.definition.quote.markdown#72BFB0
punctuation.definition.raw.markdown#72BFB0
punctuation.definition.string.begin.markdown#72BFB0
punctuation.definition.string.end.markdown#72BFB0
punctuation.separator.key-value.markdown#72BFB0
markup.heading.setext#72BFB0
markup.inline.raw.string.markdown#D0AAFC
markup.fenced_code.block.markdown#D0AAFC
markup.raw.block.markdown#D0AAFC
string.other.link.title.markdown#DCDEE5
constant.other.reference.link.markdown#DCDEE5
markup.italic.markdownitalic
markup.bold.markdownbold

Shiki preview

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

Loading...

Gamut - Coding Theme