Skip to main content
Coding Theme

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.activeBackground#24272a
  • activityBar.background#1a1d1f
  • activityBar.foreground#bab498f3
  • activityBar.inactiveForeground#494949
  • activityBarBadge.background#fbc421
  • activityBarBadge.foreground#1a1d1f
  • badge.background#fbc421
  • badge.foreground#161a1d
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1a1d1f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#6b6b6b
  • button.background#1a1d1f
  • button.foreground#e8e1c5f3
  • button.hoverBackground#333638
  • button.secondaryBackground#151617
  • button.secondaryForeground#e8e1c5f3
  • button.secondaryHoverBackground#212224
  • checkbox.background#282b2e
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#151617
  • debugExceptionWidget.border#242a2c
  • debugToolBar.background#151617
  • debugToolBar.border#242a2c
  • diffEditor.border#48565856
  • diffEditor.insertedTextBackground#74abb818
  • diffEditor.removedTextBackground#30798a20
  • dropdown.background#282b2e
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1a1d1f
  • editor.findMatchBackground#000000f3
  • editor.findMatchBorder#f7d03c
  • editor.findMatchHighlightBackground#080000b7
  • editor.findMatchHighlightBorder#cdcdcd
  • editor.findRangeHighlightBackground#2b2d2e99
  • editor.findRangeHighlightBorder#cdcccc00
  • editor.foldBackground#4b4b4b4d
  • editor.foreground#cfc9b0f3
  • editor.hoverHighlightBackground#1d1b1281
  • editor.inactiveSelectionBackground#2c2c2c
  • editor.lineHighlightBackground#3c3d3f9d
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#323638
  • editor.selectionHighlightBackground#54090974
  • editor.selectionHighlightBorder#f05353
  • editor.wordHighlightBackground#6d3e3e9d
  • editor.wordHighlightStrongBackground#323562ef
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#0082f5
  • editorCodeLens.foreground#7180888d
  • editorCursor.background#000000
  • editorCursor.foreground#f9f9f9
  • editorError.background#9d332e28
  • editorError.border#ffffff00
  • editorError.foreground#ff2b2b
  • editorGroup.border#343536
  • editorGroup.emptyBackground#1a1d1f
  • editorGroupHeader.tabsBackground#24272a
  • editorGroupHeader.tabsBorder#3b341026
  • editorGutter.addedBackground#72ad7e
  • editorGutter.background#1a1d1f
  • editorGutter.commentRangeForeground#545454
  • editorGutter.deletedBackground#ba4d4d
  • editorGutter.foldingControlForeground#545454
  • editorGutter.modifiedBackground#39618c
  • editorHoverWidget.background#151617
  • editorHoverWidget.border#35383bcd
  • editorHoverWidget.foreground#d0d2d3
  • editorIndentGuide.activeBackground#f7d03c
  • editorIndentGuide.background#373a3d
  • editorInfo.background#4490bf24
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2fceff
  • editorLineNumber.activeForeground#f9f9f9
  • editorLineNumber.foreground#494949
  • editorLink.activeForeground#38a3f0
  • editorMarkerNavigation.background#151617
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#87bdd7
  • editorMarkerNavigationWarning.background#c2ac47
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#2f3334
  • editorSuggestWidget.background#151617
  • editorSuggestWidget.border#a7959542
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#eabc37
  • editorSuggestWidget.selectedBackground#35373ba7
  • editorWarning.background#a9904022
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe513
  • editorWhitespace.foreground#a1a1a170
  • editorWidget.background#1a1d1f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#e8b554
  • focusBorder#d3992a
  • foreground#bab498f3
  • gitDecoration.addedResourceForeground#13ad47
  • gitDecoration.conflictingResourceForeground#db7c42
  • gitDecoration.deletedResourceForeground#e24c4c
  • gitDecoration.ignoredResourceForeground#45484b
  • gitDecoration.modifiedResourceForeground#dec126
  • gitDecoration.stageDeletedResourceForeground#a53636
  • gitDecoration.stageModifiedResourceForeground#be8f20
  • gitDecoration.submoduleResourceForeground#6d8c72
  • gitDecoration.untrackedResourceForeground#6db6b6
  • icon.foreground#bab498f3
  • input.background#282b2e
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#737373
  • inputOption.activeBackground#1b1e21
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#606768
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#2f3132
  • list.focusBackground#323536
  • list.focusForeground#e8e1c5f3
  • list.highlightForeground#fbc421
  • list.hoverBackground#4c4e4f
  • list.hoverForeground#e8e1c5f3
  • list.inactiveSelectionBackground#444749
  • list.inactiveSelectionForeground#e8e1c5f3
  • listFilterWidget.background#1a1d1f
  • listFilterWidget.noMatchesOutline#b03737
  • listFilterWidget.outline#00000000
  • menu.background#24272a
  • menu.border#242e301a
  • menu.foreground#cccccc
  • menu.selectionBackground#4f5358
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4c4d4f
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#2c2c2c
  • merge.commonHeaderBackground#434343
  • merge.currentContentBackground#362727
  • merge.currentHeaderBackground#682a2a
  • merge.incomingContentBackground#2f3f32
  • merge.incomingHeaderBackground#2f6230
  • minimap.background#1a1d1f
  • minimap.errorHighlight#ff2b2b
  • minimap.findMatchHighlight#000000f3
  • minimap.selectionHighlight#323638
  • minimap.warningHighlight#ffe513
  • minimapGutter.addedBackground#72ad7e
  • minimapGutter.deletedBackground#ba4d4d
  • minimapGutter.modifiedBackground#39618c
  • notificationCenter.border#333636
  • notificationCenterHeader.background#24272a
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#151617
  • notifications.border#333636
  • notifications.foreground#e2e2e2
  • notificationsErrorIcon.foreground#ff966f
  • notificationsInfoIcon.foreground#89ccf7
  • notificationsWarningIcon.foreground#FFD668
  • notificationToast.border#333636
  • panel.background#151617
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#fbc421
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#24272a
  • peekViewEditor.background#151617
  • peekViewEditor.matchHighlightBackground#4b2a1299
  • peekViewEditor.matchHighlightBorder#e8b24bed
  • peekViewEditorGutter.background#151617
  • peekViewResult.background#151617
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#434649
  • peekViewResult.selectionBackground#656a7733
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#151617
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f434668
  • pickerGroup.foreground#e8b554
  • progressBar.background#e04a42
  • scrollbar.shadow#3d4043cd
  • scrollbarSlider.activeBackground#56585ab3
  • scrollbarSlider.background#3c3d3f66
  • scrollbarSlider.hoverBackground#494b4db3
  • selection.background#434649b3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#bab498f3
  • sideBar.background#24272a
  • sideBar.dropBackground#2f3132
  • sideBar.foreground#bab498f3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#927b7b33
  • sideBarSectionHeader.foreground#e8e1c5f3
  • sideBarTitle.foreground#e8e1c5f3
  • statusBar.background#1a1d1f
  • statusBar.border#2d2d2ecb
  • statusBar.debuggingBackground#fbc421
  • statusBar.debuggingForeground#1a1d1f
  • statusBar.foreground#797979f3
  • statusBar.noFolderBackground#1a1d1f
  • statusBar.noFolderForeground#37383b
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#fbc421
  • statusBarItem.remoteForeground#364549
  • tab.activeBackground#1a1d1f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#e8b554
  • tab.activeForeground#bababa
  • tab.border#102b3b56
  • tab.hoverBackground#2a37387a
  • tab.hoverBorder#322b2800
  • tab.hoverForeground#f7f1f1
  • tab.inactiveBackground#24272a
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#2a2a2a
  • terminal.ansiBlue#3360cb
  • terminal.ansiBrightBlack#4d4d4d
  • terminal.ansiBrightBlue#478fff
  • terminal.ansiBrightCyan#1aece3
  • terminal.ansiBrightGreen#19e68a
  • terminal.ansiBrightMagenta#d150ff
  • terminal.ansiBrightRed#ff1f1f
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffe515
  • terminal.ansiCyan#12c0b8
  • terminal.ansiGreen#10ab66
  • terminal.ansiMagenta#9f19cf
  • terminal.ansiRed#be1e1e
  • terminal.ansiWhite#e0e0e0
  • terminal.ansiYellow#cdb600
  • terminal.border#80808059
  • terminal.foreground#b2b4b8
  • terminal.selectionBackground#00000041
  • terminalCursor.background#000000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#fbc421
  • titleBar.activeBackground#1a1d1f
  • titleBar.activeForeground#797979f3
  • titleBar.border#00000000
  • titleBar.inactiveBackground#24272a
  • titleBar.inactiveForeground#6b6d6f99
  • tree.indentGuidesStroke#555758
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#5269ad
variable.other.generic-type.haskell#fbc421
storage.type.haskell#e04a42
support.variable.magic.python#5269ad
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#cfc9b0f3
variable.parameter.function.language.special.self.python#8765b0
storage.modifier.lifetime.rust#cfc9b0f3
support.function.std.rust#8b90a1
entity.name.lifetime.rust#8765b0
variable.language.rust#5269ad
support.constant.edge#fbc421
constant.other.character-class.regexp#5269ad
keyword.operator.quantifier.regexp#e04a42
punctuation.definition.string.begin,punctuation.definition.string.end#e04a42
variable.parameter.function#cfc9b0f3
comment markup.link#5c5c5c
markup.changed.diff#8765b0
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#8b90a1
markup.inserted.diff#e04a42
markup.deleted.diff#5269ad
meta.function.c,meta.function.cpp#5269ad
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#cfc9b0f3
punctuation.separator.key-value#cfc9b0f3
keyword.operator.expression.import#8b90a1
support.constant.math#8765b0
support.constant.property.math#e04a42
variable.other.constant#8765b0
storage.type.annotation.java, storage.type.object.array.java#8765b0
source.java#5269ad
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#cfc9b0f3
meta.method.java#8b90a1
storage.modifier.import.java,storage.type.java,storage.type.generic.java#8765b0
keyword.operator.instanceof.java#fbc421
meta.definition.variable.name.java#5269ad
keyword.operator.logical#0b802e
keyword.operator.bitwise#0b802e
keyword.operator.channel#0b802e
support.constant.property-value.scss,support.constant.property-value.css#e04a42
keyword.operator.css,keyword.operator.scss,keyword.operator.less#0b802e
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e04a42
punctuation.separator.list.comma.css#cfc9b0f3
support.constant.color.w3c-standard-color-name.css#e04a42
support.type.vendored.property-name.css#0b802e
support.module.node,support.type.object.module,support.module.node#8765b0
entity.name.type.module#8765b0
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5269ad
support.constant.json#e04a42
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fbc421
support.type.object.console#5269ad
support.variable.property.process#e04a42
entity.name.function,support.function.console#8b90a1
keyword.operator.misc.rust#cfc9b0f3
keyword.operator.sigil.rust#fbc421
keyword.operator.delete#fbc421
support.type.object.dom#0b802e
support.variable.dom,support.variable.property.dom#5269ad
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#0b802e
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#fbc421
punctuation.separator.delimiter#cfc9b0f3
punctuation.separator.c,punctuation.separator.cpp#fbc421
support.type.posix-reserved.c,support.type.posix-reserved.cpp#0b802e
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fbc421
variable.parameter.function.language.python#e04a42
support.type.python#0b802e
keyword.operator.logical.python#fbc421
variable.parameter.function.python#e04a42
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#cfc9b0f3
meta.function-call.generic.python#8b90a1
constant.character.format.placeholder.other.python#e04a42
keyword.operator#cfc9b0f3
keyword.operator.assignment.compound#fbc421
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#0b802e
keyword#fbc421
entity.name.namespace#8765b0
variable#5269ad
variable.c#cfc9b0f3
variable.language#8765b0
token.variable.parameter.java#cfc9b0f3
import.storage.java#8765b0
token.package.keyword#fbc421
token.package#cfc9b0f3
entity.name.function, meta.require, support.function.any-method, variable.function#8b90a1
entity.name.type.namespace#8765b0
support.class, entity.name.type.class#8765b0
entity.name.class.identifier.namespace.type#8765b0
entity.name.class, variable.other.class.js, variable.other.class.ts#8765b0
variable.other.class.php#5269ad
entity.name.type#8765b0
keyword.control#fbc421
control.elements, keyword.operator.less#e04a42
keyword.other.special-method#8b90a1
storage#fbc421
token.storage#fbc421
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#fbc421
token.storage.type.java#8765b0
support.function#0b802e
support.type.property-name#cfc9b0f3
support.constant.property-value#cfc9b0f3
support.constant.font-name#e04a42
meta.tag#cfc9b0f3
string#e04a42
entity.other.inherited-class#8765b0
constant.other.symbol#0b802e
constant.numeric#e04a42
constant#e04a42
punctuation.definition.constant#e04a42
entity.name.tag#5269ad
entity.other.attribute-name#e04a42
entity.other.attribute-name.id#8b90a1normal
entity.other.attribute-name.class.css#e04a42normal
meta.selector#fbc421
markup.heading#5269ad
markup.heading punctuation.definition.heading, entity.name.section#8b90a1
keyword.other.unit#5269ad
markup.bold,todo.bold#e04a42
punctuation.definition.bold#8765b0
markup.italic, punctuation.definition.italic,todo.emphasis#fbc421
emphasis md#fbc421
entity.name.section.markdown#5269ad
punctuation.definition.heading.markdown#5269ad
punctuation.definition.list.begin.markdown#5269ad
markup.heading.setext#cfc9b0f3
punctuation.definition.bold.markdown#e04a42
markup.inline.raw.markdown#e04a42
markup.inline.raw.string.markdown#e04a42
punctuation.definition.list.markdown#5269ad
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5269ad
beginning.punctuation.definition.list.markdown#5269ad
punctuation.definition.metadata.markdown#5269ad
markup.underline.link.markdown,markup.underline.link.image.markdown#fbc421
string.other.link.title.markdown,string.other.link.description.markdown#8b90a1
string.regexp#0b802e
constant.character.escape#0b802e
punctuation.section.embedded, variable.interpolation#5269ad
punctuation.section.embedded.begin,punctuation.section.embedded.end#fbc421
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#cfc9b0f3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5269ad
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5269ad
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#e04a42
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#0b802e
support.type.property-name.json#5269ad
support.type.property-name.json punctuation#5269ad
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fbc421
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fbc421
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#8765b0
keyword.operator.error-control.php#fbc421
keyword.operator.type.php#fbc421
punctuation.section.array.begin.php#cfc9b0f3
punctuation.section.array.end.php#cfc9b0f3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#8765b0
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#8b90a1
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#cfc9b0f3
support.constant.core.rust#e04a42
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e04a42
entity.name.goto-label.php,support.other.php#8b90a1
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#0b802e
keyword.operator.regexp.php#fbc421
keyword.operator.comparison.php#0b802e
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fbc421
meta.function.decorator.python#8b90a1
support.token.decorator.python,meta.function.decorator.identifier.python#0b802e
function.parameter#cfc9b0f3
function.brace#cfc9b0f3
function.parameter.ruby, function.parameter.cs#cfc9b0f3
constant.language.symbol.ruby#0b802e
rgb-value#0b802e
inline-color-decoration rgb-value#e04a42
less rgb-value#e04a42
selector.sass#5269ad
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#8765b0
block.scope.end,block.scope.begin#cfc9b0f3
storage.type.cs#8765b0
entity.name.variable.local.cs#5269ad
token.info-token#8b90a1
token.warn-token#e04a42
token.error-token#f44747
token.debug-token#fbc421
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fbc421
meta.template.expression#cfc9b0f3
keyword.operator.module#fbc421
support.type.type.flowtype#8b90a1
support.type.primitive#8765b0
meta.property.object#5269ad
variable.parameter.function.js#5269ad
keyword.other.template.begin#e04a42
keyword.other.template.end#e04a42
keyword.other.substitution.begin#e04a42
keyword.other.substitution.end#e04a42
keyword.operator.assignment#0b802e
keyword.operator.assignment.go#8765b0
keyword.operator.arithmetic.go, keyword.operator.address.go#fbc421
entity.name.package.go#8765b0
support.type.prelude.elm#0b802e
support.constant.elm#e04a42
punctuation.quasi.element#fbc421
constant.character.entity#5269ad
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#0b802e
entity.global.clojure#8765b0
meta.symbol.clojure#5269ad
constant.keyword.clojure#0b802e
meta.arguments.coffee, variable.parameter.function.coffee#5269ad
source.ini#e04a42
meta.scope.prerequisites.makefile#5269ad
source.makefile#8765b0
storage.modifier.import.groovy#8765b0
meta.method.groovy#8b90a1
meta.definition.variable.name.groovy#5269ad
meta.definition.class.inherited.classes.groovy#e04a42
support.variable.semantic.hlsl#8765b0
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#fbc421
text.variable, text.bracketed#5269ad
support.type.swift, support.type.vb.asp#8765b0
entity.name.function.xi#8765b0
entity.name.class.xi#0b802e
constant.character.character-class.regexp.xi#5269ad
constant.regexp.xi#fbc421
keyword.control.xi#0b802e
invalid.xi#cfc9b0f3
beginning.punctuation.definition.quote.markdown.xi#e04a42
beginning.punctuation.definition.list.markdown.xi#5c5c5c
constant.character.xi#8b90a1
accent.xi#8b90a1
wikiword.xi#e04a42
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c5c5c
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#8765b0
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5269ad
meta.brace.square#cfc9b0f3
comment, punctuation.definition.comment#5c5c5citalic
markup.quote.markdown#5c5c5c
punctuation.definition.block.sequence.item.yaml#cfc9b0f3
constant.language.symbol.elixir#0b802e
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...

Plum Good Theme - Coding Theme