Skip to main content
CodingTheme

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.activeBorder#f78166
  • activityBar.background#18191b
  • activityBar.border#393b41
  • activityBar.foreground#f3f3f4
  • activityBar.inactiveForeground#7d8590
  • activityBarBadge.background#486bd5
  • activityBarBadge.foreground#ffffff
  • badge.background#486bd5
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#7d8590
  • breadcrumb.focusForeground#f3f3f4
  • breadcrumb.foreground#7d8590
  • breadcrumbPicker.background#1f2023
  • button.background#486bd5
  • button.foreground#ffffff
  • button.hoverBackground#6583dc
  • button.secondaryBackground#282e33
  • button.secondaryForeground#c9d1d9
  • button.secondaryHoverBackground#393b41
  • checkbox.background#1f2023
  • checkbox.border#393b41
  • debugConsole.errorForeground#ffa198
  • debugConsole.infoForeground#8b949e
  • debugConsole.sourceForeground#e3b341
  • debugConsole.warningForeground#d29922
  • debugConsoleInputIcon.foreground#bc8cff
  • debugIcon.breakpointForeground#f85149
  • debugTokenExpression.boolean#56d364
  • debugTokenExpression.error#ffa198
  • debugTokenExpression.name#79c0ff
  • debugTokenExpression.number#56d364
  • debugTokenExpression.string#a5d6ff
  • debugTokenExpression.value#a5d6ff
  • debugToolBar.background#1f2023
  • descriptionForeground#7d8590
  • diffEditor.insertedLineBackground#23863626
  • diffEditor.insertedTextBackground#3fb9504d
  • diffEditor.removedLineBackground#da363326
  • diffEditor.removedTextBackground#ff7b724d
  • dropdown.background#1f2023
  • dropdown.border#393b41
  • dropdown.foreground#f3f3f4
  • dropdown.listBackground#1f2023
  • editor.background#18191b
  • editor.findMatchBackground#9e6a03
  • editor.findMatchHighlightBackground#f2cc6080
  • editor.focusedStackFrameHighlightBackground#2ea04366
  • editor.foldBackground#6e76811a
  • editor.lineHighlightBackground#6e76811a
  • editor.linkedEditingBackground#2f81f712
  • editor.selectionHighlightBackground#3fb95040
  • editor.stackFrameHighlightBackground#bb800966
  • editor.wordHighlightBackground#6e768180
  • editor.wordHighlightBorder#6e768199
  • editor.wordHighlightStrongBackground#6e76814d
  • editor.wordHighlightStrongBorder#6e768199
  • editorBracketMatch.background#3fb95040
  • editorBracketMatch.border#3fb95099
  • editorCursor.foreground#2f81f7
  • editorGroup.border#393b41
  • editorGroupHeader.tabsBackground#111113
  • editorGroupHeader.tabsBorder#393b41
  • editorGutter.addedBackground#2ea04366
  • editorGutter.deletedBackground#f8514966
  • editorGutter.modifiedBackground#bb800966
  • editorIndentGuide.activeBackground#f3f3f43d
  • editorIndentGuide.background#f3f3f41f
  • editorInlayHint.background#8b949e33
  • editorInlayHint.foreground#7d8590
  • editorInlayHint.paramBackground#8b949e33
  • editorInlayHint.paramForeground#7d8590
  • editorInlayHint.typeBackground#8b949e33
  • editorInlayHint.typeForeground#7d8590
  • editorLineNumber.activeForeground#f3f3f4
  • editorLineNumber.foreground#6e7681
  • editorOverviewRuler.border#111113
  • editorWhitespace.foreground#484f58
  • editorWidget.background#1f2023
  • errorForeground#f85149
  • focusBorder#486bd5
  • foreground#f3f3f4
  • gitDecoration.addedResourceForeground#3fb950
  • gitDecoration.conflictingResourceForeground#db6d28
  • gitDecoration.deletedResourceForeground#f85149
  • gitDecoration.ignoredResourceForeground#6e7681
  • gitDecoration.modifiedResourceForeground#d29922
  • gitDecoration.submoduleResourceForeground#7d8590
  • gitDecoration.untrackedResourceForeground#3fb950
  • icon.foreground#7d8590
  • input.background#18191b
  • input.border#393b41
  • input.foreground#f3f3f4
  • input.placeholderForeground#6e7681
  • keybindingLabel.foreground#f3f3f4
  • list.activeSelectionBackground#6e768166
  • list.activeSelectionForeground#f3f3f4
  • list.focusBackground#388bfd26
  • list.focusForeground#f3f3f4
  • list.highlightForeground#2f81f7
  • list.hoverBackground#6e76811a
  • list.hoverForeground#f3f3f4
  • list.inactiveFocusBackground#388bfd26
  • list.inactiveSelectionBackground#6e768166
  • list.inactiveSelectionForeground#f3f3f4
  • minimapSlider.activeBackground#8b949e47
  • minimapSlider.background#8b949e33
  • minimapSlider.hoverBackground#8b949e3d
  • notificationCenterHeader.background#1f2023
  • notificationCenterHeader.foreground#7d8590
  • notifications.background#1f2023
  • notifications.border#393b41
  • notifications.foreground#f3f3f4
  • notificationsErrorIcon.foreground#f85149
  • notificationsInfoIcon.foreground#2f81f7
  • notificationsWarningIcon.foreground#d29922
  • panel.background#111113
  • panel.border#393b41
  • panelInput.border#393b41
  • panelTitle.activeBorder#f78166
  • panelTitle.activeForeground#f3f3f4
  • panelTitle.inactiveForeground#7d8590
  • peekViewEditor.background#6e76811a
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewResult.background#18191b
  • peekViewResult.matchHighlightBackground#bb800966
  • pickerGroup.border#393b41
  • pickerGroup.foreground#7d8590
  • progressBar.background#486bd5
  • quickInput.background#1f2023
  • quickInput.foreground#f3f3f4
  • scrollbar.shadow#484f5833
  • scrollbarSlider.activeBackground#8b949e47
  • scrollbarSlider.background#8b949e33
  • scrollbarSlider.hoverBackground#8b949e3d
  • settings.headerForeground#f3f3f4
  • settings.modifiedItemIndicator#bb800966
  • sideBar.background#111113
  • sideBar.border#393b41
  • sideBar.foreground#f3f3f4
  • sideBarSectionHeader.background#111113
  • sideBarSectionHeader.border#393b41
  • sideBarSectionHeader.foreground#f3f3f4
  • sideBarTitle.foreground#f3f3f4
  • statusBar.background#18191b
  • statusBar.border#393b41
  • statusBar.debuggingBackground#da3633
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#486bd580
  • statusBar.foreground#7d8590
  • statusBar.noFolderBackground#18191b
  • statusBarItem.activeBackground#f3f3f41f
  • statusBarItem.focusBorder#486bd5
  • statusBarItem.hoverBackground#f3f3f414
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#393b41
  • statusBarItem.remoteForeground#f3f3f4
  • symbolIcon.arrayForeground#f0883e
  • symbolIcon.booleanForeground#58a6ff
  • symbolIcon.classForeground#f0883e
  • symbolIcon.colorForeground#79c0ff
  • symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
  • symbolIcon.constructorForeground#d2a8ff
  • symbolIcon.enumeratorForeground#f0883e
  • symbolIcon.enumeratorMemberForeground#58a6ff
  • symbolIcon.eventForeground#6e7681
  • symbolIcon.fieldForeground#f0883e
  • symbolIcon.fileForeground#d29922
  • symbolIcon.folderForeground#d29922
  • symbolIcon.functionForeground#bc8cff
  • symbolIcon.interfaceForeground#f0883e
  • symbolIcon.keyForeground#58a6ff
  • symbolIcon.keywordForeground#ff7b72
  • symbolIcon.methodForeground#bc8cff
  • symbolIcon.moduleForeground#ff7b72
  • symbolIcon.namespaceForeground#ff7b72
  • symbolIcon.nullForeground#58a6ff
  • symbolIcon.numberForeground#3fb950
  • symbolIcon.objectForeground#f0883e
  • symbolIcon.operatorForeground#79c0ff
  • symbolIcon.packageForeground#f0883e
  • symbolIcon.propertyForeground#f0883e
  • symbolIcon.referenceForeground#58a6ff
  • symbolIcon.snippetForeground#58a6ff
  • symbolIcon.stringForeground#79c0ff
  • symbolIcon.structForeground#f0883e
  • symbolIcon.textForeground#79c0ff
  • symbolIcon.typeParameterForeground#79c0ff
  • symbolIcon.unitForeground#58a6ff
  • symbolIcon.variableForeground#f0883e
  • tab.activeBackground#18191b
  • tab.activeBorder#18191b
  • tab.activeBorderTop#f78166
  • tab.activeForeground#f3f3f4
  • tab.border#393b41
  • tab.hoverBackground#18191b
  • tab.inactiveBackground#111113
  • tab.inactiveForeground#7d8590
  • tab.unfocusedActiveBorder#18191b
  • tab.unfocusedActiveBorderTop#393b41
  • tab.unfocusedHoverBackground#6e76811a
  • terminal.ansiBlack#484f58
  • terminal.ansiBlue#58a6ff
  • terminal.ansiBrightBlack#6e7681
  • terminal.ansiBrightBlue#79c0ff
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#56d364
  • terminal.ansiBrightMagenta#d2a8ff
  • terminal.ansiBrightRed#ffa198
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e3b341
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#3fb950
  • terminal.ansiMagenta#bc8cff
  • terminal.ansiRed#ff7b72
  • terminal.ansiWhite#b1bac4
  • terminal.ansiYellow#d29922
  • terminal.foreground#f3f3f4
  • textBlockQuote.background#111113
  • textBlockQuote.border#393b41
  • textCodeBlock.background#6e768166
  • textLink.activeForeground#2f81f7
  • textLink.foreground#2f81f7
  • textPreformat.foreground#7d8590
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#18191b
  • titleBar.activeForeground#7d8590
  • titleBar.border#393b41
  • titleBar.inactiveBackground#111113
  • titleBar.inactiveForeground#7d8590
  • tree.indentGuidesStroke#21262d
  • welcomePage.buttonBackground#21262d
  • welcomePage.buttonHoverBackground#393b41

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...