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#00e2ff14
  • activityBar.background#101010
  • activityBar.border#fb6e0700
  • activityBar.foreground#ff60a7
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#d7c124
  • activityBarBadge.foreground#000000
  • badge.background#0e90a1
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#171717
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#00e2ff
  • button.foreground#000000
  • button.hoverBackground#1391a1
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1b1b1b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#845ec255
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#bebebe
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#00e2ff2e
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#00e2ff44
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e64f31
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1b1b1b
  • editorGroupHeader.border#fb6e0700
  • editorGroupHeader.tabsBackground#1b1b1b
  • editorGroupHeader.tabsBorder#fb6e0700
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#181818
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#171717
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ff60a7
  • editorSuggestWidget.selectedBackground#12545c
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#c9ab25
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#d7c124
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#0ea1b4
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#00e2ff97
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#00e2ff3e
  • list.focusForeground#cccccc
  • list.highlightForeground#ff60a7
  • list.hoverBackground#232323
  • list.hoverForeground#ff60a7
  • list.inactiveSelectionBackground#00e2ff42
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#845ec23a
  • listFilterWidget.noMatchesOutline#64c941a9
  • listFilterWidget.outline#f8de303e
  • menu.background#252526
  • menu.border#00000032
  • menu.foreground#cccccc
  • menu.selectionBackground#00e2ff7a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#00e2ff
  • menubar.selectionBackground#845ec21e
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1b1b1b
  • minimap.errorHighlight#e64f31
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#00e2ff2e
  • minimap.warningHighlight#c9ab25
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#cb7664
  • notificationsInfoIcon.foreground#5b94c7
  • notificationsWarningIcon.foreground#c4b157
  • notificationToast.border#474747
  • panel.background#171717
  • panel.border#00e2ff
  • panelSection.border#80808059
  • panelTitle.activeBorder#00e2ff
  • panelTitle.activeForeground#148896
  • panelTitle.inactiveForeground#999999
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#64c94170
  • peekViewEditor.matchHighlightBorder#1b4f09
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#64c9414d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#ff60a7
  • progressBar.background#00e2ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#94949458
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#00e2ff4a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#151515
  • sideBar.border#cccccc08
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#232323
  • sideBarSectionHeader.border#fb6e0700
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ff60a7
  • statusBar.background#d7c124c5
  • statusBar.debuggingBackground#d7c124d9
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#d7c124e7
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#FFFFFF25
  • statusBarItem.remoteBackground#282626
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#171717
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#383838
  • tab.hoverBackground#00e2ff22
  • tab.hoverBorder#fb6e0700
  • tab.inactiveBackground#242424
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#00e2ff89
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ff60a7
  • titleBar.activeBackground#171717
  • titleBar.activeForeground#cccccc
  • titleBar.border#00e2ffb7
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#3bdebf
variable.other.generic-type.haskell#ffce83
storage.type.haskell#7499f0
support.variable.magic.python#3bdebf
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#bebebe
variable.parameter.function.language.special.self.python#ff8888
storage.modifier.lifetime.rust#bebebe
support.function.std.rust#86c8ff
entity.name.lifetime.rust#ff8888
variable.language.rust#3bdebf
support.constant.edge#ffce83
constant.other.character-class.regexp#3bdebf
keyword.operator.quantifier.regexp#7499f0
punctuation.definition.string.begin,punctuation.definition.string.end#80ff9a
variable.parameter.function#bebebe
comment markup.link#787b82
markup.changed.diff#ff8888
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#86c8ff
markup.inserted.diff#80ff9a
markup.deleted.diff#3bdebf
meta.function.c,meta.function.cpp#3bdebf
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#bebebe
punctuation.separator.key-value#bebebe
keyword.operator.expression.import#86c8ff
support.constant.math#ff8888
support.constant.property.math#7499f0
variable.other.constant#ff8888
storage.type.annotation.java, storage.type.object.array.java#ff8888
source.java#3bdebf
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#bebebe
meta.method.java#86c8ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff8888
keyword.operator.instanceof.java#ffce83
meta.definition.variable.name.java#3bdebf
keyword.operator.logical#bebebe
keyword.operator.bitwise#bebebe
keyword.operator.channel#bebebe
support.constant.property-value.scss,support.constant.property-value.css#7499f0
keyword.operator.css,keyword.operator.scss,keyword.operator.less#bebebe
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#7499f0
punctuation.separator.list.comma.css#bebebe
support.constant.color.w3c-standard-color-name.css#7499f0
support.type.vendored.property-name.css#bebebe
support.module.node,support.type.object.module,support.module.node#ff8888
entity.name.type.module#ff8888
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#3bdebf
support.constant.json#7499f0
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ffce83
support.type.object.console#3bdebf
support.variable.property.process#7499f0
entity.name.function,support.function.console#86c8ff
keyword.operator.misc.rust#bebebe
keyword.operator.sigil.rust#ffce83
keyword.operator.delete#ffce83
support.type.object.dom#bebebe
support.variable.dom,support.variable.property.dom#3bdebf
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#bebebe
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#ffce83
punctuation.separator.delimiter#bebebe
punctuation.separator.c,punctuation.separator.cpp#ffce83
support.type.posix-reserved.c,support.type.posix-reserved.cpp#bebebe
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ffce83
variable.parameter.function.language.python#7499f0
support.type.python#bebebe
keyword.operator.logical.python#ffce83
variable.parameter.function.python#7499f0
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bebebe
meta.function-call.generic.python#86c8ff
constant.character.format.placeholder.other.python#7499f0
keyword.operator#bebebe
keyword.operator.assignment.compound#ffce83
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#bebebe
keyword#ffce83
entity.name.namespace#ff8888
variable#3bdebf
variable.c#bebebe
variable.language#ff8888
token.variable.parameter.java#bebebe
import.storage.java#ff8888
token.package.keyword#ffce83
token.package#bebebe
entity.name.function, meta.require, support.function.any-method, variable.function#86c8ff
entity.name.type.namespace#ff8888
support.class, entity.name.type.class#ff8888
entity.name.class.identifier.namespace.type#ff8888
entity.name.class, variable.other.class.js, variable.other.class.ts#ff8888
variable.other.class.php#3bdebf
entity.name.type#ff8888
keyword.control#ffce83
control.elements, keyword.operator.less#7499f0
keyword.other.special-method#86c8ff
storage#ffce83
token.storage#ffce83
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#ffce83
token.storage.type.java#ff8888
support.function#bebebe
support.type.property-name#bebebe
support.constant.property-value#bebebe
support.constant.font-name#7499f0
meta.tag#bebebe
string#80ff9a
entity.other.inherited-class#ff8888
constant.other.symbol#bebebe
constant.numeric#7499f0
constant#7499f0
punctuation.definition.constant#7499f0
entity.name.tag#3bdebf
entity.other.attribute-name#7499f0
entity.other.attribute-name.id#86c8ffnormal
entity.other.attribute-name.class.css#7499f0normal
meta.selector#ffce83
markup.heading#3bdebf
markup.heading punctuation.definition.heading, entity.name.section#86c8ff
keyword.other.unit#3bdebf
markup.bold,todo.bold#7499f0
punctuation.definition.bold#ff8888
markup.italic, punctuation.definition.italic,todo.emphasis#ffce83
emphasis md#ffce83
entity.name.section.markdown#3bdebf
punctuation.definition.heading.markdown#3bdebf
punctuation.definition.list.begin.markdown#3bdebf
markup.heading.setext#bebebe
punctuation.definition.bold.markdown#7499f0
markup.inline.raw.markdown#80ff9a
markup.inline.raw.string.markdown#80ff9a
punctuation.definition.list.markdown#3bdebf
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#3bdebf
beginning.punctuation.definition.list.markdown#3bdebf
punctuation.definition.metadata.markdown#3bdebf
markup.underline.link.markdown,markup.underline.link.image.markdown#ffce83
string.other.link.title.markdown,string.other.link.description.markdown#86c8ff
string.regexp#bebebe
constant.character.escape#bebebe
punctuation.section.embedded, variable.interpolation#3bdebf
punctuation.section.embedded.begin,punctuation.section.embedded.end#ffce83
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#bebebe
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#3bdebf
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#3bdebf
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#80ff9a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#bebebe
support.type.property-name.json#3bdebf
support.type.property-name.json punctuation#3bdebf
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ffce83
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ffce83
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff8888
keyword.operator.error-control.php#ffce83
keyword.operator.type.php#ffce83
punctuation.section.array.begin.php#bebebe
punctuation.section.array.end.php#bebebe
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff8888
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#86c8ff
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#bebebe
support.constant.core.rust#7499f0
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#7499f0
entity.name.goto-label.php,support.other.php#86c8ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#bebebe
keyword.operator.regexp.php#ffce83
keyword.operator.comparison.php#bebebe
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ffce83
meta.function.decorator.python#86c8ff
support.token.decorator.python,meta.function.decorator.identifier.python#bebebe
function.parameter#bebebe
function.brace#bebebe
function.parameter.ruby, function.parameter.cs#bebebe
constant.language.symbol.ruby#bebebe
rgb-value#bebebe
inline-color-decoration rgb-value#7499f0
less rgb-value#7499f0
selector.sass#3bdebf
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff8888
block.scope.end,block.scope.begin#bebebe
storage.type.cs#ff8888
entity.name.variable.local.cs#3bdebf
token.info-token#86c8ff
token.warn-token#7499f0
token.error-token#f44747
token.debug-token#ffce83
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffce83
meta.template.expression#bebebe
keyword.operator.module#ffce83
support.type.type.flowtype#86c8ff
support.type.primitive#ff8888
meta.property.object#3bdebf
variable.parameter.function.js#3bdebf
keyword.other.template.begin#80ff9a
keyword.other.template.end#80ff9a
keyword.other.substitution.begin#80ff9a
keyword.other.substitution.end#80ff9a
keyword.operator.assignment#bebebe
keyword.operator.assignment.go#ff8888
keyword.operator.arithmetic.go, keyword.operator.address.go#ffce83
entity.name.package.go#ff8888
support.type.prelude.elm#bebebe
support.constant.elm#7499f0
punctuation.quasi.element#ffce83
constant.character.entity#3bdebf
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#bebebe
entity.global.clojure#ff8888
meta.symbol.clojure#3bdebf
constant.keyword.clojure#bebebe
meta.arguments.coffee, variable.parameter.function.coffee#3bdebf
source.ini#80ff9a
meta.scope.prerequisites.makefile#3bdebf
source.makefile#ff8888
storage.modifier.import.groovy#ff8888
meta.method.groovy#86c8ff
meta.definition.variable.name.groovy#3bdebf
meta.definition.class.inherited.classes.groovy#80ff9a
support.variable.semantic.hlsl#ff8888
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#ffce83
text.variable, text.bracketed#3bdebf
support.type.swift, support.type.vb.asp#ff8888
entity.name.function.xi#ff8888
entity.name.class.xi#bebebe
constant.character.character-class.regexp.xi#3bdebf
constant.regexp.xi#ffce83
keyword.control.xi#bebebe
invalid.xi#bebebe
beginning.punctuation.definition.quote.markdown.xi#80ff9a
beginning.punctuation.definition.list.markdown.xi#787b82
constant.character.xi#86c8ff
accent.xi#86c8ff
wikiword.xi#7499f0
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#787b82
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff8888
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#3bdebf
meta.brace.square#bebebe
comment, punctuation.definition.comment#787b82italic
markup.quote.markdown#787b82
punctuation.definition.block.sequence.item.yaml#bebebe
constant.language.symbol.elixir#bebebe
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...