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.background#1d2024
  • activityBar.border#17343d00
  • activityBar.foreground#9d52e8
  • activityBar.inactiveForeground#ffffff1e
  • activityBarBadge.background#9d52e8
  • activityBarBadge.foreground#191919
  • badge.background#9d52e8
  • badge.foreground#666666
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1d2024
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#9d52e8
  • button.background#9d52e8
  • button.foreground#080808
  • button.hoverBackground#f5f8fb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#9d52e8
  • button.secondaryHoverBackground#ffffff
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#666666
  • debugExceptionWidget.border#000000
  • debugToolBar.background#666666
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#b6b6b628
  • diffEditor.insertedTextBorder#43404000
  • diffEditor.removedTextBackground#412356
  • diffEditor.removedTextBorder#1d2c4900
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1d2024
  • editor.findMatchBackground#232628
  • editor.findMatchBorder#000000
  • editor.findMatchHighlightBackground#f9fbff
  • editor.findMatchHighlightBorder#bababa00
  • editor.findRangeHighlightBackground#363c49
  • editor.findRangeHighlightBorder#d1d1d100
  • editor.foldBackground#496a8c4d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#274d7340
  • editor.inactiveSelectionBackground#262f3b
  • editor.lineHighlightBackground#66666640
  • editor.lineHighlightBorder#66666600
  • editor.rangeHighlightBackground#9d52e8
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#505b6f
  • editor.selectionHighlightBackground#e3e3e4
  • editor.selectionHighlightBorder#000000
  • editor.wordHighlightBackground#3f3f3fb8
  • editor.wordHighlightBorder#9d52e8
  • editor.wordHighlightStrongBackground#e3ecff
  • editor.wordHighlightStrongBorder#000000
  • editorBracketMatch.background#4f4f4f
  • editorBracketMatch.border#191919
  • editorCodeLens.foreground#9d52e8
  • editorCursor.background#060303
  • editorCursor.foreground#9d52e8
  • editorError.background#514347ed
  • editorError.border#020202d5
  • editorError.foreground#f01a4c
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1d2024
  • editorGroupHeader.tabsBackground#1d2024
  • editorGroupHeader.tabsBorder#0a0a0a00
  • editorGutter.addedBackground#9d52e8
  • editorGutter.background#1d2024
  • editorGutter.commentRangeForeground#0053f2
  • editorGutter.deletedBackground#f50045
  • editorGutter.foldingControlForeground#0053f2
  • editorGutter.modifiedBackground#9d52e8
  • editorHoverWidget.background#494949
  • editorHoverWidget.border#0a0505
  • editorHoverWidget.foreground#9d52e8
  • editorIndentGuide.activeBackground#9d52e8
  • editorIndentGuide.background#323d22
  • editorInfo.background#4a58607e
  • editorInfo.border#4490BF00
  • editorInfo.foreground#9d52e8
  • editorLineNumber.activeForeground#9d52e8
  • editorLineNumber.foreground#ffffff75
  • editorLink.activeForeground#9d52e8
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f2227a
  • editorMarkerNavigationInfo.background#4776d1
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#34373d
  • editorOverviewRuler.border#0000004d
  • editorRuler.foreground#202815
  • editorSuggestWidget.background#3f3f3f
  • editorSuggestWidget.border#0a0a0a
  • editorSuggestWidget.foreground#839fa7
  • editorSuggestWidget.highlightForeground#9d52e8
  • editorSuggestWidget.selectedBackground#49535a
  • editorWarning.background#6b66565e
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffbf00
  • editorWhitespace.foreground#9d52e8
  • editorWidget.background#252526
  • editorWidget.foreground#9d52e8
  • editorWidget.resizeBorder#9d52e8
  • focusBorder#9d52e8
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#5cff79
  • gitDecoration.conflictingResourceForeground#ff2400
  • gitDecoration.deletedResourceForeground#845703
  • gitDecoration.ignoredResourceForeground#494848
  • gitDecoration.modifiedResourceForeground#4776d1
  • gitDecoration.stageDeletedResourceForeground#ff1c67
  • gitDecoration.stageModifiedResourceForeground#0040bc
  • gitDecoration.submoduleResourceForeground#256d04
  • gitDecoration.untrackedResourceForeground#edf5f0
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ffffff36
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#9d52e8
  • list.activeSelectionForeground#191919
  • list.dropBackground#1a1e26
  • list.focusBackground#9d52e8
  • list.focusForeground#8a8f99
  • list.highlightForeground#383e49
  • list.hoverBackground#9d52e8
  • list.hoverForeground#191919
  • list.inactiveSelectionBackground#9d52e8
  • list.inactiveSelectionForeground#191919
  • listFilterWidget.background#e2e2e2
  • listFilterWidget.noMatchesOutline#ff6a5c
  • listFilterWidget.outline#0f0f0f00
  • menu.background#282828
  • menu.border#00000085
  • menu.foreground#ffffff
  • menu.selectionBackground#9d52e8
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f9f9ff
  • menu.separatorBackground#5c6c8220
  • menubar.selectionBackground#9d52e8
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#9ee43a
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#626161
  • merge.currentContentBackground#24a1a1
  • merge.currentHeaderBackground#e62159
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#4776d1
  • minimap.background#1d2024
  • minimap.errorHighlight#f01a4c
  • minimap.findMatchHighlight#232628
  • minimap.selectionHighlight#505b6f
  • minimap.warningHighlight#ffbf00
  • minimapGutter.addedBackground#03e045
  • minimapGutter.deletedBackground#f50045
  • minimapGutter.modifiedBackground#9d52e8
  • notificationCenter.border#1f0e0e
  • notificationCenterHeader.background#9d52e8
  • notificationCenterHeader.foreground#666666
  • notifications.background#262626
  • notifications.border#2b2b2e
  • notifications.foreground#9d52e8
  • notificationsErrorIcon.foreground#e44626
  • notificationsInfoIcon.foreground#9d52e8
  • notificationsWarningIcon.foreground#ffd61c
  • notificationToast.border#1f1414
  • panel.background#1a1b1d
  • panel.border#02020259
  • panelSection.border#0f1319
  • panelTitle.activeBorder#9d52e8
  • panelTitle.activeForeground#9d52e8
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#9d52e8
  • peekViewEditor.background#242e15
  • peekViewEditor.matchHighlightBackground#75757599
  • peekViewEditor.matchHighlightBorder#5e5e5e
  • peekViewEditorGutter.background#bbe4ff1c
  • peekViewResult.background#3b3b3b
  • peekViewResult.fileForeground#9d52e8
  • peekViewResult.lineForeground#000000
  • peekViewResult.matchHighlightBackground#9d52e8
  • peekViewResult.selectionBackground#42648633
  • peekViewResult.selectionForeground#9d52e8
  • peekViewTitle.background#9d52e8
  • peekViewTitleDescription.foreground#281111b3
  • peekViewTitleLabel.foreground#fffefe
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3b5068
  • progressBar.background#9d52e8
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#191b1f
  • scrollbarSlider.hoverBackground#9d52e8
  • selection.background#9d52e8
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000000bd
  • sideBar.border#080808
  • sideBar.dropBackground#1a1e26
  • sideBar.foreground#ffffff85
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#3a6ed100
  • sideBarSectionHeader.foreground#9d52e8
  • sideBarTitle.foreground#b0c1cb
  • statusBar.background#22262e
  • statusBar.border#00000000
  • statusBar.debuggingBackground#9d52e8
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#9d52e8
  • statusBar.noFolderBackground#9d52e8
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#1d4f841f
  • statusBarItem.remoteBackground#9d52e8
  • statusBarItem.remoteForeground#191919
  • tab.activeBackground#191919
  • tab.activeBorder#9d52e8
  • tab.activeBorderTop#00000000
  • tab.activeForeground#9d52e8
  • tab.border#13131900
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#ffffff80
  • 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#ffffff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#8e7f7f
  • terminal.ansiYellow#e5e510
  • terminal.border#0f1319
  • terminal.foreground#9d52e8
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#9d52e8
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#0e131b
  • titleBar.activeForeground#909090
  • titleBar.border#000000b1
  • titleBar.inactiveBackground#9d52e8
  • titleBar.inactiveForeground#666666
  • tree.indentGuidesStroke#9d52e8
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0e0f11

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