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#241919
  • activityBar.background#191010
  • activityBar.border#00000044
  • activityBar.foreground#80696e
  • activityBar.inactiveForeground#ecd4d466
  • activityBarBadge.background#803043
  • activityBarBadge.foreground#ffffff
  • badge.background#803043
  • badge.foreground#dec9c9
  • breadcrumb.activeSelectionForeground#c4b8b8
  • breadcrumb.background#170e0e
  • breadcrumb.focusForeground#c4b8b8
  • breadcrumb.foreground#80696e
  • button.background#5a2c33
  • button.foreground#d7c6c8
  • button.hoverBackground#773640
  • button.secondaryBackground#3d1a1f
  • button.secondaryForeground#e2cccf
  • button.secondaryHoverBackground#4f2128
  • checkbox.background#241919
  • checkbox.border#0000002e
  • checkbox.foreground#dbdbdb
  • debugExceptionWidget.background#150407
  • debugExceptionWidget.border#803043
  • debugToolBar.background#150407
  • debugToolBar.border#803043
  • diffEditor.border#2600000e
  • diffEditor.insertedTextBackground#5a36363a
  • diffEditor.removedTextBackground#77262620
  • dropdown.background#241919
  • dropdown.border#0000002e
  • dropdown.foreground#dbdbdb
  • editor.background#170e0e
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#b7ba50
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#b7ba50
  • editor.findRangeHighlightBackground#3b313166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#7826264d
  • editor.foreground#f0e8e9e9
  • editor.hoverHighlightBackground#565656bf
  • editor.inactiveSelectionBackground#34343468
  • editor.lineHighlightBackground#00000056
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#0000000b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#5c3a447e
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#3dba5c
  • editor.wordHighlightBackground#545454b8
  • editor.wordHighlightStrongBackground#414141b8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#ff0000
  • editorCodeLens.foreground#544444
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#6d6d6d34
  • editorError.border#ffffff00
  • editorError.foreground#e60630
  • editorGroup.border#211d1fe1
  • editorGroup.emptyBackground#170e0e
  • editorGroupHeader.tabsBackground#241919
  • editorGutter.addedBackground#6d843c
  • editorGutter.background#170e0e
  • editorGutter.commentRangeForeground#885b5b
  • editorGutter.deletedBackground#992025
  • editorGutter.foldingControlForeground#885b5b
  • editorGutter.modifiedBackground#608c99
  • editorHoverWidget.background#150407
  • editorHoverWidget.border#583d40
  • editorHoverWidget.foreground#cbacb5
  • editorIndentGuide.activeBackground#731f2c
  • editorIndentGuide.background#41161f
  • editorInfo.background#73add11c
  • editorInfo.border#4490BF00
  • editorInfo.foreground#39c7ff
  • editorLineNumber.activeForeground#d5bbbf
  • editorLineNumber.foreground#4d2128
  • editorLink.activeForeground#4387cf
  • editorMarkerNavigation.background#150407
  • editorMarkerNavigationError.background#9d1d1d
  • editorMarkerNavigationInfo.background#265f62
  • editorMarkerNavigationWarning.background#9d790f
  • editorOverviewRuler.background#45414132
  • editorOverviewRuler.border#1b10103c
  • editorRuler.foreground#50425887
  • editorSuggestWidget.background#240c0c
  • editorSuggestWidget.border#412626
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#fbc800
  • editorSuggestWidget.selectedBackground#511b1b
  • editorWarning.background#92814836
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd518
  • editorWhitespace.foreground#dbbac47e
  • editorWidget.background#170e0e
  • editorWidget.foreground#9b9b9b
  • editorWidget.resizeBorder#803043
  • focusBorder#560822b1
  • foreground#8e7075
  • gitDecoration.addedResourceForeground#77ad8c
  • gitDecoration.conflictingResourceForeground#c0502d
  • gitDecoration.deletedResourceForeground#a92335
  • gitDecoration.ignoredResourceForeground#774b5bb9
  • gitDecoration.modifiedResourceForeground#b68d40
  • gitDecoration.stageDeletedResourceForeground#771c1c
  • gitDecoration.stageModifiedResourceForeground#b6898f
  • gitDecoration.submoduleResourceForeground#868686
  • gitDecoration.untrackedResourceForeground#586ea1
  • icon.foreground#8e7075
  • input.background#241919
  • input.border#0000002e
  • input.foreground#dbdbdb
  • input.placeholderForeground#a99090
  • inputOption.activeBackground#a1575e66
  • inputOption.activeBorder#000000cf
  • inputOption.activeForeground#d1d1d1
  • list.activeSelectionBackground#84264174
  • list.activeSelectionForeground#e2cacc
  • list.dropBackground#623e4528
  • list.focusBackground#382424
  • list.focusForeground#c7a4a9
  • list.highlightForeground#a32a3b
  • list.hoverBackground#622e3d74
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#7524374c
  • list.inactiveSelectionForeground#baa2a5
  • listFilterWidget.background#191010
  • listFilterWidget.noMatchesOutline#d527166c
  • listFilterWidget.outline#2a222242
  • menu.background#241919
  • menu.border#00000085
  • menu.foreground#b2a1a1
  • menu.selectionBackground#6b373c5a
  • menu.selectionBorder#00000022
  • menu.selectionForeground#dbc4c4
  • menu.separatorBackground#5e5e5e8b
  • menubar.selectionBackground#b26b783e
  • menubar.selectionBorder#d19c0000
  • menubar.selectionForeground#bebebe
  • merge.commonContentBackground#212121
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#3d090e
  • merge.currentHeaderBackground#79101f
  • merge.incomingContentBackground#063024
  • merge.incomingHeaderBackground#006632
  • minimap.background#170e0e
  • minimap.errorHighlight#e60630
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#5c3a447e
  • minimap.warningHighlight#ffd518
  • minimapGutter.addedBackground#6d843c
  • minimapGutter.deletedBackground#992025
  • minimapGutter.modifiedBackground#608c99
  • notificationCenter.border#473337
  • notificationCenterHeader.background#2e1818
  • notificationCenterHeader.foreground#b0a1a1
  • notifications.background#1f0f0f
  • notifications.border#473337
  • notifications.foreground#b0a1a1
  • notificationsErrorIcon.foreground#b83030
  • notificationsInfoIcon.foreground#5281ab
  • notificationsWarningIcon.foreground#a38b20
  • notificationToast.border#562626b9
  • panel.background#191010
  • panel.border#d769ff16
  • panelSection.border#80808059
  • panelTitle.activeBorder#803043
  • panelTitle.activeForeground#b4b4b4
  • panelTitle.inactiveForeground#ffcece99
  • peekView.border#58363ba3
  • peekViewEditor.background#150407
  • peekViewEditor.matchHighlightBackground#0040ff38
  • peekViewEditor.matchHighlightBorder#1e96ee58
  • peekViewEditorGutter.background#150407
  • peekViewResult.background#150407
  • peekViewResult.fileForeground#a9a9a9ab
  • peekViewResult.lineForeground#bcbcbc
  • peekViewResult.matchHighlightBackground#714848c7
  • peekViewResult.selectionBackground#ab677433
  • peekViewResult.selectionForeground#ffd9d9
  • peekViewTitle.background#150407
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#c2b4b4
  • pickerGroup.border#803043
  • pickerGroup.foreground#803043
  • progressBar.background#6b1824
  • scrollbar.shadow#1111117e
  • scrollbarSlider.activeBackground#88565fbd
  • scrollbarSlider.background#130b0dab
  • scrollbarSlider.hoverBackground#382528fd
  • selection.background#64343dbb
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#8e7075
  • sideBar.background#241919
  • sideBar.border#26161644
  • sideBar.dropBackground#623e4528
  • sideBar.foreground#a58388
  • sideBarSectionHeader.background#21101038
  • sideBarSectionHeader.border#382124f1
  • sideBarSectionHeader.foreground#a58388
  • sideBarTitle.foreground#c2b2b5
  • statusBar.background#191010
  • statusBar.border#000000
  • statusBar.debuggingBackground#4f3237
  • statusBar.debuggingBorder#00000089
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#8c6e7b
  • statusBar.noFolderBackground#191010
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#9067847c
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#560000a3
  • statusBarItem.remoteBackground#6b1824
  • statusBarItem.remoteForeground#191010
  • tab.activeBackground#170e0e
  • tab.activeBorder#c7940000
  • tab.activeBorderTop#deb464e9
  • tab.activeForeground#f5dada
  • tab.border#3d2832
  • tab.hoverBackground#49070e99
  • tab.hoverBorder#774a4a
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#241919
  • tab.inactiveForeground#b68e8e80
  • terminal.ansiBlack#2e2e2e
  • terminal.ansiBlue#12377d
  • terminal.ansiBrightBlack#494949
  • terminal.ansiBrightBlue#1b51b6
  • terminal.ansiBrightCyan#169fa7
  • terminal.ansiBrightGreen#0d8e1c
  • terminal.ansiBrightMagenta#b62bac
  • terminal.ansiBrightRed#ab0810
  • terminal.ansiBrightWhite#c2c2c2
  • terminal.ansiBrightYellow#e4a101
  • terminal.ansiCyan#127a80
  • terminal.ansiGreen#0b6415
  • terminal.ansiMagenta#801f79
  • terminal.ansiRed#7d161b
  • terminal.ansiWhite#ababab
  • terminal.ansiYellow#9b6d00
  • terminal.border#80808059
  • terminal.foreground#b8a3a7
  • terminal.selectionBackground#846b7544
  • terminalCursor.background#000000b5
  • terminalCursor.foreground#cfcfcf
  • textLink.foreground#e4b976
  • titleBar.activeBackground#191010
  • titleBar.activeForeground#a18288
  • titleBar.border#00000076
  • titleBar.inactiveBackground#24000099
  • titleBar.inactiveForeground#c79b9b99
  • tree.indentGuidesStroke#62383e
  • 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#c45757
variable.other.generic-type.haskell#dea12ce9
storage.type.haskell#c97f31
support.variable.magic.python#c45757
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f0e8e9e9
variable.parameter.function.language.special.self.python#74bbc7e9
storage.modifier.lifetime.rust#f0e8e9e9
support.function.std.rust#839968
entity.name.lifetime.rust#74bbc7e9
variable.language.rust#c45757
support.constant.edge#dea12ce9
constant.other.character-class.regexp#c45757
keyword.operator.quantifier.regexp#c97f31
punctuation.definition.string.begin,punctuation.definition.string.end#c97f31
variable.parameter.function#f0e8e9e9
comment markup.link#51222c
markup.changed.diff#74bbc7e9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#839968
markup.inserted.diff#c97f31
markup.deleted.diff#c45757
meta.function.c,meta.function.cpp#c45757
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#f0e8e9e9
punctuation.separator.key-value#f0e8e9e9
keyword.operator.expression.import#839968
support.constant.math#74bbc7e9
support.constant.property.math#c97f31
variable.other.constant#74bbc7e9
storage.type.annotation.java, storage.type.object.array.java#74bbc7e9
source.java#c45757
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#f0e8e9e9
meta.method.java#839968
storage.modifier.import.java,storage.type.java,storage.type.generic.java#74bbc7e9
keyword.operator.instanceof.java#dea12ce9
meta.definition.variable.name.java#c45757
keyword.operator.logical#a5386b
keyword.operator.bitwise#a5386b
keyword.operator.channel#a5386b
support.constant.property-value.scss,support.constant.property-value.css#c97f31
keyword.operator.css,keyword.operator.scss,keyword.operator.less#a5386b
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#c97f31
punctuation.separator.list.comma.css#f0e8e9e9
support.constant.color.w3c-standard-color-name.css#c97f31
support.type.vendored.property-name.css#a5386b
support.module.node,support.type.object.module,support.module.node#74bbc7e9
entity.name.type.module#74bbc7e9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#c45757
support.constant.json#c97f31
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#dea12ce9
support.type.object.console#c45757
support.variable.property.process#c97f31
entity.name.function,support.function.console#839968
keyword.operator.misc.rust#f0e8e9e9
keyword.operator.sigil.rust#dea12ce9
keyword.operator.delete#dea12ce9
support.type.object.dom#a5386b
support.variable.dom,support.variable.property.dom#c45757
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#a5386b
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#dea12ce9
punctuation.separator.delimiter#f0e8e9e9
punctuation.separator.c,punctuation.separator.cpp#dea12ce9
support.type.posix-reserved.c,support.type.posix-reserved.cpp#a5386b
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#dea12ce9
variable.parameter.function.language.python#c97f31
support.type.python#a5386b
keyword.operator.logical.python#dea12ce9
variable.parameter.function.python#c97f31
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f0e8e9e9
meta.function-call.generic.python#839968
constant.character.format.placeholder.other.python#c97f31
keyword.operator#f0e8e9e9
keyword.operator.assignment.compound#dea12ce9
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#a5386b
keyword#dea12ce9
entity.name.namespace#74bbc7e9
variable#c45757
variable.c#f0e8e9e9
variable.language#74bbc7e9
token.variable.parameter.java#f0e8e9e9
import.storage.java#74bbc7e9
token.package.keyword#dea12ce9
token.package#f0e8e9e9
entity.name.function, meta.require, support.function.any-method, variable.function#839968
entity.name.type.namespace#74bbc7e9
support.class, entity.name.type.class#74bbc7e9
entity.name.class.identifier.namespace.type#74bbc7e9
entity.name.class, variable.other.class.js, variable.other.class.ts#74bbc7e9
variable.other.class.php#c45757
entity.name.type#74bbc7e9
keyword.control#dea12ce9
control.elements, keyword.operator.less#c97f31
keyword.other.special-method#839968
storage#dea12ce9
token.storage#dea12ce9
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#dea12ce9
token.storage.type.java#74bbc7e9
support.function#a5386b
support.type.property-name#f0e8e9e9
support.constant.property-value#f0e8e9e9
support.constant.font-name#c97f31
meta.tag#f0e8e9e9
string#c97f31
entity.other.inherited-class#74bbc7e9
constant.other.symbol#a5386b
constant.numeric#c97f31
constant#c97f31
punctuation.definition.constant#c97f31
entity.name.tag#c45757
entity.other.attribute-name#c97f31
entity.other.attribute-name.id#839968normal
entity.other.attribute-name.class.css#c97f31normal
meta.selector#dea12ce9
markup.heading#c45757
markup.heading punctuation.definition.heading, entity.name.section#839968
keyword.other.unit#c45757
markup.bold,todo.bold#c97f31
punctuation.definition.bold#74bbc7e9
markup.italic, punctuation.definition.italic,todo.emphasis#dea12ce9
emphasis md#dea12ce9
entity.name.section.markdown#c45757
punctuation.definition.heading.markdown#c45757
punctuation.definition.list.begin.markdown#c45757
markup.heading.setext#f0e8e9e9
punctuation.definition.bold.markdown#c97f31
markup.inline.raw.markdown#c97f31
markup.inline.raw.string.markdown#c97f31
punctuation.definition.list.markdown#c45757
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c45757
beginning.punctuation.definition.list.markdown#c45757
punctuation.definition.metadata.markdown#c45757
markup.underline.link.markdown,markup.underline.link.image.markdown#dea12ce9
string.other.link.title.markdown,string.other.link.description.markdown#839968
string.regexp#a5386b
constant.character.escape#a5386b
punctuation.section.embedded, variable.interpolation#c45757
punctuation.section.embedded.begin,punctuation.section.embedded.end#dea12ce9
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f0e8e9e9
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#c45757
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c45757
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#c97f31
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#a5386b
support.type.property-name.json#c45757
support.type.property-name.json punctuation#c45757
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#dea12ce9
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#dea12ce9
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#74bbc7e9
keyword.operator.error-control.php#dea12ce9
keyword.operator.type.php#dea12ce9
punctuation.section.array.begin.php#f0e8e9e9
punctuation.section.array.end.php#f0e8e9e9
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#74bbc7e9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#839968
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#f0e8e9e9
support.constant.core.rust#c97f31
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c97f31
entity.name.goto-label.php,support.other.php#839968
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#a5386b
keyword.operator.regexp.php#dea12ce9
keyword.operator.comparison.php#a5386b
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#dea12ce9
meta.function.decorator.python#839968
support.token.decorator.python,meta.function.decorator.identifier.python#a5386b
function.parameter#f0e8e9e9
function.brace#f0e8e9e9
function.parameter.ruby, function.parameter.cs#f0e8e9e9
constant.language.symbol.ruby#a5386b
rgb-value#a5386b
inline-color-decoration rgb-value#c97f31
less rgb-value#c97f31
selector.sass#c45757
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#74bbc7e9
block.scope.end,block.scope.begin#f0e8e9e9
storage.type.cs#74bbc7e9
entity.name.variable.local.cs#c45757
token.info-token#839968
token.warn-token#c97f31
token.error-token#f44747
token.debug-token#dea12ce9
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#dea12ce9
meta.template.expression#f0e8e9e9
keyword.operator.module#dea12ce9
support.type.type.flowtype#839968
support.type.primitive#74bbc7e9
meta.property.object#c45757
variable.parameter.function.js#c45757
keyword.other.template.begin#c97f31
keyword.other.template.end#c97f31
keyword.other.substitution.begin#c97f31
keyword.other.substitution.end#c97f31
keyword.operator.assignment#a5386b
keyword.operator.assignment.go#74bbc7e9
keyword.operator.arithmetic.go, keyword.operator.address.go#dea12ce9
entity.name.package.go#74bbc7e9
support.type.prelude.elm#a5386b
support.constant.elm#c97f31
punctuation.quasi.element#dea12ce9
constant.character.entity#c45757
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#a5386b
entity.global.clojure#74bbc7e9
meta.symbol.clojure#c45757
constant.keyword.clojure#a5386b
meta.arguments.coffee, variable.parameter.function.coffee#c45757
source.ini#c97f31
meta.scope.prerequisites.makefile#c45757
source.makefile#74bbc7e9
storage.modifier.import.groovy#74bbc7e9
meta.method.groovy#839968
meta.definition.variable.name.groovy#c45757
meta.definition.class.inherited.classes.groovy#c97f31
support.variable.semantic.hlsl#74bbc7e9
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#dea12ce9
text.variable, text.bracketed#c45757
support.type.swift, support.type.vb.asp#74bbc7e9
entity.name.function.xi#74bbc7e9
entity.name.class.xi#a5386b
constant.character.character-class.regexp.xi#c45757
constant.regexp.xi#dea12ce9
keyword.control.xi#a5386b
invalid.xi#f0e8e9e9
beginning.punctuation.definition.quote.markdown.xi#c97f31
beginning.punctuation.definition.list.markdown.xi#51222c
constant.character.xi#839968
accent.xi#839968
wikiword.xi#c97f31
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#51222c
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#74bbc7e9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#c45757
meta.brace.square#f0e8e9e9
comment, punctuation.definition.comment#51222citalic
markup.quote.markdown#51222c
punctuation.definition.block.sequence.item.yaml#f0e8e9e9
constant.language.symbol.elixir#a5386b
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...