Skip to main content
Coding Theme

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#f3f3f3
  • activityBar.foreground#5edfe6
  • activityBar.inactiveForeground#8a8a8a66
  • activityBarBadge.background#b2e9ec
  • activityBarBadge.foreground#9f9f9f
  • badge.background#c1eaec
  • badge.foreground#b2a6a6
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f3f3f3
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#ed5f7f
  • button.foreground#ffffff
  • button.hoverBackground#c04d67
  • button.secondaryBackground#d7e1e2
  • button.secondaryForeground#9b9b9b
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#ffe0e7
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#ffe0e7
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#00bec812
  • diffEditor.removedTextBackground#ffbcbc33
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#f3f3f3
  • editor.findMatchBackground#00bec816
  • editor.findMatchBorder#00bec814
  • editor.findMatchHighlightBackground#00bec820
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#00bec810
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#00bec812
  • editor.foreground#9bc793
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#eaeaea
  • editor.lineHighlightBackground#00bec812
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#c0c0c033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#dedede
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#00bec800
  • editor.wordHighlightBackground#00bec80e
  • editor.wordHighlightBorder#00bec80c
  • editor.wordHighlightStrongBackground#00bec81e
  • editor.wordHighlightStrongBorder#00bec804
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#b2e9ec
  • editorError.background#79717100
  • editorError.border#ffffff00
  • editorError.foreground#ffbfb8
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#f3f3f3
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#9981db6c
  • editorGutter.background#f3f3f3
  • editorGutter.commentRangeForeground#c91740
  • editorGutter.deletedBackground#c98c176a
  • editorGutter.foldingControlForeground#c91740
  • editorGutter.modifiedBackground#00bec83a
  • editorHoverWidget.background#dbddde
  • editorHoverWidget.border#00bec82c
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#00bec85a
  • editorIndentGuide.background#00bec824
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#b4d6f5
  • editorLineNumber.activeForeground#00bec8
  • editorLineNumber.foreground#bebbbb
  • editorLink.activeForeground#8e2de0
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#ffdad6
  • editorMarkerNavigationInfo.background#b2e9ec
  • editorMarkerNavigationWarning.background#fff0c9
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d31e
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#9981db
  • editorSuggestWidget.selectedBackground#e5dbff
  • editorWarning.background#f0dfa600
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd262
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#868686
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#c0bdbe4a
  • foreground#616161
  • gitDecoration.addedResourceForeground#74d758
  • gitDecoration.conflictingResourceForeground#9f9fec
  • gitDecoration.deletedResourceForeground#ff8b8b
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#eac284
  • gitDecoration.stageDeletedResourceForeground#f7bbbb
  • gitDecoration.stageModifiedResourceForeground#d3a65e
  • gitDecoration.submoduleResourceForeground#7dbaff
  • gitDecoration.untrackedResourceForeground#3ecf8b
  • icon.foreground#616161
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#f3f3f3
  • list.activeSelectionForeground#4fd4db
  • list.dropBackground#b2e9ec64
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#0066bf
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#f3f3f3
  • list.inactiveSelectionForeground#36dbe4
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#f3f3f3
  • minimap.errorHighlight#ffbfb8
  • minimap.findMatchHighlight#00bec816
  • minimap.selectionHighlight#dedede
  • minimap.warningHighlight#ffd262
  • minimapGutter.addedBackground#9981db6c
  • minimapGutter.deletedBackground#c98c176a
  • minimapGutter.modifiedBackground#00bec83a
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#e0e0e0
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beffe9
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#ed5f7f00
  • panel.background#f3f3f3
  • panel.border#8080800e
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc00
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#00bec81c
  • peekViewEditor.matchHighlightBorder#dbc41700
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#8e8e8e
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#00515650
  • peekViewResult.selectionBackground#52606f33
  • peekViewResult.selectionForeground#7d7575
  • peekViewTitle.background#ececec
  • peekViewTitleDescription.foreground#9d9696e6
  • peekViewTitleLabel.foreground#26a3a99b
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#73beff
  • progressBar.background#c1eaec
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#64646416
  • scrollbarSlider.background#64646416
  • scrollbarSlider.hoverBackground#e6d0d5
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#f3f3f3
  • sideBar.dropBackground#b2e9ec64
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#afe5e8
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#999999
  • statusBar.noFolderBackground#e82551
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#afe5e8
  • statusBarItem.remoteForeground#9b9b9b
  • tab.activeBackground#00bec81c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#8a8a8a
  • tab.border#f3f3f300
  • tab.inactiveBackground#f3f3f3
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#5f9fe6
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3f75b0
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#00bc64
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc64
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#e4e4e459
  • terminal.foreground#0f0e0e
  • terminal.selectionBackground#00000040
  • terminalCursor.background#f3f3f3
  • terminalCursor.foreground#00bec84c
  • textLink.foreground#006ab1
  • titleBar.activeBackground#f3f3f3
  • titleBar.activeForeground#828282
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f3f3f3
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#02b9c22c
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000000e

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