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#e05387
  • activityBar.border#373E4D
  • activityBar.foreground#e8c1d0
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#4c566a
  • activityBarBadge.foreground#e3edff
  • badge.background#e05387
  • 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#e05387
  • 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#e05387
  • 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#e05387
  • list.focusForeground#cccccc
  • list.highlightForeground#ffa5c5
  • list.hoverBackground#2e3440
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#e05387
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#373E4D
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#e05387
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#e05387
  • 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#e05387
  • notificationCenterHeader.foreground#d8dee9
  • notifications.background#373E4D
  • notifications.border#373E4D
  • notifications.foreground#eceff4
  • notificationsErrorIcon.foreground#bf616a
  • 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#e05387
  • 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#e05387
  • statusBar.border#e05387
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#b4416c
  • statusBar.noFolderForeground#d8dee9
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e05387
  • 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#ffa0c3
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#ffa0c3
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#ffa0c3
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#ffa0c3
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#ffa0c3
keyword.operator.delete#ffa0c3
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#ffa0c3
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ffa0c3
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ffa0c3
variable.parameter.function.language.python#d19a66
support.type.python#56b6c2
keyword.operator.logical.python#ffa0c3
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#ffa0c3
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#ffa0c3
entity.name.namespace#e8d8ee
variable#ceffce
variable.c#d4d4d4
variable.language#e8d8ee
token.variable.parameter.java#d4d4d4
import.storage.java#e8d8ee
token.package.keyword#ffa0c3
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#ffa0c3
control.elements, keyword.operator.less#d19a66
keyword.other.special-method#b9d3cd
storage#ffa0c3
token.storage#ffa0c3
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#ffa0c3
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#ffa0c3
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#ffa0c3
emphasis md#ffa0c3
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#ffa0c3
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#ffa0c3
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#ffa0c3
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ffa0c3
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#ffa0c3
keyword.operator.type.php#ffa0c3
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#ffa0c3
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ffa0c3
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#ffa0c3
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffa0c3
meta.template.expression#d4d4d4
keyword.operator.module#ffa0c3
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#ffa0c3
entity.name.package.go#e8d8ee
support.type.prelude.elm#56b6c2
support.constant.elm#d19a66
punctuation.quasi.element#ffa0c3
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#ffa0c3
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#ffa0c3
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...