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#fff7ed
  • activityBar.background#fff7ed
  • activityBar.border#fff7ed
  • activityBar.foreground#636363
  • activityBar.inactiveForeground#8f8f8f
  • activityBarBadge.background#00a0ba
  • activityBarBadge.foreground#303338
  • badge.background#f2e6d4
  • badge.foreground#303338
  • breadcrumb.activeSelectionForeground#636363
  • breadcrumb.background#fff7ed
  • breadcrumb.focusForeground#636363
  • breadcrumb.foreground#8f8f8f
  • button.background#fffdfb
  • button.foreground#303338
  • button.hoverBackground#00a0ba
  • button.secondaryBackground#fff7ed
  • button.secondaryForeground#24272b
  • button.secondaryHoverBackground#00a0ba
  • checkbox.background#fff7ed
  • checkbox.border#f2e6d400
  • checkbox.foreground#8f8f8f
  • debugExceptionWidget.background#fffdfb
  • debugExceptionWidget.border#f2e6d4
  • debugToolBar.background#fffdfb
  • debugToolBar.border#f2e6d4
  • diffEditor.border#636363
  • diffEditor.insertedTextBackground#3ea57b33
  • diffEditor.removedTextBackground#ca708133
  • dropdown.background#fff7ed
  • dropdown.border#f2e6d400
  • dropdown.foreground#8f8f8f
  • editor.background#fff7ed
  • editor.findMatchBackground#f2e6d4
  • editor.findMatchBorder#30333880
  • editor.findMatchHighlightBackground#30333840
  • editor.findMatchHighlightBorder#24272b00
  • editor.findRangeHighlightBackground#30333808
  • editor.findRangeHighlightBorder#24272b00
  • editor.foldBackground#f2e6d480
  • editor.foreground#8f8f8f
  • editor.hoverHighlightBackground#30333820
  • editor.inactiveSelectionBackground#30333818
  • editor.lineHighlightBackground#30333810
  • editor.lineHighlightBorder#fffdfb00
  • editor.rangeHighlightBackground#24272b0b
  • editor.rangeHighlightBorder#f2e6d400
  • editor.selectionBackground#30333830
  • editor.selectionHighlightBackground#30333826
  • editor.selectionHighlightBorder#303338
  • editor.wordHighlightBackground#30333820
  • editor.wordHighlightStrongBackground#fffdfb
  • editorBracketMatch.background#f2e6d4
  • editorBracketMatch.border#30333880
  • editorCodeLens.foreground#8f8f8f
  • editorCursor.background#fff7ed
  • editorCursor.foreground#303338
  • editorError.background#ca708100
  • editorError.border#24272b00
  • editorError.foreground#ca7081
  • editorGroup.border#8f8f8f
  • editorGroup.emptyBackground#fff7ed
  • editorGroupHeader.tabsBackground#f2e6d4
  • editorGutter.addedBackground#3ea57b
  • editorGutter.background#fff7ed
  • editorGutter.commentRangeForeground#8f8f8f
  • editorGutter.deletedBackground#ca7081
  • editorGutter.foldingControlForeground#8f8f8f
  • editorGutter.modifiedBackground#00a0ba
  • editorHoverWidget.background#f2e6d4
  • editorHoverWidget.border#bebebe
  • editorHoverWidget.foreground#636363
  • editorIndentGuide.activeBackground#bebebe
  • editorIndentGuide.background#f2e6d4
  • editorInfo.background#6e8dd500
  • editorInfo.border#30333800
  • editorInfo.foreground#6e8dd5
  • editorLineNumber.activeForeground#636363
  • editorLineNumber.foreground#bebebe
  • editorLink.activeForeground#00a0ba
  • editorMarkerNavigation.background#fffdfb
  • editorMarkerNavigationError.background#ca7081
  • editorMarkerNavigationInfo.background#6e8dd5
  • editorMarkerNavigationWarning.background#c27d40
  • editorOverviewRuler.background#fffdfb80
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#bebebe
  • editorSuggestWidget.background#f2e6d4
  • editorSuggestWidget.border#bebebe
  • editorSuggestWidget.foreground#636363
  • editorSuggestWidget.highlightForeground#00a0ba
  • editorSuggestWidget.selectedBackground#fffdfb
  • editorWarning.background#c27d4000
  • editorWarning.border#fffdfb00
  • editorWarning.foreground#c27d40
  • editorWhitespace.foreground#f2e6d429
  • editorWidget.background#f2e6d4
  • editorWidget.foreground#636363
  • editorWidget.resizeBorder#bebebe
  • focusBorder#00a0ba
  • foreground#8f8f8f
  • gitDecoration.addedResourceForeground#3ea57b
  • gitDecoration.conflictingResourceForeground#6e8dd5
  • gitDecoration.deletedResourceForeground#ca7081
  • gitDecoration.ignoredResourceForeground#8f8f8f
  • gitDecoration.modifiedResourceForeground#c27d40
  • gitDecoration.stageDeletedResourceForeground#ca7081
  • gitDecoration.stageModifiedResourceForeground#c27d40
  • gitDecoration.submoduleResourceForeground#6e8dd5
  • gitDecoration.untrackedResourceForeground#3ea57b
  • icon.foreground#8f8f8f
  • input.background#fff7ed
  • input.border#f2e6d400
  • input.foreground#8f8f8f
  • input.placeholderForeground#bebebe
  • inputOption.activeBackground#bebebe
  • inputOption.activeBorder#00a0ba00
  • inputOption.activeForeground#24272b
  • list.activeSelectionBackground#303338
  • list.activeSelectionForeground#8f8f8f
  • list.dropBackground#fffdfb
  • list.focusBackground#fffdfb
  • list.focusForeground#636363
  • list.highlightForeground#00a0ba
  • list.hoverBackground#fffdfb
  • list.hoverForeground#636363
  • list.inactiveSelectionBackground#fffdfb
  • list.inactiveSelectionForeground#636363
  • listFilterWidget.background#fffdfb
  • listFilterWidget.noMatchesOutline#ca7081
  • listFilterWidget.outline#f2e6d400
  • menu.background#f2e6d4
  • menu.border#f2e6d485
  • menu.foreground#636363
  • menu.selectionBackground#00a0ba
  • menu.selectionBorder#f2e6d400
  • menu.selectionForeground#303338
  • menu.separatorBackground#bebebe
  • menubar.selectionBackground#3033381a
  • menubar.selectionForeground#303338
  • merge.commonContentBackground#fffdfb
  • merge.commonHeaderBackground#f2e6d4
  • merge.currentContentBackground#f4fbf5
  • merge.currentHeaderBackground#d7efde
  • merge.incomingContentBackground#f4f9ff
  • merge.incomingHeaderBackground#dae9ff
  • minimap.background#fff7ed
  • minimap.errorHighlight#ca7081
  • minimap.findMatchHighlight#f2e6d4
  • minimap.selectionHighlight#30333830
  • minimap.warningHighlight#c27d40
  • minimapGutter.addedBackground#3ea57b
  • minimapGutter.deletedBackground#ca7081
  • minimapGutter.modifiedBackground#00a0ba
  • notificationCenter.border#fffdfb
  • notificationCenterHeader.background#fff7ed
  • notificationCenterHeader.foreground#636363
  • notifications.background#f2e6d4
  • notifications.border#fffdfb
  • notifications.foreground#636363
  • notificationsErrorIcon.foreground#ca7081
  • notificationsInfoIcon.foreground#6e8dd5
  • notificationsWarningIcon.foreground#92963a
  • notificationToast.border#fffdfb
  • panel.background#fff7ed
  • panel.border#bebebe88
  • panelSection.border#bebebe88
  • panelTitle.activeBorder#636363
  • panelTitle.activeForeground#636363
  • panelTitle.inactiveForeground#8f8f8f
  • peekView.border#00a0ba
  • peekViewEditor.background#f2e6d4
  • peekViewEditor.matchHighlightBackground#30333840
  • peekViewEditor.matchHighlightBorder#30333880
  • peekViewEditorGutter.background#f2e6d4
  • peekViewResult.background#f2e6d4
  • peekViewResult.fileForeground#8f8f8f
  • peekViewResult.lineForeground#636363
  • peekViewResult.matchHighlightBackground#30333820
  • peekViewResult.selectionBackground#30333820
  • peekViewResult.selectionForeground#303338
  • peekViewTitle.background#f2e6d4
  • peekViewTitleDescription.foreground#8f8f8f
  • peekViewTitleLabel.foreground#303338
  • pickerGroup.border#bebebe
  • pickerGroup.foreground#6e8dd5
  • progressBar.background#00a0ba
  • scrollbar.shadow#f2e6d4
  • scrollbarSlider.activeBackground#636363
  • scrollbarSlider.background#f2e6d4
  • scrollbarSlider.hoverBackground#bebebe
  • selection.background#303338
  • settings.focusedRowBackground#fffdfb07
  • settings.headerForeground#8f8f8f
  • sideBar.background#f2e6d4
  • sideBar.dropBackground#fffdfb
  • sideBar.foreground#8f8f8f
  • sideBarSectionHeader.background#fffdfb
  • sideBarSectionHeader.border#fffdfb
  • sideBarSectionHeader.foreground#636363
  • sideBarTitle.foreground#636363
  • statusBar.background#f2e6d4
  • statusBar.debuggingBackground#ca7081
  • statusBar.debuggingForeground#303338
  • statusBar.foreground#636363
  • statusBar.noFolderBackground#ac78bd
  • statusBar.noFolderForeground#303338
  • statusBarItem.activeBackground#fffdfb25
  • statusBarItem.hoverBackground#6363631f
  • statusBarItem.remoteBackground#00a0ba
  • statusBarItem.remoteForeground#303338
  • tab.activeBackground#fff7ed
  • tab.activeBorder#f2e6d400
  • tab.activeBorderTop#f2e6d400
  • tab.activeForeground#303338
  • tab.border#bebebe
  • tab.inactiveBackground#f2e6d4
  • tab.inactiveForeground#8f8f8f
  • terminal.ansiBlack#fffdfb
  • terminal.ansiBlue#7e87d6
  • terminal.ansiBrightBlack#bebebe
  • terminal.ansiBrightBlue#7e87d6
  • terminal.ansiBrightCyan#00a0be
  • terminal.ansiBrightGreen#46a473
  • terminal.ansiBrightMagenta#bd72a8
  • terminal.ansiBrightRed#cb7459
  • terminal.ansiBrightWhite#24272b
  • terminal.ansiBrightYellow#a38f2d
  • terminal.ansiCyan#00a0be
  • terminal.ansiGreen#46a473
  • terminal.ansiMagenta#bd72a8
  • terminal.ansiRed#cb7459
  • terminal.ansiWhite#3e4044
  • terminal.ansiYellow#a38f2d
  • terminal.border#bebebe88
  • terminal.foreground#8f8f8f
  • terminal.selectionBackground#30333810
  • terminalCursor.background#fff7ed
  • terminalCursor.foreground#303338
  • textLink.foreground#6e8dd5
  • titleBar.activeBackground#fff7ed
  • titleBar.activeForeground#636363
  • titleBar.border#f2e6d400
  • titleBar.inactiveBackground#fff7ed99
  • titleBar.inactiveForeground#636363
  • tree.indentGuidesStroke#fffdfb
  • 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#ca7081
variable.other.generic-type.haskell#ac78bd
storage.type.haskell#92963a
support.variable.magic.python#ca7081
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#8f8f8f
variable.parameter.function.language.special.self.python#c27d40
storage.modifier.lifetime.rust#8f8f8f
support.function.std.rust#6e8dd5
entity.name.lifetime.rust#c27d40
variable.language.rust#ca7081
support.constant.edge#ac78bd
constant.other.character-class.regexp#ca7081
keyword.operator.quantifier.regexp#92963a
punctuation.definition.string.begin,punctuation.definition.string.end#3ea57b
variable.parameter.function#8f8f8f
comment markup.link#bebebe
markup.changed.diff#c27d40
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6e8dd5
markup.inserted.diff#3ea57b
markup.deleted.diff#ca7081
meta.function.c,meta.function.cpp#ca7081
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#8f8f8f
punctuation.separator.key-value#8f8f8f
keyword.operator.expression.import#6e8dd5
support.constant.math#c27d40
support.constant.property.math#92963a
variable.other.constant#c27d40
storage.type.annotation.java, storage.type.object.array.java#c27d40
source.java#ca7081
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#8f8f8f
meta.method.java#6e8dd5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c27d40
keyword.operator.instanceof.java#ac78bd
meta.definition.variable.name.java#ca7081
keyword.operator.logical#00a0ba
keyword.operator.bitwise#00a0ba
keyword.operator.channel#00a0ba
support.constant.property-value.scss,support.constant.property-value.css#92963a
keyword.operator.css,keyword.operator.scss,keyword.operator.less#00a0ba
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#92963a
punctuation.separator.list.comma.css#8f8f8f
support.constant.color.w3c-standard-color-name.css#92963a
support.type.vendored.property-name.css#00a0ba
support.module.node,support.type.object.module,support.module.node#c27d40
entity.name.type.module#c27d40
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ca7081
support.constant.json#92963a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ac78bd
support.type.object.console#ca7081
support.variable.property.process#92963a
entity.name.function,support.function.console#6e8dd5
keyword.operator.misc.rust#8f8f8f
keyword.operator.sigil.rust#ac78bd
keyword.operator.delete#ac78bd
support.type.object.dom#00a0ba
support.variable.dom,support.variable.property.dom#ca7081
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#00a0ba
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#ac78bd
punctuation.separator.delimiter#8f8f8f
punctuation.separator.c,punctuation.separator.cpp#ac78bd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#00a0ba
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ac78bd
variable.parameter.function.language.python#92963a
support.type.python#00a0ba
keyword.operator.logical.python#ac78bd
variable.parameter.function.python#92963a
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#8f8f8f
meta.function-call.generic.python#6e8dd5
constant.character.format.placeholder.other.python#92963a
keyword.operator#8f8f8f
keyword.operator.assignment.compound#ac78bd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#00a0ba
keyword#ac78bd
entity.name.namespace#c27d40
variable#ca7081
variable.c#8f8f8f
variable.language#c27d40
token.variable.parameter.java#8f8f8f
import.storage.java#c27d40
token.package.keyword#ac78bd
token.package#8f8f8f
entity.name.function, meta.require, support.function.any-method, variable.function#6e8dd5
entity.name.type.namespace#c27d40
support.class, entity.name.type.class#c27d40
entity.name.class.identifier.namespace.type#c27d40
entity.name.class, variable.other.class.js, variable.other.class.ts#c27d40
variable.other.class.php#ca7081
entity.name.type#c27d40
keyword.control#ac78bd
control.elements, keyword.operator.less#92963a
keyword.other.special-method#6e8dd5
storage#ac78bd
token.storage#ac78bd
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#ac78bd
token.storage.type.java#c27d40
support.function#00a0ba
support.type.property-name#8f8f8f
support.constant.property-value#8f8f8f
support.constant.font-name#92963a
meta.tag#8f8f8f
string#3ea57b
entity.other.inherited-class#c27d40
constant.other.symbol#00a0ba
constant.numeric#92963a
constant#92963a
punctuation.definition.constant#92963a
entity.name.tag#ca7081
entity.other.attribute-name#92963a
entity.other.attribute-name.id#6e8dd5
entity.other.attribute-name.class.css#92963a
meta.selector#ac78bd
markup.heading#ca7081
markup.heading punctuation.definition.heading, entity.name.section#6e8dd5
keyword.other.unit#ca7081
markup.bold,todo.bold#92963a
punctuation.definition.bold#c27d40
markup.italic, punctuation.definition.italic,todo.emphasis#ac78bd
emphasis md#ac78bd
entity.name.section.markdown#ca7081
punctuation.definition.heading.markdown#ca7081
punctuation.definition.list.begin.markdown#ca7081
markup.heading.setext#8f8f8f
punctuation.definition.bold.markdown#92963a
markup.inline.raw.markdown#3ea57b
markup.inline.raw.string.markdown#3ea57b
punctuation.definition.list.markdown#ca7081
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ca7081
beginning.punctuation.definition.list.markdown#ca7081
punctuation.definition.metadata.markdown#ca7081
markup.underline.link.markdown,markup.underline.link.image.markdown#ac78bd
string.other.link.title.markdown,string.other.link.description.markdown#6e8dd5
string.regexp#00a0ba
constant.character.escape#00a0ba
punctuation.section.embedded, variable.interpolation#ca7081
punctuation.section.embedded.begin,punctuation.section.embedded.end#ac78bd
invalid.illegal#24272B
invalid.illegal.bad-ampersand.html#8f8f8f
invalid.broken#24272B
invalid.deprecated#24272B
invalid.unimplemented#24272B
source.json meta.structure.dictionary.json > string.quoted.json#ca7081
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ca7081
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#3ea57b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#00a0ba
support.type.property-name.json#ca7081
support.type.property-name.json punctuation#ca7081
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ac78bd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ac78bd
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c27d40
keyword.operator.error-control.php#ac78bd
keyword.operator.type.php#ac78bd
punctuation.section.array.begin.php#8f8f8f
punctuation.section.array.end.php#8f8f8f
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c27d40
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6e8dd5
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#8f8f8f
support.constant.core.rust#92963a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#92963a
entity.name.goto-label.php,support.other.php#6e8dd5
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#00a0ba
keyword.operator.regexp.php#ac78bd
keyword.operator.comparison.php#00a0ba
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ac78bd
meta.function.decorator.python#6e8dd5
support.token.decorator.python,meta.function.decorator.identifier.python#00a0ba
function.parameter#8f8f8f
function.brace#8f8f8f
function.parameter.ruby, function.parameter.cs#8f8f8f
constant.language.symbol.ruby#00a0ba
rgb-value#00a0ba
inline-color-decoration rgb-value#92963a
less rgb-value#92963a
selector.sass#ca7081
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c27d40
block.scope.end,block.scope.begin#8f8f8f
storage.type.cs#c27d40
entity.name.variable.local.cs#ca7081
token.info-token#6e8dd5
token.warn-token#92963a
token.error-token#f44747
token.debug-token#ac78bd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ac78bd
meta.template.expression#8f8f8f
keyword.operator.module#ac78bd
support.type.type.flowtype#6e8dd5
support.type.primitive#c27d40
meta.property.object#ca7081
variable.parameter.function.js#ca7081
keyword.other.template.begin#3ea57b
keyword.other.template.end#3ea57b
keyword.other.substitution.begin#3ea57b
keyword.other.substitution.end#3ea57b
keyword.operator.assignment#00a0ba
keyword.operator.assignment.go#c27d40
keyword.operator.arithmetic.go, keyword.operator.address.go#ac78bd
entity.name.package.go#c27d40
support.type.prelude.elm#00a0ba
support.constant.elm#92963a
punctuation.quasi.element#ac78bd
constant.character.entity#ca7081
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#00a0ba
entity.global.clojure#c27d40
meta.symbol.clojure#ca7081
constant.keyword.clojure#00a0ba
meta.arguments.coffee, variable.parameter.function.coffee#ca7081
source.ini#3ea57b
meta.scope.prerequisites.makefile#ca7081
source.makefile#c27d40
storage.modifier.import.groovy#c27d40
meta.method.groovy#6e8dd5
meta.definition.variable.name.groovy#ca7081
meta.definition.class.inherited.classes.groovy#3ea57b
support.variable.semantic.hlsl#c27d40
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#ac78bd
text.variable, text.bracketed#ca7081
support.type.swift, support.type.vb.asp#c27d40
entity.name.function.xi#c27d40
entity.name.class.xi#00a0ba
constant.character.character-class.regexp.xi#ca7081
constant.regexp.xi#ac78bd
keyword.control.xi#00a0ba
invalid.xi#8f8f8f
beginning.punctuation.definition.quote.markdown.xi#3ea57b
beginning.punctuation.definition.list.markdown.xi#bebebe
constant.character.xi#6e8dd5
accent.xi#6e8dd5
wikiword.xi#92963a
constant.other.color.rgb-value.xi#24272B
punctuation.definition.tag.xi#bebebe
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c27d40
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ca7081
meta.brace.square#8f8f8f
comment, punctuation.definition.comment#bebebeitalic
markup.quote.markdown#bebebe
punctuation.definition.block.sequence.item.yaml#8f8f8f
constant.language.symbol.elixir#00a0ba
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...