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#3B3551
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#41414feb
  • activityBarBadge.background#837ba9
  • activityBarBadge.foreground#ffffff
  • badge.background#ac9ede5c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#3b34541c
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#a192d568
  • button.foreground#ffffff
  • button.hoverBackground#6955b068
  • button.secondaryBackground#584c8468
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#8d8d8e5c
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#ac9ede5c
  • debugToolBar.background#333333
  • debugToolBar.border#ac9ede5c
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#05030633
  • diffEditor.removedTextBackground#2e151533
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#3B3551
  • editor.findMatchBackground#3B3551
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#ac9ede5c
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#37274566
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ac9ede0c
  • editor.foreground#744290
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#2d2f328b
  • editor.lineHighlightBackground#ac9ede0e
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#494164af
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#ac9ede5c
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#ac9ede5c
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ac9ede5c
  • editorBracketMatch.border#8888881e
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#3B3551
  • editorGroupHeader.tabsBackground#3b34541c
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#ac9ede48
  • editorGutter.background#3B3551
  • editorGutter.commentRangeForeground#ac9ede5c
  • editorGutter.deletedBackground#7d474aad
  • editorGutter.foldingControlForeground#ac9ede5c
  • editorGutter.modifiedBackground#0c7d9d1e
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ac9ede3c
  • editorIndentGuide.background#ac9ede14
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#407db0
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ac9ede14
  • 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#332f45
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ac9ede5c
  • focusBorder#ac9ede12
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ac9ede5c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ac9ede16
  • list.focusBackground#ac9ede5c
  • list.focusForeground#cccccc
  • list.highlightForeground#ac9ede5c
  • list.hoverBackground#ac9ede5c
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ac9ede5c
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#ac9ede5c
  • listFilterWidget.noMatchesOutline#b025186e
  • listFilterWidget.outline#00000000
  • menu.background#363149
  • menu.border#00000000
  • menu.foreground#ffffff76
  • menu.selectionBackground#6955b068
  • menu.selectionBorder#00000000
  • menu.selectionForeground#fcfbff68
  • menu.separatorBackground#3f3f3f68
  • menubar.selectionBackground#0000001a
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#d1bdbd
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#3B3551
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#3B3551
  • minimap.selectionHighlight#494164af
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#ac9ede48
  • minimapGutter.deletedBackground#7d474aad
  • minimapGutter.modifiedBackground#0c7d9d1e
  • notificationCenter.border#474747
  • notificationCenterHeader.background#40344bfb
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#302738fb
  • notifications.border#303031
  • notifications.foreground#b8b8b8
  • notificationsErrorIcon.foreground#ab7165
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#39334f
  • panel.border#80808000
  • panelSection.border#80808012
  • panelTitle.activeBorder#ac9ede5c
  • panelTitle.activeForeground#9f95c7
  • panelTitle.inactiveForeground#ac9ede5c
  • 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#3f3f46
  • pickerGroup.foreground#ac9ede5c
  • progressBar.background#ac9ede5c
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ac9ede5c
  • scrollbarSlider.background#ac9ede04
  • scrollbarSlider.hoverBackground#ac9ede5c
  • selection.background#ac9ede5c
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#3B3551
  • sideBar.dropBackground#ac9ede16
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#9494940c
  • sideBarSectionHeader.foreground#a5a1a1
  • sideBarTitle.foreground#666666
  • statusBar.background#4B3854
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#5b4b9291
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#4B3854
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ac9ede5c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.inactiveBackground#3b34541c
  • 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#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808012
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ac9ede5c
  • terminalCursor.background#58595a
  • terminalCursor.foreground#beb7d5
  • textLink.foreground#3794ff
  • titleBar.activeBackground#3B3551
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3B3551
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ac9ede1c
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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