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#373E4D
  • activityBar.background#af6fe4
  • activityBar.border#373E4D
  • activityBar.foreground#dbb6f9
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#4c566a
  • activityBarBadge.foreground#e3edff
  • badge.background#af6fe4
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#373E4D
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#4c566a
  • button.foreground#eceff4
  • button.hoverBackground#5e81ac
  • button.secondaryBackground#4c566a
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5e81ac
  • checkbox.background#2e3440
  • checkbox.border#00000000
  • checkbox.foreground#eceff4
  • debugExceptionWidget.background#00000033
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#00000033
  • debugToolBar.border#47474700
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#2e3440
  • dropdown.border#00000000
  • dropdown.foreground#eceff4
  • editor.background#373E4D
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#2e3440
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#373E4D
  • editorGroupHeader.tabsBackground#373E4D
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#373E4D
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#af6fe4
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#00000099
  • editorWidget.foreground#eceff4
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#af6fe4
  • foreground#eceff4
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#eceff4
  • input.background#2e3440
  • input.border#00000000
  • input.foreground#eceff4
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#4c566a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#4c566a
  • list.focusBackground#af6fe4
  • list.focusForeground#cccccc
  • list.highlightForeground#c494ec
  • list.hoverBackground#2e3440
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#af6fe4
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#373E4D
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#af6fe4
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#af6fe4
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#373E4D
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#373E4D
  • notificationCenterHeader.background#af6fe4
  • notificationCenterHeader.foreground#d8dee9
  • notifications.background#373E4D
  • notifications.border#373E4D
  • notifications.foreground#eceff4
  • notificationsErrorIcon.foreground#af6fe4
  • notificationsInfoIcon.foreground#81a1c1
  • notificationsWarningIcon.foreground#ebcb8b
  • notificationToast.border#373E4D
  • panel.background#373E4D
  • panel.border#2e3440
  • panelSection.border#373E4D
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#eceff4
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#2e3440
  • pickerGroup.foreground#91d5d4
  • progressBar.background#af6fe4
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#00000000
  • scrollbarSlider.background#3a4f7954
  • scrollbarSlider.hoverBackground#00000000
  • selection.background#50699b
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#eceff4
  • sideBar.background#373E4D
  • sideBar.border#373E4D
  • sideBar.dropBackground#4c566a
  • sideBar.foreground#d8dee9
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#d8dee9
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#af6fe4
  • statusBar.border#af6fe4
  • statusBar.debuggingBackground#a435ff
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#af6fe4
  • statusBar.noFolderForeground#d8dee9
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#af6fe4
  • statusBarItem.remoteForeground#d8dee9
  • tab.activeBackground#00000000
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#8fbcbb
  • tab.border#00000000
  • tab.inactiveBackground#373E4D
  • tab.inactiveForeground#d8dee9
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#373E4D
  • terminal.foreground#eceff4
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#a3be8c
  • terminalCursor.foreground#2e3440
  • textLink.foreground#5e81ac
  • titleBar.activeBackground#373E4D
  • titleBar.activeForeground#c5ccdb
  • titleBar.border#00000000
  • titleBar.inactiveBackground#373E4D
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000060

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