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.activeBackground#00000000
  • activityBar.background#100c28
  • activityBar.border#392e79
  • activityBar.foreground#fe00fe
  • activityBar.inactiveForeground#fe00fe8d
  • activityBarBadge.background#de004e
  • activityBarBadge.foreground#ffffff
  • badge.background#de004e
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#100c28
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#fe00fe
  • button.background#005678
  • button.foreground#ffffff
  • button.hoverBackground#0075a3
  • button.secondaryBackground#082245
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#0d3871
  • checkbox.background#2e083d
  • checkbox.border#00000000
  • checkbox.foreground#1afe49
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff828233
  • dropdown.background#2e083d
  • dropdown.border#00000000
  • dropdown.foreground#1afe49
  • editor.background#100c28
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#5f7a9d
  • editor.findMatchHighlightBackground#07ea0026
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#abababf7
  • editor.hoverHighlightBackground#1afe4952
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff16
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#ffffff4e
  • editor.selectionBackground#2a1b84
  • editor.selectionHighlightBackground#6d252546
  • editor.selectionHighlightBorder#392e79
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editor.wordHighlightStrongBorder#ff000074
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#de004e
  • editorError.background#b73a3400
  • editorError.border#ffffff00
  • editorError.foreground#d36d58
  • editorGroup.border#8386f5
  • editorGroup.emptyBackground#100c28
  • editorGroupHeader.border#392e79
  • editorGroupHeader.tabsBackground#100c28
  • editorGroupHeader.tabsBorder#de004e
  • editorGutter.addedBackground#8eba31
  • editorGutter.background#200041
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#2f0f45
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#fe00fed7
  • editorIndentGuide.background#fe00fe80
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#de004e
  • editorLineNumber.foreground#1afe49
  • editorLink.activeForeground#51e6ff
  • editorMarkerNavigation.background#000051
  • editorMarkerNavigationError.background#414262
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#2f0f45
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#de004e
  • editorSuggestWidget.selectedBackground#063351
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffea20
  • editorWhitespace.foreground#ffffff34
  • editorWidget.background#161654
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#8386f5
  • foreground#711c91
  • 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#711c91
  • input.background#2e083d
  • input.border#00000000
  • input.foreground#1afe49
  • input.placeholderForeground#1afe4981
  • inputOption.activeBackground#5a007d
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#a5a5a538
  • list.focusBackground#fe00fe3c
  • list.focusForeground#fdfdfd
  • list.highlightForeground#de004e
  • list.hoverBackground#fe00fe97
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#fe00fe3c
  • list.inactiveSelectionForeground#d3d3d3
  • listFilterWidget.background#2b2365
  • listFilterWidget.noMatchesOutline#545454
  • listFilterWidget.outline#00000000
  • menu.background#191534
  • menu.border#00000000
  • menu.foreground#de004e
  • menu.selectionBackground#fe00fe3c
  • menu.selectionBorder#c2000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#392e79
  • menubar.selectionBackground#b4adad1a
  • menubar.selectionForeground#fe00fe
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#100c28
  • minimap.errorHighlight#d36d58
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#2a1b84
  • minimap.warningHighlight#ffea20
  • minimapGutter.addedBackground#8eba31
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#392e79
  • notificationCenterHeader.background#371649
  • notificationCenterHeader.foreground#FFFFFF
  • notifications.background#4e0377
  • notifications.border#392e79
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#de004e
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#ffea20
  • notificationToast.border#474747
  • panel.background#2b003b
  • panel.border#392e79
  • panelSection.border#392e79
  • panelTitle.activeBorder#de004e
  • panelTitle.activeForeground#de004e
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f001e
  • peekViewEditor.matchHighlightBorder#ee931e8b
  • 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#60A9FF
  • pickerGroup.foreground#60A9FF
  • progressBar.background#1bf913
  • scrollbar.shadow#1bf91300
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#ffffff10
  • scrollbarSlider.hoverBackground#6d4242b3
  • selection.background#8386f5
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#711c91
  • sideBar.background#100c28
  • sideBar.border#392e79
  • sideBar.dropBackground#a5a5a538
  • sideBar.foreground#de004e
  • sideBarSectionHeader.background#27214b
  • sideBarSectionHeader.border#d600ff00
  • sideBarSectionHeader.foreground#ff0000
  • sideBarTitle.foreground#ffffff
  • statusBar.background#100c28
  • statusBar.border#392e79
  • statusBar.debuggingBackground#defe47
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#fe0000
  • statusBar.foreground#1afe49
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#de004e38
  • statusBarItem.remoteBackground#392e79
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#380038
  • tab.activeBorder#ff0000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#de004e
  • tab.border#392e79
  • tab.hoverBackground#fe00fe97
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#00000000
  • 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#392e79
  • terminal.foreground#cccccc
  • terminal.selectionBackground#b6002b20
  • terminalCursor.background#de004e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#00b1f7
  • titleBar.activeBackground#100c28
  • titleBar.activeForeground#bcbcbc
  • titleBar.border#392e79
  • titleBar.inactiveBackground#100c285e
  • titleBar.inactiveForeground#e0e0e099
  • tree.indentGuidesStroke#fe00fe
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000080

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