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#07001200
  • activityBar.background#110029
  • activityBar.border#8E4AF566
  • activityBar.foreground#8E4AF5
  • activityBar.inactiveForeground#8E4AF562
  • activityBarBadge.background#D1A3FF
  • activityBarBadge.foreground#070012
  • badge.background#D1A3FF
  • badge.foreground#070012
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#04D9C418
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#D1A3FF
  • button.foreground#070012
  • button.hoverBackground#D1A3FF
  • button.secondaryBackground#8E4AF5
  • button.secondaryForeground#070012
  • button.secondaryHoverBackground#8E4AF5
  • checkbox.background#070012
  • checkbox.border#07001200
  • checkbox.foreground#E6D9FF
  • commandCenter.activeBackground#8E4AF51a
  • commandCenter.activeForeground#E6D9FF
  • commandCenter.background#070012
  • commandCenter.border#8E4AF57a
  • commandCenter.foreground#cccccc
  • debugConsole.errorForeground#FF1C5B
  • debugConsole.infoForeground#E6D9FF
  • debugConsole.sourceForeground#D1A3FF
  • debugConsole.warningForeground#FFDF7E
  • debugConsoleInputIcon.foreground#04D9C4
  • debugExceptionWidget.background#160033
  • debugExceptionWidget.border#EE4CFC89
  • debugToolBar.background#160033
  • debugToolBar.border#EE4CFC89
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#070012
  • dropdown.border#07001200
  • dropdown.foreground#E6D9FF
  • editor.background#070012
  • editor.findMatchBackground#EE4CFC48
  • editor.findMatchBorder#EE4CFCab
  • editor.findMatchHighlightBackground#EE4CFC48
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3f2000ab
  • editor.findRangeHighlightBorder#582e03ab
  • editor.foldBackground#24394d5e
  • editor.foreground#E6D9FF
  • editor.hoverHighlightBackground#8e48006c
  • editor.inactiveSelectionBackground#3f2000ab
  • editor.lineHighlightBackground#ffffff12
  • editor.lineHighlightBorder#28282842
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#42008A
  • editor.selectionHighlightBackground#8E4AF542
  • editor.selectionHighlightBorder#8E4AF550
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightStrongBackground#00497200
  • editorBracketHighlight.foreground1#8E4AF5
  • editorBracketHighlight.foreground2#B377FF
  • editorBracketHighlight.foreground3#04D9C4
  • editorBracketHighlight.foreground4#EE4CFC
  • editorBracketHighlight.foreground5#D1A3FF
  • editorBracketHighlight.foreground6#FFFFFF
  • editorBracketHighlight.unexpectedBracket.foreground#FF1C5B
  • editorBracketMatch.background#2E0066
  • editorBracketMatch.border#db7914c9
  • editorBracketPairGuide.activeBackground1#8E4AF580
  • editorBracketPairGuide.activeBackground2#B377FF80
  • editorBracketPairGuide.activeBackground3#04D9C480
  • editorBracketPairGuide.activeBackground4#EE4CFC80
  • editorBracketPairGuide.activeBackground5#D1A3FF80
  • editorBracketPairGuide.activeBackground6#FFFFFF80
  • editorCodeLens.foreground#999999
  • editorCursor.background#070012
  • editorCursor.foreground#E6D9FF
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#FF1C5B
  • editorGroup.border#04D9C481
  • editorGroup.emptyBackground#070012
  • editorGroupHeader.border#04D9C47a
  • editorGroupHeader.tabsBackground#070012
  • editorGroupHeader.tabsBorder#04D9C47a
  • editorGutter.addedBackground#04D9C4
  • editorGutter.background#00171500
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#FF1C5B
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#B377FF
  • editorHoverWidget.background#190038
  • editorHoverWidget.border#04D9C47a
  • editorHoverWidget.foreground#eae1e1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#04D9C41a
  • editorInfo.border#04D9C47a
  • editorInfo.foreground#04D9C4
  • editorInlayHint.background#8E4AF51a
  • editorInlayHint.foreground#ffffffa0
  • editorInlayHint.parameterBackground#D1A3FF1a
  • editorInlayHint.parameterForeground#D1A3FFa0
  • editorInlayHint.typeBackground#04D9C41a
  • editorInlayHint.typeForeground#04D9C4a0
  • editorLineNumber.activeForeground#04D9C4
  • editorLineNumber.foreground#858585ab
  • editorLink.activeForeground#5588ff
  • editorMarkerNavigation.background#1C0040
  • editorMarkerNavigationError.background#8E4AF5
  • editorMarkerNavigationInfo.background#04D9C4
  • editorMarkerNavigationWarning.background#8E4AF5
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#FFDF7E4e
  • editorStickyScroll.background#070012
  • editorStickyScroll.border#8E4AF57a
  • editorStickyScrollHover.background#8E4AF51a
  • editorSuggestWidget.background#160033
  • editorSuggestWidget.border#8E4AF587
  • editorSuggestWidget.foreground#f2efef
  • editorSuggestWidget.highlightForeground#8E4AF5
  • editorSuggestWidget.selectedBackground#2E0066
  • editorWarning.background#a9904000
  • editorWarning.border#FFDF7E00
  • editorWarning.foreground#FFDF7E
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1C0040
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#B377FF
  • focusBorder#B377FF
  • foreground#E6D9FF
  • gitDecoration.addedResourceForeground#04D9C4
  • gitDecoration.conflictingResourceForeground#B377FF
  • gitDecoration.deletedResourceForeground#FF1C5B
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#FFDF7E
  • gitDecoration.stageDeletedResourceForeground#FF1C5B
  • gitDecoration.stageModifiedResourceForeground#FFDF7E
  • gitDecoration.submoduleResourceForeground#04D9C4
  • gitDecoration.untrackedResourceForeground#04D9C4
  • icon.foreground#E6D9FF
  • input.background#070012
  • input.border#07001200
  • input.foreground#E6D9FF
  • input.placeholderForeground#a6a6a6c9
  • inputOption.activeBackground#007fd400
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#04D9C4
  • keybindingLabel.background#8E4AF533
  • keybindingLabel.border#8E4AF57a
  • keybindingLabel.bottomBorder#8E4AF5aa
  • keybindingLabel.foreground#E6D9FF
  • list.activeSelectionBackground#8E4AF566
  • list.activeSelectionForeground#E6D9FF
  • list.dropBackground#8E4AF540
  • list.focusBackground#8E4AF566
  • list.focusForeground#E6D9FF
  • list.highlightForeground#ff2863
  • list.hoverBackground#8E4AF514
  • list.hoverForeground#E6D9FF
  • list.inactiveSelectionBackground#8E4AF52e
  • list.inactiveSelectionForeground#E6D9FF
  • listFilterWidget.background#070012
  • listFilterWidget.noMatchesOutline#8E4AF5
  • listFilterWidget.outline#B377FF
  • menu.background#110029
  • menu.border#8E4AF5
  • menu.foreground#cccccc
  • menu.selectionBackground#8E4AF5
  • menu.selectionBorder#8E4AF5
  • menu.selectionForeground#E6D9FF
  • menu.separatorBackground#8E4AF58b
  • menubar.selectionBackground#8E4AF5
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#8E4AF51a
  • merge.commonHeaderBackground#8E4AF54d
  • merge.currentContentBackground#04D9C41a
  • merge.currentHeaderBackground#04D9C44d
  • merge.incomingContentBackground#B377FF1a
  • merge.incomingHeaderBackground#B377FF4d
  • minimap.background#070012
  • minimap.errorHighlight#FF1C5B
  • minimap.findMatchHighlight#EE4CFC48
  • minimap.selectionHighlight#42008A
  • minimap.warningHighlight#FFDF7E
  • minimapGutter.addedBackground#04D9C4
  • minimapGutter.deletedBackground#FF1C5B
  • minimapGutter.modifiedBackground#B377FF
  • notificationCenter.border#8E4AF57a
  • notificationCenterHeader.background#110029
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#FF1C5B
  • notificationsInfoIcon.foreground#04D9C4
  • notificationsWarningIcon.foreground#FFDF7E
  • notificationToast.border#474747
  • panel.background#0D001F
  • panel.border#8E4AF570
  • panelSection.border#8E4AF57a
  • panelTitle.activeBorder#8E4AF5
  • panelTitle.activeForeground#8E4AF5
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#04D9C47a
  • peekViewEditor.background#190038
  • peekViewEditor.matchHighlightBackground#1c0243
  • peekViewEditor.matchHighlightBorder#5823a9
  • peekViewEditorGutter.background#001f3300
  • peekViewResult.background#1C0040
  • peekViewResult.fileForeground#E6D9FF
  • peekViewResult.lineForeground#E6D9FF
  • peekViewResult.matchHighlightBackground#8E4AF5
  • peekViewResult.selectionBackground#2E0066
  • peekViewResult.selectionForeground#E6D9FF
  • peekViewTitle.background#044b447a
  • peekViewTitleDescription.foreground#ffffffa3
  • peekViewTitleLabel.foreground#E6D9FF
  • pickerGroup.border#B377FF
  • pickerGroup.foreground#8E4AF5
  • progressBar.background#8E4AF5
  • sash.hoverBorder#B377FF
  • scrollbar.shadow#ff161600
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#8E4AF5
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#E6D9FF
  • sideBar.background#0D001F
  • sideBar.border#B377FF76
  • sideBar.dropBackground#8E4AF540
  • sideBar.foreground#E6D9FF
  • sideBarSectionHeader.background#B377FF1c
  • sideBarSectionHeader.border#B377FF
  • sideBarSectionHeader.foreground#E6D9FF
  • sideBarTitle.foreground#8E4AF5
  • statusBar.background#140033
  • statusBar.border#8E4AF5
  • statusBar.debuggingBackground#1C0040
  • statusBar.debuggingBorder#8E4AF5
  • statusBar.debuggingForeground#ff82a5
  • statusBar.foreground#c09bf9
  • statusBar.noFolderBackground#011f1c
  • statusBar.noFolderBorder#04D9C4
  • statusBar.noFolderForeground#45ffed
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2b026b00
  • statusBarItem.remoteBackground#062802
  • statusBarItem.remoteForeground#00ff85
  • tab.activeBackground#261401cb
  • tab.activeBorder#8E4AF5
  • tab.activeBorderTop#07001200
  • tab.activeForeground#E6D9FF
  • tab.border#343434
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#ffffff80
  • tab.lastPinnedBorder#B377FF7a
  • terminal.ansiBlack#070012
  • terminal.ansiBlue#B377FF
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#a78bff
  • terminal.ansiBrightCyan#45ffed
  • terminal.ansiBrightGreen#04D9C4
  • terminal.ansiBrightMagenta#D1A3FF
  • terminal.ansiBrightRed#8E4AF5
  • terminal.ansiBrightWhite#E6D9FF
  • terminal.ansiBrightYellow#EE4CFC
  • terminal.ansiCyan#04D9C4
  • terminal.ansiGreen#73c991
  • terminal.ansiMagenta#B377FF
  • terminal.ansiRed#8E4AF5
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#FFDF7E
  • terminal.border#8E4AF57a
  • terminal.foreground#cccccc
  • terminal.selectionBackground#8E4AF51e
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#E6D9FF
  • textLink.foreground#8E4AF5
  • titleBar.activeBackground#070012
  • titleBar.activeForeground#cccccc
  • titleBar.border#8E4AF500
  • titleBar.inactiveBackground#070012
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#8E4AF57a
  • walkThrough.embeddedEditorBackground#07001250
  • widget.shadow#0700125c

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#8E4AF5
variable.other.generic-type.haskell#04D9C4
storage.type.haskell#EE4CFC
support.variable.magic.python#8E4AF5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#E6D9FF
variable.parameter.function.language.special.self.python#D1A3FF
storage.modifier.lifetime.rust#E6D9FF
support.function.std.rust#B377FF
entity.name.lifetime.rust#D1A3FF
variable.language.rust#8E4AF5
support.constant.edge#04D9C4
constant.other.character-class.regexp#8E4AF5
keyword.operator.quantifier.regexp#EE4CFC
punctuation.definition.string.begin,punctuation.definition.string.end#E6D9FF
variable.parameter.function#E6D9FF
comment markup.link#7f848e87
markup.changed.diff#D1A3FF
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#B377FF
markup.inserted.diff#E6D9FF
markup.deleted.diff#8E4AF5
meta.function.c,meta.function.cpp#8E4AF5
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#E6D9FF
punctuation.separator.key-value#E6D9FF
keyword.operator.expression.import#B377FF
support.constant.math#D1A3FF
support.constant.property.math#EE4CFC
variable.other.constant#D1A3FF
storage.type.annotation.java, storage.type.object.array.java#D1A3FF
source.java#8E4AF5
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#E6D9FF
meta.method.java#B377FF
storage.modifier.import.java,storage.type.java,storage.type.generic.java#D1A3FF
keyword.operator.instanceof.java#04D9C4
meta.definition.variable.name.java#8E4AF5
keyword.operator.logical#FFFFFF
keyword.operator.bitwise#FFFFFF
keyword.operator.channel#FFFFFF
support.constant.property-value.scss,support.constant.property-value.css#EE4CFC
keyword.operator.css,keyword.operator.scss,keyword.operator.less#FFFFFF
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#EE4CFC
punctuation.separator.list.comma.css#E6D9FF
support.constant.color.w3c-standard-color-name.css#EE4CFC
support.type.vendored.property-name.css#FFFFFF
support.module.node,support.type.object.module,support.module.node#D1A3FF
entity.name.type.module#D1A3FF
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#8E4AF5
support.constant.json#EE4CFC
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#04D9C4
support.type.object.console#8E4AF5
support.variable.property.process#EE4CFC
entity.name.function,support.function.console#B377FF
keyword.operator.misc.rust#E6D9FF
keyword.operator.sigil.rust#04D9C4
keyword.operator.delete#04D9C4
support.type.object.dom#FFFFFF
support.variable.dom,support.variable.property.dom#8E4AF5
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#FFFFFF
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#04D9C4
punctuation.separator.delimiter#E6D9FF
punctuation.separator.c,punctuation.separator.cpp#04D9C4
support.type.posix-reserved.c,support.type.posix-reserved.cpp#FFFFFF
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#04D9C4
variable.parameter.function.language.python#EE4CFC
support.type.python#FFFFFF
keyword.operator.logical.python#04D9C4
variable.parameter.function.python#EE4CFC
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#E6D9FF
meta.function-call.generic.python#B377FF
constant.character.format.placeholder.other.python#EE4CFC
keyword.operator#E6D9FF
keyword.operator.assignment.compound#04D9C4
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#FFFFFF
keyword#04D9C4
entity.name.namespace#D1A3FF
variable#8E4AF5
variable.c#E6D9FF
variable.language#D1A3FF
token.variable.parameter.java#E6D9FF
import.storage.java#D1A3FF
token.package.keyword#04D9C4
token.package#E6D9FF
entity.name.function, meta.require, support.function.any-method, variable.function#B377FF
entity.name.type.namespace#D1A3FF
support.class, entity.name.type.class#D1A3FF
entity.name.class.identifier.namespace.type#D1A3FF
entity.name.class, variable.other.class.js, variable.other.class.ts#D1A3FF
variable.other.class.php#8E4AF5
entity.name.type#D1A3FF
keyword.control#04D9C4
control.elements, keyword.operator.less#EE4CFC
keyword.other.special-method#B377FF
storage#04D9C4
token.storage#04D9C4
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#04D9C4
token.storage.type.java#D1A3FF
support.function#FFFFFF
support.type.property-name#E6D9FF
support.constant.property-value#E6D9FF
support.constant.font-name#EE4CFC
meta.tag#E6D9FF
string#E6D9FF
entity.other.inherited-class#D1A3FF
constant.other.symbol#FFFFFF
constant.numeric#EE4CFC
constant#EE4CFC
punctuation.definition.constant#EE4CFC
entity.name.tag#8E4AF5
entity.other.attribute-name#EE4CFC
entity.other.attribute-name.id#B377FFnormal
entity.other.attribute-name.class.css#EE4CFCnormal
meta.selector#04D9C4
markup.heading#8E4AF5
markup.heading punctuation.definition.heading, entity.name.section#B377FF
keyword.other.unit#8E4AF5
markup.bold,todo.bold#EE4CFC
punctuation.definition.bold#D1A3FF
markup.italic, punctuation.definition.italic,todo.emphasis#04D9C4
emphasis md#04D9C4
entity.name.section.markdown#8E4AF5
punctuation.definition.heading.markdown#8E4AF5
punctuation.definition.list.begin.markdown#8E4AF5
markup.heading.setext#E6D9FF
punctuation.definition.bold.markdown#EE4CFC
markup.inline.raw.markdown#E6D9FF
markup.inline.raw.string.markdown#E6D9FF
punctuation.definition.list.markdown#8E4AF5
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#8E4AF5
beginning.punctuation.definition.list.markdown#8E4AF5
punctuation.definition.metadata.markdown#8E4AF5
markup.underline.link.markdown,markup.underline.link.image.markdown#04D9C4
string.other.link.title.markdown,string.other.link.description.markdown#B377FF
string.regexp#FFFFFF
constant.character.escape#FFFFFF
punctuation.section.embedded, variable.interpolation#8E4AF5
punctuation.section.embedded.begin,punctuation.section.embedded.end#04D9C4
invalid.illegal#E6D9FF
invalid.illegal.bad-ampersand.html#E6D9FF
invalid.broken#E6D9FF
invalid.deprecated#E6D9FF
invalid.unimplemented#E6D9FF
source.json meta.structure.dictionary.json > string.quoted.json#8E4AF5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#8E4AF5
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#E6D9FF
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#FFFFFF
support.type.property-name.json#8E4AF5
support.type.property-name.json punctuation#8E4AF5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#04D9C4
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#04D9C4
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#D1A3FF
keyword.operator.error-control.php#04D9C4
keyword.operator.type.php#04D9C4
punctuation.section.array.begin.php#E6D9FF
punctuation.section.array.end.php#E6D9FF
invalid.illegal.non-null-typehinted.php#FF1C5B
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#D1A3FF
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#B377FF
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#E6D9FF
support.constant.core.rust#EE4CFC
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#EE4CFC
entity.name.goto-label.php,support.other.php#B377FF
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#FFFFFF
keyword.operator.regexp.php#04D9C4
keyword.operator.comparison.php#FFFFFF
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#04D9C4
meta.function.decorator.python#B377FF
support.token.decorator.python,meta.function.decorator.identifier.python#FFFFFF
function.parameter#E6D9FF
function.brace#E6D9FF
function.parameter.ruby, function.parameter.cs#E6D9FF
constant.language.symbol.ruby#FFFFFF
rgb-value#FFFFFF
inline-color-decoration rgb-value#EE4CFC
less rgb-value#EE4CFC
selector.sass#8E4AF5
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#D1A3FF
block.scope.end,block.scope.begin#E6D9FF
storage.type.cs#D1A3FF
entity.name.variable.local.cs#8E4AF5
token.info-token#B377FF
token.warn-token#EE4CFC
token.error-token#FF1C5B
token.debug-token#04D9C4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#04D9C4
meta.template.expression#E6D9FF
keyword.operator.module#04D9C4
support.type.type.flowtype#B377FF
support.type.primitive#D1A3FF
meta.property.object#8E4AF5
variable.parameter.function.js#8E4AF5
keyword.other.template.begin#E6D9FF
keyword.other.template.end#E6D9FF
keyword.other.substitution.begin#E6D9FF
keyword.other.substitution.end#E6D9FF
keyword.operator.assignment#FFFFFF
keyword.operator.assignment.go#D1A3FF
keyword.operator.arithmetic.go, keyword.operator.address.go#04D9C4
entity.name.package.go#D1A3FF
support.type.prelude.elm#FFFFFF
support.constant.elm#EE4CFC
punctuation.quasi.element#04D9C4
constant.character.entity#8E4AF5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#FFFFFF
entity.global.clojure#D1A3FF
meta.symbol.clojure#8E4AF5
constant.keyword.clojure#FFFFFF
meta.arguments.coffee, variable.parameter.function.coffee#8E4AF5
source.ini#E6D9FF
meta.scope.prerequisites.makefile#8E4AF5
source.makefile#D1A3FF
storage.modifier.import.groovy#D1A3FF
meta.method.groovy#B377FF
meta.definition.variable.name.groovy#8E4AF5
meta.definition.class.inherited.classes.groovy#E6D9FF
support.variable.semantic.hlsl#D1A3FF
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#04D9C4
text.variable, text.bracketed#8E4AF5
support.type.swift, support.type.vb.asp#D1A3FF
entity.name.function.xi#D1A3FF
entity.name.class.xi#FFFFFF
constant.character.character-class.regexp.xi#8E4AF5
constant.regexp.xi#04D9C4
keyword.control.xi#FFFFFF
invalid.xi#E6D9FF
beginning.punctuation.definition.quote.markdown.xi#E6D9FF
beginning.punctuation.definition.list.markdown.xi#7f848e87
constant.character.xi#B377FF
accent.xi#B377FF
wikiword.xi#EE4CFC
constant.other.color.rgb-value.xi#E6D9FF
punctuation.definition.tag.xi#7f848e87
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#D1A3FF
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#8E4AF5
meta.brace.square#E6D9FF
comment, punctuation.definition.comment#7f848e87italic
markup.quote.markdown#7f848e87
punctuation.definition.block.sequence.item.yaml#E6D9FF
constant.language.symbol.elixir#FFFFFF
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...