Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#0c1826
  • activityBar.background#081524
  • activityBar.border#00000000
  • activityBar.foreground#00e88f
  • activityBar.inactiveForeground#49526d
  • activityBarBadge.background#00e88f
  • activityBarBadge.foreground#071321
  • badge.background#00e88f
  • badge.foreground#071321
  • breadcrumb.activeSelectionForeground#737ea1
  • breadcrumb.background#071321
  • breadcrumb.focusForeground#737ea1
  • breadcrumb.foreground#49526d
  • button.background#00e88f
  • button.foreground#071321
  • button.hoverBackground#01bc74
  • button.secondaryBackground#0c1826
  • button.secondaryForeground#49526d
  • button.secondaryHoverBackground#071321
  • checkbox.background#0c1826
  • checkbox.border#00000000
  • checkbox.foreground#00e88f
  • debugExceptionWidget.background#0c1826
  • debugExceptionWidget.border#737ea140
  • debugToolBar.background#0c1826
  • debugToolBar.border#737ea140
  • diffEditor.border#071321
  • diffEditor.insertedTextBackground#00e88f20
  • diffEditor.removedTextBackground#ff555520
  • dropdown.background#0c1826
  • dropdown.border#00000000
  • dropdown.foreground#00e88f
  • editor.background#071321
  • editor.findMatchBackground#00e88f40
  • editor.findMatchBorder#00e88f80
  • editor.findMatchHighlightBackground#f0e48440
  • editor.findMatchHighlightBorder#f0e48480
  • editor.findRangeHighlightBackground#49526d20
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#49526d20
  • editor.foreground#737ea1
  • editor.hoverHighlightBackground#6073ad40
  • editor.inactiveSelectionBackground#737ea110
  • editor.lineHighlightBackground#49526d20
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#49526d30
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#737ea120
  • editor.selectionHighlightBackground#737ea140
  • editor.selectionHighlightBorder#737ea140
  • editor.wordHighlightBackground#737ea140
  • editor.wordHighlightBorder#737ea140
  • editor.wordHighlightStrongBackground#737ea140
  • editor.wordHighlightStrongBorder#737ea140
  • editorBracketMatch.background#737ea140
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#38e6a3
  • editorCursor.background#071321
  • editorCursor.foreground#737ea1
  • editorError.background#ff555520
  • editorError.border#00000000
  • editorError.foreground#ff5555
  • editorGroup.border#737ea140
  • editorGroup.emptyBackground#071321
  • editorGroupHeader.tabsBackground#030e1b
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#00e88f
  • editorGutter.background#071321
  • editorGutter.commentRangeForeground#49526d
  • editorGutter.deletedBackground#ff5555
  • editorGutter.foldingControlForeground#49526d
  • editorGutter.modifiedBackground#8be9fd
  • editorHoverWidget.background#0c1826
  • editorHoverWidget.border#737ea140
  • editorHoverWidget.foreground#737ea1
  • editorIndentGuide.activeBackground#00e88f
  • editorIndentGuide.background#49526d80
  • editorInfo.background#8be9fd1c
  • editorInfo.border#00000000
  • editorInfo.foreground#8be9fd
  • editorLineNumber.activeForeground#737ea1
  • editorLineNumber.foreground#49526d
  • editorLink.activeForeground#00e88f
  • editorMarkerNavigation.background#071321
  • editorMarkerNavigationError.background#ff5555
  • editorMarkerNavigationInfo.background#8be9fd
  • editorMarkerNavigationWarning.background#f0e484
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#737ea140
  • editorSuggestWidget.background#071321
  • editorSuggestWidget.border#737ea140
  • editorSuggestWidget.foreground#49526d
  • editorSuggestWidget.highlightForeground#737ea1
  • editorSuggestWidget.selectedBackground#737ea140
  • editorWarning.background#f0e48420
  • editorWarning.border#00000000
  • editorWarning.foreground#f0e484
  • editorWhitespace.foreground#737ea120
  • editorWidget.background#0c1826
  • editorWidget.foreground#49526d
  • editorWidget.resizeBorder#00e88f
  • focusBorder#737ea140
  • foreground#737ea1
  • gitDecoration.addedResourceForeground#00e88f80
  • gitDecoration.conflictingResourceForeground#8be9fd80
  • gitDecoration.deletedResourceForeground#ff555580
  • gitDecoration.ignoredResourceForeground#49526d
  • gitDecoration.modifiedResourceForeground#f0e48480
  • gitDecoration.stageDeletedResourceForeground#ff5555
  • gitDecoration.stageModifiedResourceForeground#f0e484
  • gitDecoration.submoduleResourceForeground#8be9fd
  • gitDecoration.untrackedResourceForeground#00e88f
  • icon.foreground#737ea1
  • input.background#0c1826
  • input.border#00000000
  • input.foreground#00e88f
  • input.placeholderForeground#49526d
  • inputOption.activeBackground#737ea140
  • inputOption.activeBorder#737ea140
  • inputOption.activeForeground#00e88f
  • list.activeSelectionBackground#0c1826
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#071321
  • list.focusBackground#071321
  • list.focusForeground#00e88f
  • list.highlightForeground#00e88f
  • list.hoverBackground#0c1826
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#071321
  • list.inactiveSelectionForeground#737ea1
  • listFilterWidget.background#737ea120
  • listFilterWidget.noMatchesOutline#ff5555
  • listFilterWidget.outline#737ea140
  • menu.background#030e1b
  • menu.border#737ea140
  • menu.foreground#49526d
  • menu.selectionBackground#0c1826
  • menu.selectionBorder#00000000
  • menu.selectionForeground#737ea1
  • menu.separatorBackground#737ea140
  • menubar.selectionBackground#0c1826
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#0b1624
  • merge.commonHeaderBackground#0e1b2a
  • merge.currentContentBackground#24473a
  • merge.currentHeaderBackground#275142
  • merge.incomingContentBackground#0d2c4f
  • merge.incomingHeaderBackground#0f325a
  • minimap.background#071321
  • minimap.errorHighlight#ff5555
  • minimap.findMatchHighlight#00e88f40
  • minimap.selectionHighlight#737ea120
  • minimap.warningHighlight#f0e484
  • minimapGutter.addedBackground#00e88f
  • minimapGutter.deletedBackground#ff5555
  • minimapGutter.modifiedBackground#8be9fd
  • notificationCenter.border#737ea140
  • notificationCenterHeader.background#0c1826
  • notificationCenterHeader.foreground#737ea1
  • notifications.background#071321
  • notifications.border#737ea140
  • notifications.foreground#737ea1
  • notificationsErrorIcon.foreground#ff5555
  • notificationsInfoIcon.foreground#8be9fd
  • notificationsWarningIcon.foreground#f0e484
  • notificationToast.border#737ea140
  • panel.background#071321
  • panel.border#737ea140
  • panelSection.border#737ea140
  • panelTitle.activeBorder#00e88f
  • panelTitle.activeForeground#737ea1
  • panelTitle.inactiveForeground#49526d
  • peekView.border#737ea140
  • peekViewEditor.background#071321
  • peekViewEditor.matchHighlightBackground#00e88f20
  • peekViewEditor.matchHighlightBorder#00e88f
  • peekViewEditorGutter.background#07121f
  • peekViewResult.background#0a1624
  • peekViewResult.fileForeground#49526d
  • peekViewResult.lineForeground#49526d
  • peekViewResult.matchHighlightBackground#49526d40
  • peekViewResult.selectionBackground#49526d40
  • peekViewResult.selectionForeground#737ea1
  • peekViewTitle.background#0c1826
  • peekViewTitleDescription.foreground#737ea1
  • peekViewTitleLabel.foreground#737ea1
  • pickerGroup.border#737ea140
  • pickerGroup.foreground#737ea1
  • progressBar.background#00e88f
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#49526d40
  • scrollbarSlider.background#49526d20
  • scrollbarSlider.hoverBackground#49526d30
  • selection.background#737ea120
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#737ea1
  • sideBar.background#030e1b
  • sideBar.border#071321
  • sideBar.dropBackground#071321
  • sideBar.foreground#737ea1
  • sideBarSectionHeader.background#071321
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#818cad
  • sideBarTitle.foreground#818cad
  • statusBar.background#040e19
  • statusBar.border#040e19
  • statusBar.debuggingBackground#ff5fbb
  • statusBar.debuggingBorder#ff5fbb
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#737ea1
  • statusBar.noFolderBackground#af78ff
  • statusBar.noFolderBorder#15151500
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff10
  • statusBarItem.remoteBackground#040e1940
  • statusBarItem.remoteForeground#00e88f
  • tab.activeBackground#071321
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00e88f
  • tab.activeForeground#ffffff
  • tab.border#071321
  • tab.hoverBackground#071321
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#030e1b
  • tab.inactiveForeground#49526d
  • terminal.ansiBlack#414141
  • terminal.ansiBlue#0c5cb4
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#238bff
  • terminal.ansiBrightCyan#8be9fd
  • terminal.ansiBrightGreen#00e88f
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#ff5555
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f0e484
  • terminal.ansiCyan#41ccea
  • terminal.ansiGreen#01ab6a
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#c93838
  • terminal.ansiWhite#dedede
  • terminal.ansiYellow#d3c554
  • terminal.border#737ea140
  • terminal.foreground#737ea1
  • terminal.selectionBackground#49526d20
  • terminalCursor.background#0c1826
  • terminalCursor.foreground#737ea1
  • textLink.foreground#00e88f
  • titleBar.activeBackground#030e1b
  • titleBar.activeForeground#737ea1
  • titleBar.border#00000000
  • titleBar.inactiveBackground#00e88f
  • titleBar.inactiveForeground#030e1b
  • tree.indentGuidesStroke#737ea140
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#03030a20

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