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#130e0e
  • activityBar.background#110d0d
  • activityBar.border#187ec2
  • activityBar.foreground#2e76ff
  • activityBar.inactiveForeground#7564e8
  • activityBarBadge.background#187ec2
  • activityBarBadge.foreground#ffffff
  • badge.background#5c1dcd
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#0bc8d1
  • breadcrumb.background#400273
  • breadcrumb.focusForeground#0bc8d1
  • breadcrumb.foreground#fffdfd
  • button.background#004eb6
  • button.foreground#ffffff
  • button.hoverBackground#034e80
  • button.secondaryBackground#2a2a2a
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#363636
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#0d0436
  • debugExceptionWidget.border#1364e2
  • debugToolBar.background#0d0436
  • debugToolBar.border#1364e2
  • diffEditor.border#17ad9f
  • diffEditor.insertedTextBackground#20d10726
  • diffEditor.insertedTextBorder#a7181800
  • diffEditor.removedTextBackground#ff006022
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#141026
  • editor.findMatchBackground#93b1d742
  • editor.findMatchBorder#005dd3
  • editor.findMatchHighlightBackground#8171b850
  • editor.findMatchHighlightBorder#1364cda5
  • editor.findRangeHighlightBackground#291a6066
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#4411d146
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#3d6388b5
  • editor.inactiveSelectionBackground#202b38
  • editor.lineHighlightBackground#2c069436
  • editor.lineHighlightBorder#54278a
  • editor.rangeHighlightBackground#0963b278
  • editor.rangeHighlightBorder#784ec2db
  • editor.selectionBackground#23185a
  • editor.selectionHighlightBackground#adb6ff26
  • editor.selectionHighlightBorder#6c0ff2
  • editor.wordHighlightBackground#282c4bb8
  • editor.wordHighlightBorder#7436a7
  • editor.wordHighlightStrongBackground#27556f8d
  • editor.wordHighlightStrongBorder#4b5cb8
  • editorBracketMatch.background#240064e5
  • editorBracketMatch.border#8a09ad
  • editorCodeLens.foreground#bababa
  • editorCursor.background#000000
  • editorCursor.foreground#076aea
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#d10062
  • editorGroup.border#12c2c2
  • editorGroup.emptyBackground#141026
  • editorGroupHeader.tabsBackground#531da1
  • editorGroupHeader.tabsBorder#00b5ec
  • editorGutter.addedBackground#56ba04
  • editorGutter.background#0a032e
  • editorGutter.commentRangeForeground#00cfff
  • editorGutter.deletedBackground#ff0f74
  • editorGutter.foldingControlForeground#00cfff
  • editorGutter.modifiedBackground#01aad9
  • editorHoverWidget.background#1a162e
  • editorHoverWidget.border#07c0af
  • editorHoverWidget.foreground#05d9d9
  • editorIndentGuide.activeBackground#03cfbc
  • editorIndentGuide.background#8d00c0
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#0087ff
  • editorLineNumber.activeForeground#00b7ff
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#5fb7ff
  • editorMarkerNavigation.background#251856
  • editorMarkerNavigationError.background#07a9ba
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#85a903
  • editorOverviewRuler.background#400686
  • editorOverviewRuler.border#15bcc4bd
  • editorRuler.foreground#71f2ff
  • editorSuggestWidget.background#030330
  • editorSuggestWidget.border#5918a7
  • editorSuggestWidget.foreground#fdfdfd
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#034673
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cfc202
  • editorWhitespace.foreground#e3e4e200
  • editorWidget.background#070730
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#2c00ff
  • focusBorder#007fd4
  • foreground#bebebe
  • gitDecoration.addedResourceForeground#06ff33
  • gitDecoration.conflictingResourceForeground#8181fd
  • gitDecoration.deletedResourceForeground#ff3c1a
  • gitDecoration.ignoredResourceForeground#a1a1a1
  • gitDecoration.modifiedResourceForeground#fda829
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#ffd08b
  • gitDecoration.submoduleResourceForeground#51a6f5
  • gitDecoration.untrackedResourceForeground#8effb6
  • icon.foreground#bebebe
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0c3f82
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#0c1c5c
  • list.focusBackground#062f4a
  • list.focusForeground#fbfbfb
  • list.highlightForeground#0099ff
  • list.hoverBackground#0e0a2e
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#2f325e
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#341688
  • listFilterWidget.noMatchesOutline#888282
  • listFilterWidget.outline#21202000
  • menu.background#05052ee3
  • menu.border#11336685
  • menu.foreground#ffffff
  • menu.selectionBackground#04558c
  • menu.selectionBorder#0f0e0e00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#0375d9
  • menubar.selectionBackground#3905f21a
  • menubar.selectionForeground#0070ff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#6b6b6b
  • merge.currentContentBackground#2d4540
  • merge.currentHeaderBackground#53a594
  • merge.incomingContentBackground#344860
  • merge.incomingHeaderBackground#4976b0
  • minimap.background#141026
  • minimap.errorHighlight#d10062
  • minimap.findMatchHighlight#93b1d742
  • minimap.selectionHighlight#23185a
  • minimap.warningHighlight#cfc202
  • minimapGutter.addedBackground#56ba04
  • minimapGutter.deletedBackground#ff0f74
  • minimapGutter.modifiedBackground#01aad9
  • notificationCenter.border#450099
  • notificationCenterHeader.background#020c5e
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#0d0032
  • notifications.border#303031
  • notifications.foreground#fffefe
  • notificationsErrorIcon.foreground#ff008f
  • notificationsInfoIcon.foreground#00ffab
  • notificationsWarningIcon.foreground#fffb00
  • notificationToast.border#0093ff
  • panel.background#0a0821
  • panel.border#00f3ff
  • panelSection.border#00ffff
  • panelTitle.activeBorder#df01ff
  • panelTitle.activeForeground#df01ff
  • panelTitle.inactiveForeground#00c3ff
  • peekView.border#0f96f0
  • peekViewEditor.background#01062c
  • peekViewEditor.matchHighlightBackground#1d305e99
  • peekViewEditor.matchHighlightBorder#1edaee
  • peekViewEditorGutter.background#051049
  • peekViewResult.background#100049
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#05c0c04d
  • peekViewResult.selectionBackground#acd6ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#271d6b
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#00abff
  • pickerGroup.foreground#0f7cfb
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#5600f066
  • scrollbarSlider.background#3a1292
  • scrollbarSlider.hoverBackground#4b259d
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#bebebe
  • sideBar.background#00113b
  • sideBar.border#009fff
  • sideBar.dropBackground#0c1c5c
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#2f325e
  • sideBarSectionHeader.border#324a5c33
  • sideBarSectionHeader.foreground#f9f9f9
  • sideBarTitle.foreground#009fff
  • statusBar.background#301075
  • statusBar.border#000000
  • statusBar.debuggingBackground#6a06bc
  • statusBar.debuggingBorder#a30d0d
  • statusBar.debuggingForeground#fbfbfb
  • statusBar.foreground#fbfbfb
  • statusBar.noFolderBackground#1b1919
  • statusBar.noFolderBorder#1f0101
  • statusBar.noFolderForeground#a32121
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#fdfafa1f
  • statusBarItem.remoteBackground#070c38
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1536
  • tab.activeBorder#8b00fff7
  • tab.activeBorderTop#f7070700
  • tab.activeForeground#ffffff
  • tab.border#356877
  • tab.hoverBackground#6903be
  • tab.hoverBorder#0d3b6d
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#1f1638
  • tab.inactiveForeground#ffffff
  • terminal.ansiBlack#715a5a
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#909090
  • terminal.ansiBrightBlue#0076f9
  • terminal.ansiBrightCyan#02cdff
  • terminal.ansiBrightGreen#00f995
  • terminal.ansiBrightMagenta#ff7dff
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#ff04ff
  • terminal.ansiRed#ff0000
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#ffff00
  • terminal.border#00ffff
  • terminal.foreground#fdfdfd
  • terminal.selectionBackground#35009440
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#160051
  • textLink.foreground#2986f0
  • titleBar.activeBackground#1d1a1a
  • titleBar.activeForeground#7564e8
  • titleBar.border#12131300
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#7c94cd
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#5c00ff5c

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