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#00000000
  • activityBar.background#131313
  • activityBar.border#131313
  • activityBar.foreground#e621af
  • activityBar.inactiveForeground#dddddd77
  • activityBarBadge.background#e621af
  • activityBarBadge.foreground#dddddd
  • badge.background#00000000
  • badge.foreground#dddddd77
  • breadcrumb.activeSelectionForeground#e621af
  • breadcrumb.background#131313
  • breadcrumb.focusForeground#e621af
  • breadcrumb.foreground#dddddd77
  • button.background#a7097a
  • button.foreground#ffffff
  • button.hoverBackground#e621af
  • button.secondaryBackground#dddddd11
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#dddddd22
  • checkbox.background#131313
  • checkbox.border#00000000
  • checkbox.foreground#dddddd
  • debugExceptionWidget.background#131313
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#131313
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#ffd90033
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#ff000044
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#131313
  • dropdown.border#00000000
  • dropdown.foreground#dddddd
  • editor.background#131313
  • editor.findMatchBackground#dddddd55
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#e621af66
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#dddddd22
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#dddddd11
  • editor.foreground#dddddd
  • editor.hoverHighlightBackground#e621af33
  • editor.inactiveSelectionBackground#dddddd11
  • editor.lineHighlightBackground#dddddd11
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#00000022
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#dddddd22
  • editor.selectionHighlightBackground#dddddd22
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#dddddd33
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#e621af66
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#ffd900
  • editorBracketHighlight.foreground2#09e4e6
  • editorBracketHighlight.foreground3#f0b800
  • editorBracketHighlight.foreground4#05a6a8
  • editorBracketMatch.background#e621af66
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#dddddd66
  • editorCursor.background#131313
  • editorCursor.foreground#e621af
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#ff0000
  • editorGroup.border#131313
  • editorGroup.emptyBackground#131313
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#131313
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#2ae609
  • editorGutter.background#131313
  • editorGutter.commentRangeForeground#dddddd66
  • editorGutter.deletedBackground#ff0000
  • editorGutter.foldingControlForeground#dddddd66
  • editorGutter.modifiedBackground#09e4e6
  • editorHoverWidget.background#131313
  • editorHoverWidget.border#dddddd33
  • editorHoverWidget.foreground#dddddd99
  • editorIndentGuide.activeBackground#e621af
  • editorIndentGuide.background#a7097a99
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#05a6a8
  • editorLineNumber.activeForeground#e621af
  • editorLineNumber.foreground#777777
  • editorLink.activeForeground#e621af
  • editorMarkerNavigation.background#131313
  • editorMarkerNavigationError.background#ff0000
  • editorMarkerNavigationInfo.background#05a6a8
  • editorMarkerNavigationWarning.background#ffd900
  • editorOverviewRuler.background#131313
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#dddddd33
  • editorSuggestWidget.background#131313
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#dddddd99
  • editorSuggestWidget.highlightForeground#e621af
  • editorSuggestWidget.selectedBackground#e621af33
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#ffd900
  • editorWhitespace.foreground#dddddd55
  • editorWidget.background#131313
  • editorWidget.foreground#dddddd99
  • editorWidget.resizeBorder#e621af
  • focusBorder#00000000
  • foreground#dddddd
  • gitDecoration.addedResourceForeground#2ae609
  • gitDecoration.conflictingResourceForeground#05a6a8
  • gitDecoration.deletedResourceForeground#c50000
  • gitDecoration.ignoredResourceForeground#dddddd77
  • gitDecoration.modifiedResourceForeground#f0b800
  • gitDecoration.stageDeletedResourceForeground#ff0000
  • gitDecoration.stageModifiedResourceForeground#ffd900
  • gitDecoration.submoduleResourceForeground#09e4e6
  • gitDecoration.untrackedResourceForeground#23ad09
  • icon.foreground#e621af
  • input.background#131313
  • input.border#00000000
  • input.foreground#dddddd
  • input.placeholderForeground#aaaaaa
  • inputOption.activeBackground#e621af77
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#dddddd22
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00000000
  • list.focusBackground#dddddd22
  • list.focusForeground#ffffff
  • list.highlightForeground#e621af
  • list.hoverBackground#00000099
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#dddddd11
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#e621af
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#131313
  • menu.border#00000000
  • menu.foreground#dddddd
  • menu.selectionBackground#00000099
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#e621af44
  • menubar.selectionBackground#00000099
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#222222
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#105204
  • merge.currentHeaderBackground#105204
  • merge.incomingContentBackground#034d50
  • merge.incomingHeaderBackground#05a6a8
  • minimap.background#131313
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#dddddd22
  • minimap.selectionHighlight#dddddd22
  • minimap.warningHighlight#ffd900
  • minimapGutter.addedBackground#2ae609
  • minimapGutter.deletedBackground#ff0000
  • minimapGutter.modifiedBackground#09e4e6
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#131313
  • notificationCenterHeader.foreground#dddddd
  • notifications.background#131313
  • notifications.border#00000000
  • notifications.foreground#dddddd
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#05a6a8
  • notificationsWarningIcon.foreground#ffd900
  • notificationToast.border#00000000
  • panel.background#131313
  • panel.border#00000000
  • panelSection.border#e621af55
  • panelTitle.activeBorder#e621af
  • panelTitle.activeForeground#e621af
  • panelTitle.inactiveForeground#dddddd77
  • peekView.border#e621af
  • peekViewEditor.background#222222
  • peekViewEditor.matchHighlightBackground#f0b80055
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#222222
  • peekViewResult.background#222222
  • peekViewResult.fileForeground#dddddd
  • peekViewResult.lineForeground#dddddd55
  • peekViewResult.matchHighlightBackground#e621af66
  • peekViewResult.selectionBackground#e621af66
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#222222
  • peekViewTitleDescription.foreground#dddddd66
  • peekViewTitleLabel.foreground#e621af
  • pickerGroup.border#00000000
  • pickerGroup.foreground#e621af
  • progressBar.background#e621af
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#e621af
  • scrollbarSlider.background#dddddd22
  • scrollbarSlider.hoverBackground#dddddd11
  • selection.background#e621af55
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e621af
  • sideBar.background#131313
  • sideBar.border#131313
  • sideBar.dropBackground#00000000
  • sideBar.foreground#dddddd
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#131313
  • statusBar.border#131313
  • statusBar.debuggingBackground#131313
  • statusBar.debuggingBorder#131313
  • statusBar.debuggingForeground#e621af
  • statusBar.foreground#e621af
  • statusBar.noFolderBackground#131313
  • statusBar.noFolderBorder#131313
  • statusBar.noFolderForeground#e621af
  • statusBarItem.activeBackground#dddddd33
  • statusBarItem.hoverBackground#00000099
  • statusBarItem.remoteBackground#131313
  • statusBarItem.remoteForeground#e621af
  • tab.activeBackground#dddddd11
  • tab.activeBorder#e621af
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.hoverBackground#00000099
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#131313
  • tab.inactiveForeground#dddddd77
  • terminal.ansiBlack#777777
  • terminal.ansiBlue#004aaa
  • terminal.ansiBrightBlack#aaaaaa
  • terminal.ansiBrightBlue#008cff
  • terminal.ansiBrightCyan#09e4e6
  • terminal.ansiBrightGreen#2ae609
  • terminal.ansiBrightMagenta#e621af
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffd900
  • terminal.ansiCyan#05a6a8
  • terminal.ansiGreen#23ad09
  • terminal.ansiMagenta#a7097a
  • terminal.ansiRed#c50000
  • terminal.ansiWhite#dddddd
  • terminal.ansiYellow#f0b800
  • terminal.border#e621af55
  • terminal.foreground#dddddd
  • terminal.selectionBackground#dddddd11
  • terminalCursor.background#e621af
  • terminalCursor.foreground#ffffff
  • textLink.foreground#e621af
  • titleBar.activeBackground#131313
  • titleBar.activeForeground#dddddd
  • titleBar.border#131313
  • titleBar.inactiveBackground#131313
  • titleBar.inactiveForeground#dddddd
  • tree.indentGuidesStroke#e621af
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000099

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

Lunar Pink Theme - Coding Theme