Skip to main content
Coding Theme

Amethyst Kiss Themes Pack

Publisher: MahdiBehkarThemes in package: 4

The Amethyst Kiss themes collection is designed with two color variations: pink and purple, and two modes: light and dark, to suit your different tastes.

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#f9f9f9
  • activityBar.background#e05387
  • activityBar.border#f9f9f9
  • activityBar.foreground#ffa7c8
  • activityBar.inactiveForeground#f9f9f9
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#ff6161
  • badge.background#f94144
  • badge.foreground#f9f9f9
  • breadcrumb.activeSelectionForeground#666666
  • breadcrumb.background#f9f9f9
  • breadcrumb.focusForeground#666666
  • breadcrumb.foreground#666666
  • button.background#e05387
  • button.foreground#f9f9f9
  • button.hoverBackground#f5085f
  • button.secondaryBackground#f5a1bf
  • button.secondaryForeground#f9f9f9
  • button.secondaryHoverBackground#ff307a
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f9f9f9
  • debugExceptionWidget.border#ababab
  • debugToolBar.background#f9f9f9
  • debugToolBar.border#ababab
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#f9f9f9
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#29343d
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffb6d1
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#577590
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#ababab
  • editorCursor.background#f9f9f9
  • editorCursor.foreground#29343d
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f94144
  • editorGroup.border#f9f9f9
  • editorGroup.emptyBackground#fffffff9
  • editorGroupHeader.border#f9f9f9
  • editorGroupHeader.tabsBackground#f9f9f9
  • editorGroupHeader.tabsBorder#f9f9f9
  • editorGutter.addedBackground#43aa8b
  • editorGutter.background#f9f9f9
  • editorGutter.commentRangeForeground#666666
  • editorGutter.deletedBackground#f94144
  • editorGutter.foldingControlForeground#666666
  • editorGutter.modifiedBackground#577590
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#577590
  • editorLineNumber.activeForeground#e05387
  • editorLineNumber.foreground#577590
  • editorLink.activeForeground#577590
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#f94144
  • editorMarkerNavigationInfo.background#577590
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#e05387
  • editorSuggestWidget.selectedBackground#ffc2d9
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f8961e
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f9f9f9
  • editorWidget.foreground#666666
  • editorWidget.resizeBorder#f9f9f9
  • focusBorder#e05387
  • foreground#e05387
  • gitDecoration.addedResourceForeground#90be6d
  • gitDecoration.conflictingResourceForeground#394956
  • gitDecoration.deletedResourceForeground#f94144
  • gitDecoration.ignoredResourceForeground#ababab
  • gitDecoration.modifiedResourceForeground#29343d
  • gitDecoration.stageDeletedResourceForeground#f3722c
  • gitDecoration.stageModifiedResourceForeground#f9c74f
  • gitDecoration.submoduleResourceForeground#577590
  • gitDecoration.untrackedResourceForeground#43aa8b
  • icon.foreground#e05387
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#f090b3
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#e05387
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#90be6d
  • list.focusBackground#fb7fac
  • list.focusForeground#f9f9f9
  • list.highlightForeground#fd3b82
  • list.hoverBackground#ecbdce
  • list.hoverForeground#666666
  • list.inactiveSelectionBackground#f572a1
  • list.inactiveSelectionForeground#54008e
  • listFilterWidget.background#ff8eb8
  • listFilterWidget.noMatchesOutline#f9f9f9
  • listFilterWidget.outline#00000000
  • menu.background#f9f9f9
  • menu.border#f9f9f9
  • menu.foreground#666666
  • menu.selectionBackground#e05387
  • menu.selectionBorder#e83f3f00
  • menu.selectionForeground#f9f9f9
  • menu.separatorBackground#ababab
  • menubar.selectionBackground#e05387
  • menubar.selectionBorder#f9f9f9
  • menubar.selectionForeground#f7f7f7
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#dbf4ef
  • merge.currentHeaderBackground#43aa8b
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#f9f9f9
  • minimap.errorHighlight#f94144
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#ffb6d1
  • minimap.warningHighlight#f8961e
  • minimapGutter.addedBackground#43aa8b
  • minimapGutter.deletedBackground#f94144
  • minimapGutter.modifiedBackground#577590
  • notificationCenter.border#f9f9f9
  • notificationCenterHeader.background#f9f9f9
  • notificationCenterHeader.foreground#666666
  • notifications.background#f9f9f9
  • notifications.border#f9f9f9
  • notifications.foreground#666666
  • notificationsErrorIcon.foreground#f94144
  • notificationsInfoIcon.foreground#43aa8b
  • notificationsWarningIcon.foreground#f3722c
  • notificationToast.border#f9f9f9
  • panel.background#f9f9f9
  • panel.border#f9f9f9
  • panelSection.border#f9f9f9
  • panelTitle.activeBorder#666666
  • panelTitle.activeForeground#666666
  • panelTitle.inactiveForeground#ababab
  • peekView.border#577590
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f9c74f
  • peekViewEditor.matchHighlightBorder#f9c74f
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f9f9f9
  • peekViewResult.fileForeground#29343d
  • peekViewResult.lineForeground#666666
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#666666
  • peekViewTitle.background#f9f9f9
  • peekViewTitleDescription.foreground#ababab
  • peekViewTitleLabel.foreground#666666
  • pickerGroup.border#fcfcdb
  • pickerGroup.foreground#ff2a79
  • progressBar.background#e05387
  • scrollbar.shadow#7f848e00
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#bcafaf66
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#debcda
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e05387
  • sideBar.background#f9f9f9
  • sideBar.border#f9f9f9
  • sideBar.dropBackground#90be6d
  • sideBar.foreground#666666
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#666666
  • sideBarTitle.foreground#666666
  • statusBar.background#e05387
  • statusBar.border#e05387
  • statusBar.debuggingBackground#e05387
  • statusBar.debuggingBorder#e05387
  • statusBar.debuggingForeground#b1d500
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#e05387
  • statusBar.noFolderBorder#e05387
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e05387
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#fdf7f7
  • tab.activeBorder#fdf7f7
  • tab.activeBorderTop#fdf7f7
  • tab.activeForeground#000000
  • tab.border#f9f9f9
  • tab.hoverBackground#e03171
  • tab.inactiveBackground#ffffff
  • tab.inactiveForeground#453239
  • terminal.ansiBlack#29343d
  • terminal.ansiBlue#577590
  • terminal.ansiBrightBlack#394956
  • terminal.ansiBrightBlue#577590
  • terminal.ansiBrightCyan#43aa8b
  • terminal.ansiBrightGreen#90be6d
  • terminal.ansiBrightMagenta#f9c74f
  • terminal.ansiBrightRed#f8961e
  • terminal.ansiBrightWhite#ababab
  • terminal.ansiBrightYellow#f3722c
  • terminal.ansiCyan#43aa8b
  • terminal.ansiGreen#90be6d
  • terminal.ansiMagenta#f9c74f
  • terminal.ansiRed#f8961e
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#f3722c
  • terminal.border#f9f9f9
  • terminal.foreground#29343d
  • terminal.selectionBackground#00000040
  • terminalCursor.background#f94144
  • terminalCursor.foreground#f9f9f9
  • textLink.foreground#ea4b84
  • titleBar.activeBackground#f9f9f9
  • titleBar.activeForeground#666666
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f9f9f9
  • titleBar.inactiveForeground#666666
  • tree.indentGuidesStroke#ababab
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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