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#08000600
  • activityBar.background#14000F
  • activityBar.border#F2229466
  • activityBar.foreground#F22294
  • activityBar.inactiveForeground#F2229462
  • activityBarBadge.background#EE05F2
  • activityBarBadge.foreground#080006
  • badge.background#EE05F2
  • badge.foreground#080006
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#FFFFFF18
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#EE05F2
  • button.foreground#080006
  • button.hoverBackground#EE05F2
  • button.secondaryBackground#F22294
  • button.secondaryForeground#080006
  • button.secondaryHoverBackground#F22294
  • checkbox.background#080006
  • checkbox.border#08000600
  • checkbox.foreground#FFD9F2
  • commandCenter.activeBackground#D414A81a
  • commandCenter.activeForeground#FFD9F2
  • commandCenter.background#080006
  • commandCenter.border#D414A87a
  • commandCenter.foreground#cccccc
  • debugConsole.errorForeground#FF1C5B
  • debugConsole.infoForeground#FFD9F2
  • debugConsole.sourceForeground#EE4CFC
  • debugConsole.warningForeground#FFDF7E
  • debugConsoleInputIcon.foreground#FFFFFF
  • debugExceptionWidget.background#1A0014
  • debugExceptionWidget.border#FFB3D989
  • debugToolBar.background#1A0014
  • debugToolBar.border#FFB3D989
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#080006
  • dropdown.border#08000600
  • dropdown.foreground#FFD9F2
  • editor.background#080006
  • editor.findMatchBackground#FFB3D948
  • editor.findMatchBorder#FFB3D9ab
  • editor.findMatchHighlightBackground#FFB3D948
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3f2000ab
  • editor.findRangeHighlightBorder#582e03ab
  • editor.foldBackground#24394d5e
  • editor.foreground#FFD9F2
  • editor.hoverHighlightBackground#8e48006c
  • editor.inactiveSelectionBackground#3f2000ab
  • editor.lineHighlightBackground#ffffff12
  • editor.lineHighlightBorder#28282842
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#590046
  • editor.selectionHighlightBackground#EE4CFC42
  • editor.selectionHighlightBorder#EE4CFC50
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightStrongBackground#00497200
  • editorBracketHighlight.foreground1#F22294
  • editorBracketHighlight.foreground2#EE05F2
  • editorBracketHighlight.foreground3#FFFFFF
  • editorBracketHighlight.foreground4#FFDF7E
  • editorBracketHighlight.foreground5#EE4CFC
  • editorBracketHighlight.foreground6#8E4AF5
  • editorBracketHighlight.unexpectedBracket.foreground#FF1C5B
  • editorBracketMatch.background#400032
  • editorBracketMatch.border#db7914c9
  • editorBracketPairGuide.activeBackground1#F2229480
  • editorBracketPairGuide.activeBackground2#EE05F280
  • editorBracketPairGuide.activeBackground3#FFFFFF80
  • editorBracketPairGuide.activeBackground4#FFDF7E80
  • editorBracketPairGuide.activeBackground5#EE4CFC80
  • editorBracketPairGuide.activeBackground6#8E4AF580
  • editorCodeLens.foreground#999999
  • editorCursor.background#080006
  • editorCursor.foreground#FFD9F2
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#FF1C5B
  • editorGroup.border#FFFFFF81
  • editorGroup.emptyBackground#080006
  • editorGroupHeader.border#FFFFFF7a
  • editorGroupHeader.tabsBackground#080006
  • editorGroupHeader.tabsBorder#FFFFFF7a
  • editorGutter.addedBackground#8E4AF5
  • editorGutter.background#00171500
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#FF1C5B
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#EE05F2
  • editorHoverWidget.background#1C0016
  • editorHoverWidget.border#FFFFFF7a
  • editorHoverWidget.foreground#eae1e1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#FFFFFF1a
  • editorInfo.border#FFFFFF7a
  • editorInfo.foreground#FFFFFF
  • editorInlayHint.background#D414A81a
  • editorInlayHint.foreground#ffffffa0
  • editorInlayHint.parameterBackground#EE4CFC1a
  • editorInlayHint.parameterForeground#EE4CFCa0
  • editorInlayHint.typeBackground#FFFFFF1a
  • editorInlayHint.typeForeground#FFFFFFa0
  • editorLineNumber.activeForeground#FFFFFF
  • editorLineNumber.foreground#858585ab
  • editorLink.activeForeground#5588ff
  • editorMarkerNavigation.background#26001E
  • editorMarkerNavigationError.background#EE4CFC
  • editorMarkerNavigationInfo.background#FFFFFF
  • editorMarkerNavigationWarning.background#F22294
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#FFDF7E4e
  • editorStickyScroll.background#080006
  • editorStickyScroll.border#D414A87a
  • editorStickyScrollHover.background#D414A81a
  • editorSuggestWidget.background#1A0014
  • editorSuggestWidget.border#EE4CFC87
  • editorSuggestWidget.foreground#f2efef
  • editorSuggestWidget.highlightForeground#EE4CFC
  • editorSuggestWidget.selectedBackground#400032
  • editorWarning.background#a9904000
  • editorWarning.border#FFDF7E00
  • editorWarning.foreground#FFDF7E
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#26001E
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#EE4CFC
  • focusBorder#EE4CFC
  • foreground#FFD9F2
  • gitDecoration.addedResourceForeground#8E4AF5
  • gitDecoration.conflictingResourceForeground#EE4CFC
  • gitDecoration.deletedResourceForeground#FF1C5B
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#FFDF7E
  • gitDecoration.stageDeletedResourceForeground#FF1C5B
  • gitDecoration.stageModifiedResourceForeground#FFDF7E
  • gitDecoration.submoduleResourceForeground#FFFFFF
  • gitDecoration.untrackedResourceForeground#FFFFFF
  • icon.foreground#FFD9F2
  • input.background#080006
  • input.border#08000600
  • input.foreground#FFD9F2
  • input.placeholderForeground#a6a6a6c9
  • inputOption.activeBackground#007fd400
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#FFFFFF
  • keybindingLabel.background#D414A833
  • keybindingLabel.border#D414A87a
  • keybindingLabel.bottomBorder#D414A8aa
  • keybindingLabel.foreground#FFD9F2
  • list.activeSelectionBackground#D414A866
  • list.activeSelectionForeground#FFD9F2
  • list.dropBackground#EE4CFC40
  • list.focusBackground#D414A866
  • list.focusForeground#FFD9F2
  • list.highlightForeground#ff2863
  • list.hoverBackground#D414A814
  • list.hoverForeground#FFD9F2
  • list.inactiveSelectionBackground#D414A82e
  • list.inactiveSelectionForeground#FFD9F2
  • listFilterWidget.background#080006
  • listFilterWidget.noMatchesOutline#EE4CFC
  • listFilterWidget.outline#EE4CFC
  • menu.background#14000F
  • menu.border#D414A8
  • menu.foreground#cccccc
  • menu.selectionBackground#D414A8
  • menu.selectionBorder#D414A8
  • menu.selectionForeground#FFD9F2
  • menu.separatorBackground#D414A88b
  • menubar.selectionBackground#D414A8
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#F222941a
  • merge.commonHeaderBackground#F222944d
  • merge.currentContentBackground#FFFFFF1a
  • merge.currentHeaderBackground#FFFFFF4d
  • merge.incomingContentBackground#EE05F21a
  • merge.incomingHeaderBackground#EE05F24d
  • minimap.background#080006
  • minimap.errorHighlight#FF1C5B
  • minimap.findMatchHighlight#FFB3D948
  • minimap.selectionHighlight#590046
  • minimap.warningHighlight#FFDF7E
  • minimapGutter.addedBackground#8E4AF5
  • minimapGutter.deletedBackground#FF1C5B
  • minimapGutter.modifiedBackground#EE05F2
  • notificationCenter.border#D414A87a
  • notificationCenterHeader.background#14000F
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#FF1C5B
  • notificationsInfoIcon.foreground#FFFFFF
  • notificationsWarningIcon.foreground#FFDF7E
  • notificationToast.border#474747
  • panel.background#0F000B
  • panel.border#F2229470
  • panelSection.border#F222947a
  • panelTitle.activeBorder#F22294
  • panelTitle.activeForeground#F22294
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#FFFFFF7a
  • peekViewEditor.background#1C0016
  • peekViewEditor.matchHighlightBackground#1c0243
  • peekViewEditor.matchHighlightBorder#5823a9
  • peekViewEditorGutter.background#001f3300
  • peekViewResult.background#26001E
  • peekViewResult.fileForeground#FFD9F2
  • peekViewResult.lineForeground#FFD9F2
  • peekViewResult.matchHighlightBackground#EE4CFC
  • peekViewResult.selectionBackground#400032
  • peekViewResult.selectionForeground#FFD9F2
  • peekViewTitle.background#044b447a
  • peekViewTitleDescription.foreground#ffffffa3
  • peekViewTitleLabel.foreground#FFD9F2
  • pickerGroup.border#EE4CFC
  • pickerGroup.foreground#F22294
  • progressBar.background#EE4CFC
  • sash.hoverBorder#EE4CFC
  • scrollbar.shadow#ff161600
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#EE4CFC
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#FFD9F2
  • sideBar.background#0F000B
  • sideBar.border#EE4CFC76
  • sideBar.dropBackground#EE4CFC40
  • sideBar.foreground#FFD9F2
  • sideBarSectionHeader.background#EE4CFC1c
  • sideBarSectionHeader.border#EE4CFC
  • sideBarSectionHeader.foreground#FFD9F2
  • sideBarTitle.foreground#F22294
  • statusBar.background#170012
  • statusBar.border#D414A8
  • statusBar.debuggingBackground#26001E
  • statusBar.debuggingBorder#EE4CFC
  • statusBar.debuggingForeground#ff82a5
  • statusBar.foreground#c09bf9
  • statusBar.noFolderBackground#011f1c
  • statusBar.noFolderBorder#FFFFFF
  • statusBar.noFolderForeground#45ffed
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2b026b00
  • statusBarItem.remoteBackground#062802
  • statusBarItem.remoteForeground#00ff85
  • tab.activeBackground#261401cb
  • tab.activeBorder#F22294
  • tab.activeBorderTop#08000600
  • tab.activeForeground#FFD9F2
  • tab.border#343434
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#ffffff80
  • tab.lastPinnedBorder#EE4CFC7a
  • terminal.ansiBlack#080006
  • terminal.ansiBlue#EE05F2
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#a78bff
  • terminal.ansiBrightCyan#45ffed
  • terminal.ansiBrightGreen#8E4AF5
  • terminal.ansiBrightMagenta#EE4CFC
  • terminal.ansiBrightRed#F22294
  • terminal.ansiBrightWhite#FFD9F2
  • terminal.ansiBrightYellow#FFDF7E
  • terminal.ansiCyan#FFFFFF
  • terminal.ansiGreen#73c991
  • terminal.ansiMagenta#EE4CFC
  • terminal.ansiRed#EE4CFC
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#FFDF7E
  • terminal.border#F222947a
  • terminal.foreground#cccccc
  • terminal.selectionBackground#F222941e
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#FFD9F2
  • textLink.foreground#F22294
  • titleBar.activeBackground#080006
  • titleBar.activeForeground#cccccc
  • titleBar.border#F2229400
  • titleBar.inactiveBackground#080006
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#D414A87a
  • walkThrough.embeddedEditorBackground#08000650
  • widget.shadow#0800065c

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