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#0A010300
  • activityBar.background#170308
  • activityBar.border#FF487B66
  • activityBar.foreground#FF487B
  • activityBar.inactiveForeground#FF487B62
  • activityBarBadge.background#FF845E
  • activityBarBadge.foreground#0A0103
  • badge.background#FF845E
  • badge.foreground#0A0103
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#FFB3D918
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#FF845E
  • button.foreground#0A0103
  • button.hoverBackground#FF845E
  • button.secondaryBackground#FF487B
  • button.secondaryForeground#0A0103
  • button.secondaryHoverBackground#FF487B
  • checkbox.background#0A0103
  • checkbox.border#0A010300
  • checkbox.foreground#FFB3D9
  • commandCenter.activeBackground#B3244F1a
  • commandCenter.activeForeground#FFB3D9
  • commandCenter.background#0A0103
  • commandCenter.border#B3244F7a
  • commandCenter.foreground#cccccc
  • debugConsole.errorForeground#FF1C5B
  • debugConsole.infoForeground#FFB3D9
  • debugConsole.sourceForeground#FF487B
  • debugConsole.warningForeground#FFDF7E
  • debugConsoleInputIcon.foreground#FFB3D9
  • debugExceptionWidget.background#1A040B
  • debugExceptionWidget.border#F2229489
  • debugToolBar.background#1A040B
  • debugToolBar.border#F2229489
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#0A0103
  • dropdown.border#0A010300
  • dropdown.foreground#FFB3D9
  • editor.background#0A0103
  • editor.findMatchBackground#F2229448
  • editor.findMatchBorder#F22294ab
  • editor.findMatchHighlightBackground#F2229448
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3f2000ab
  • editor.findRangeHighlightBorder#582e03ab
  • editor.foldBackground#24394d5e
  • editor.foreground#FFB3D9
  • editor.hoverHighlightBackground#8e48006c
  • editor.inactiveSelectionBackground#3f2000ab
  • editor.lineHighlightBackground#ffffff12
  • editor.lineHighlightBorder#28282842
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4D0E25
  • editor.selectionHighlightBackground#E6447142
  • editor.selectionHighlightBorder#E6447150
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightStrongBackground#00497200
  • editorBracketHighlight.foreground1#E64471
  • editorBracketHighlight.foreground2#FF845E
  • editorBracketHighlight.foreground3#FFB3D9
  • editorBracketHighlight.foreground4#FFDF7E
  • editorBracketHighlight.foreground5#FF487B
  • editorBracketHighlight.foreground6#F22294
  • editorBracketHighlight.unexpectedBracket.foreground#FF1C5B
  • editorBracketMatch.background#3B0A1C
  • editorBracketMatch.border#db7914c9
  • editorBracketPairGuide.activeBackground1#E6447180
  • editorBracketPairGuide.activeBackground2#FF845E80
  • editorBracketPairGuide.activeBackground3#FFB3D980
  • editorBracketPairGuide.activeBackground4#FFDF7E80
  • editorBracketPairGuide.activeBackground5#FF487B80
  • editorBracketPairGuide.activeBackground6#F2229480
  • editorCodeLens.foreground#999999
  • editorCursor.background#0A0103
  • editorCursor.foreground#FFB3D9
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#FF1C5B
  • editorGroup.border#FFB3D981
  • editorGroup.emptyBackground#0A0103
  • editorGroupHeader.border#FFB3D97a
  • editorGroupHeader.tabsBackground#0A0103
  • editorGroupHeader.tabsBorder#FFB3D97a
  • editorGutter.addedBackground#FF845E
  • editorGutter.background#00171500
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#FF1C5B
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#FF487B
  • editorHoverWidget.background#1C0409
  • editorHoverWidget.border#FFB3D97a
  • editorHoverWidget.foreground#eae1e1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#FFB3D91a
  • editorInfo.border#FFB3D97a
  • editorInfo.foreground#FFB3D9
  • editorInlayHint.background#B3244F1a
  • editorInlayHint.foreground#ffffffa0
  • editorInlayHint.parameterBackground#FF487B1a
  • editorInlayHint.parameterForeground#FF487Ba0
  • editorInlayHint.typeBackground#FFB3D91a
  • editorInlayHint.typeForeground#FFB3D9a0
  • editorLineNumber.activeForeground#FFB3D9
  • editorLineNumber.foreground#858585ab
  • editorLink.activeForeground#5588ff
  • editorMarkerNavigation.background#240510
  • editorMarkerNavigationError.background#E64471
  • editorMarkerNavigationInfo.background#FFB3D9
  • editorMarkerNavigationWarning.background#FF487B
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#FFDF7E4e
  • editorStickyScroll.background#0A0103
  • editorStickyScroll.border#B3244F7a
  • editorStickyScrollHover.background#B3244F1a
  • editorSuggestWidget.background#1A040B
  • editorSuggestWidget.border#E6447187
  • editorSuggestWidget.foreground#f2efef
  • editorSuggestWidget.highlightForeground#E64471
  • editorSuggestWidget.selectedBackground#3B0A1C
  • editorWarning.background#a9904000
  • editorWarning.border#FFDF7E00
  • editorWarning.foreground#FFDF7E
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#240510
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#E64471
  • focusBorder#E64471
  • foreground#FFB3D9
  • gitDecoration.addedResourceForeground#FF845E
  • gitDecoration.conflictingResourceForeground#E64471
  • gitDecoration.deletedResourceForeground#FF1C5B
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#FFDF7E
  • gitDecoration.stageDeletedResourceForeground#FF1C5B
  • gitDecoration.stageModifiedResourceForeground#FFDF7E
  • gitDecoration.submoduleResourceForeground#FFB3D9
  • gitDecoration.untrackedResourceForeground#FFB3D9
  • icon.foreground#FFB3D9
  • input.background#0A0103
  • input.border#0A010300
  • input.foreground#FFB3D9
  • input.placeholderForeground#a6a6a6c9
  • inputOption.activeBackground#007fd400
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#FFB3D9
  • keybindingLabel.background#B3244F33
  • keybindingLabel.border#B3244F7a
  • keybindingLabel.bottomBorder#B3244Faa
  • keybindingLabel.foreground#FFB3D9
  • list.activeSelectionBackground#B3244F66
  • list.activeSelectionForeground#FFB3D9
  • list.dropBackground#E6447140
  • list.focusBackground#B3244F66
  • list.focusForeground#FFB3D9
  • list.highlightForeground#ff2863
  • list.hoverBackground#B3244F14
  • list.hoverForeground#FFB3D9
  • list.inactiveSelectionBackground#B3244F2e
  • list.inactiveSelectionForeground#FFB3D9
  • listFilterWidget.background#0A0103
  • listFilterWidget.noMatchesOutline#E64471
  • listFilterWidget.outline#E64471
  • menu.background#170308
  • menu.border#B3244F
  • menu.foreground#cccccc
  • menu.selectionBackground#B3244F
  • menu.selectionBorder#B3244F
  • menu.selectionForeground#FFB3D9
  • menu.separatorBackground#B3244F8b
  • menubar.selectionBackground#B3244F
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#FF487B1a
  • merge.commonHeaderBackground#FF487B4d
  • merge.currentContentBackground#FFB3D91a
  • merge.currentHeaderBackground#FFB3D94d
  • merge.incomingContentBackground#FF845E1a
  • merge.incomingHeaderBackground#FF845E4d
  • minimap.background#0A0103
  • minimap.errorHighlight#FF1C5B
  • minimap.findMatchHighlight#F2229448
  • minimap.selectionHighlight#4D0E25
  • minimap.warningHighlight#FFDF7E
  • minimapGutter.addedBackground#FF845E
  • minimapGutter.deletedBackground#FF1C5B
  • minimapGutter.modifiedBackground#FF487B
  • notificationCenter.border#B3244F7a
  • notificationCenterHeader.background#170308
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#FF1C5B
  • notificationsInfoIcon.foreground#FFB3D9
  • notificationsWarningIcon.foreground#FFDF7E
  • notificationToast.border#474747
  • panel.background#120205
  • panel.border#FF487B70
  • panelSection.border#FF487B7a
  • panelTitle.activeBorder#FF487B
  • panelTitle.activeForeground#FF487B
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#FFB3D97a
  • peekViewEditor.background#1C0409
  • peekViewEditor.matchHighlightBackground#1c0243
  • peekViewEditor.matchHighlightBorder#5823a9
  • peekViewEditorGutter.background#001f3300
  • peekViewResult.background#240510
  • peekViewResult.fileForeground#FFB3D9
  • peekViewResult.lineForeground#FFB3D9
  • peekViewResult.matchHighlightBackground#E64471
  • peekViewResult.selectionBackground#3B0A1C
  • peekViewResult.selectionForeground#FFB3D9
  • peekViewTitle.background#044b447a
  • peekViewTitleDescription.foreground#ffffffa3
  • peekViewTitleLabel.foreground#FFB3D9
  • pickerGroup.border#E64471
  • pickerGroup.foreground#FF487B
  • progressBar.background#E64471
  • sash.hoverBorder#E64471
  • scrollbar.shadow#ff161600
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#E64471
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#FFB3D9
  • sideBar.background#120205
  • sideBar.border#E6447176
  • sideBar.dropBackground#E6447140
  • sideBar.foreground#FFB3D9
  • sideBarSectionHeader.background#E644711c
  • sideBarSectionHeader.border#E64471
  • sideBarSectionHeader.foreground#FFB3D9
  • sideBarTitle.foreground#FF487B
  • statusBar.background#1A040B
  • statusBar.border#B3244F
  • statusBar.debuggingBackground#240510
  • statusBar.debuggingBorder#E64471
  • statusBar.debuggingForeground#ff82a5
  • statusBar.foreground#c09bf9
  • statusBar.noFolderBackground#011f1c
  • statusBar.noFolderBorder#FFB3D9
  • statusBar.noFolderForeground#45ffed
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2b026b00
  • statusBarItem.remoteBackground#062802
  • statusBarItem.remoteForeground#00ff85
  • tab.activeBackground#261401cb
  • tab.activeBorder#FF487B
  • tab.activeBorderTop#0A010300
  • tab.activeForeground#FFB3D9
  • tab.border#343434
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#ffffff80
  • tab.lastPinnedBorder#E644717a
  • terminal.ansiBlack#0A0103
  • terminal.ansiBlue#FF845E
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#a78bff
  • terminal.ansiBrightCyan#45ffed
  • terminal.ansiBrightGreen#FF845E
  • terminal.ansiBrightMagenta#FF487B
  • terminal.ansiBrightRed#E64471
  • terminal.ansiBrightWhite#FFB3D9
  • terminal.ansiBrightYellow#FFDF7E
  • terminal.ansiCyan#FFFFFF
  • terminal.ansiGreen#73c991
  • terminal.ansiMagenta#E64471
  • terminal.ansiRed#E64471
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#FFDF7E
  • terminal.border#FF487B7a
  • terminal.foreground#cccccc
  • terminal.selectionBackground#FF487B1e
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#FFB3D9
  • textLink.foreground#FF487B
  • titleBar.activeBackground#0A0103
  • titleBar.activeForeground#cccccc
  • titleBar.border#FF487B00
  • titleBar.inactiveBackground#0A0103
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#B3244F7a
  • walkThrough.embeddedEditorBackground#0A010350
  • widget.shadow#0A01035c

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