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#252525
  • activityBar.border#ff000000
  • activityBar.foreground#b2f7ef
  • activityBar.inactiveForeground#FEFEFE
  • activityBarBadge.background#177e89
  • activityBarBadge.foreground#b2f7ef
  • badge.background#23d18b59
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f92b78
  • breadcrumb.background#26292d
  • breadcrumb.focusForeground#f92b78
  • breadcrumb.foreground#97a97c
  • button.background#1867e2
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#262626
  • 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#44444400
  • diffEditor.insertedTextBackground#3b5f9633
  • diffEditor.removedTextBackground#01172e52
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#26292D
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#2f445e
  • editor.findMatchHighlightBackground#50a39700
  • editor.findMatchHighlightBorder#ffffff2a
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#a9a9a900
  • editor.foldBackground#264f784d
  • editor.foreground#606c38
  • editor.hoverHighlightBackground#4193e600
  • editor.inactiveSelectionBackground#23d18b21
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#23d18b81
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#d9d9d900
  • editor.selectionBackground#23d18b41
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#00b7ff2e
  • editor.wordHighlightStrongBackground#9cdbff00
  • editor.wordHighlightStrongBorder#67858c
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#26292d
  • editorGroupHeader.tabsBackground#242424c1
  • editorGroupHeader.tabsBorder#c8b6ff20
  • editorGutter.addedBackground#d30229
  • editorGutter.background#26292D
  • editorGutter.commentRangeForeground#2066d3
  • editorGutter.deletedBackground#ffffff
  • editorGutter.foldingControlForeground#2066d3
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#1f1f21
  • editorHoverWidget.border#435f8c8d
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#19607b
  • editorIndentGuide.background#5d7bc02e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#23d18b
  • editorLineNumber.foreground#494949
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#0d2e4b
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ff6c00
  • editorSuggestWidget.selectedBackground#0e56ff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • foreground#3674ab
  • 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#3674ab
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#09477100
  • list.activeSelectionForeground#b2f7ef
  • list.dropBackground#409ad512
  • list.focusBackground#177e89
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e00
  • list.hoverForeground#e89008
  • list.inactiveSelectionBackground#2f374d00
  • list.inactiveSelectionForeground#ecf4f5
  • listFilterWidget.background#396bb8
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#034d80
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#26292d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#1b354f
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#d30229
  • minimapGutter.deletedBackground#ffffff
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#093d62
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#2c2c2c
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#26292d
  • panel.border#23d18b59
  • panelSection.border#207ca959
  • panelTitle.activeBorder#23d18b
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#040f17
  • peekViewEditor.matchHighlightBackground#211a1199
  • peekViewEditor.matchHighlightBorder#eed3b018
  • peekViewEditorGutter.background#07324d
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#237ede4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#26292d
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#23d18bb3
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#23d18bc3
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#23d18bb3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#3674ab
  • sideBar.background#26292D
  • sideBar.border#1a84e200
  • sideBar.dropBackground#409ad512
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#7bdff2
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#26292D
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#b2f7ef
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#26292D
  • statusBarItem.remoteForeground#ff8fa3
  • tab.activeBackground#252525
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#01A4F6
  • tab.border#25252602
  • tab.hoverBackground#0b3c9900
  • tab.hoverBorder#ff000002
  • tab.inactiveBackground#24242400
  • 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#207ca959
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#23d18b
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1b1b1b
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#02020299
  • titleBar.inactiveForeground#7b7b7b99
  • tree.indentGuidesStroke#3d2a2a
  • 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#57cc99
variable.other.generic-type.haskell#f3c351
storage.type.haskell#01a4f6
support.variable.magic.python#57cc99
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#177e89
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#61afef
entity.name.lifetime.rust#177e89
variable.language.rust#57cc99
support.constant.edge#f3c351
constant.other.character-class.regexp#57cc99
keyword.operator.quantifier.regexp#01a4f6
punctuation.definition.string.begin,punctuation.definition.string.end#e3f9f7
variable.parameter.function#d4d4d4
comment markup.link#b1a4cd62
markup.changed.diff#177e89
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#e3f9f7
markup.deleted.diff#57cc99
meta.function.c,meta.function.cpp#57cc99
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#61afef
support.constant.math#177e89
support.constant.property.math#01a4f6
variable.other.constant#177e89
storage.type.annotation.java, storage.type.object.array.java#177e89
source.java#57cc99
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#d4d4d4
meta.method.java#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#177e89
keyword.operator.instanceof.java#f3c351
meta.definition.variable.name.java#57cc99
keyword.operator.logical#f08080
keyword.operator.bitwise#f08080
keyword.operator.channel#f08080
support.constant.property-value.scss,support.constant.property-value.css#01a4f6
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f08080
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#01a4f6
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#01a4f6
support.type.vendored.property-name.css#f08080
support.module.node,support.type.object.module,support.module.node#177e89
entity.name.type.module#177e89
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#57cc99
support.constant.json#01a4f6
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f3c351
support.type.object.console#57cc99
support.variable.property.process#01a4f6
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#f3c351
keyword.operator.delete#f3c351
support.type.object.dom#f08080
support.variable.dom,support.variable.property.dom#57cc99
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f08080
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#f3c351
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#f3c351
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f08080
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f3c351
variable.parameter.function.language.python#01a4f6
support.type.python#f08080
keyword.operator.logical.python#f3c351
variable.parameter.function.python#01a4f6
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#01a4f6
keyword.operator#d4d4d4
keyword.operator.assignment.compound#f3c351
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f08080
keyword#f3c351
entity.name.namespace#177e89
variable#57cc99
variable.c#d4d4d4
variable.language#177e89
token.variable.parameter.java#d4d4d4
import.storage.java#177e89
token.package.keyword#f3c351
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#177e89
support.class, entity.name.type.class#177e89
entity.name.class.identifier.namespace.type#177e89
entity.name.class, variable.other.class.js, variable.other.class.ts#177e89
variable.other.class.php#57cc99
entity.name.type#177e89
keyword.control#f3c351
control.elements, keyword.operator.less#01a4f6
keyword.other.special-method#61afef
storage#f3c351
token.storage#f3c351
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#f3c351
token.storage.type.java#177e89
support.function#f08080
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#01a4f6
meta.tag#d4d4d4
string#e3f9f7
entity.other.inherited-class#177e89
constant.other.symbol#f08080
constant.numeric#01a4f6
constant#01a4f6
punctuation.definition.constant#01a4f6
entity.name.tag#57cc99
entity.other.attribute-name#01a4f6
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#01a4f6normal
meta.selector#f3c351
markup.heading#57cc99
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#57cc99
markup.bold,todo.bold#01a4f6
punctuation.definition.bold#177e89
markup.italic, punctuation.definition.italic,todo.emphasis#f3c351
emphasis md#f3c351
entity.name.section.markdown#57cc99
punctuation.definition.heading.markdown#57cc99
punctuation.definition.list.begin.markdown#57cc99
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#01a4f6
markup.inline.raw.markdown#e3f9f7
markup.inline.raw.string.markdown#e3f9f7
punctuation.definition.list.markdown#57cc99
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#57cc99
beginning.punctuation.definition.list.markdown#57cc99
punctuation.definition.metadata.markdown#57cc99
markup.underline.link.markdown,markup.underline.link.image.markdown#f3c351
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#f08080
constant.character.escape#f08080
punctuation.section.embedded, variable.interpolation#57cc99
punctuation.section.embedded.begin,punctuation.section.embedded.end#f3c351
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#57cc99
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#57cc99
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#e3f9f7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f08080
support.type.property-name.json#57cc99
support.type.property-name.json punctuation#57cc99
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f3c351
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f3c351
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#177e89
keyword.operator.error-control.php#f3c351
keyword.operator.type.php#f3c351
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#177e89
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#d4d4d4
support.constant.core.rust#01a4f6
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#01a4f6
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f08080
keyword.operator.regexp.php#f3c351
keyword.operator.comparison.php#f08080
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f3c351
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#f08080
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#f08080
rgb-value#f08080
inline-color-decoration rgb-value#01a4f6
less rgb-value#01a4f6
selector.sass#57cc99
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#177e89
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#177e89
entity.name.variable.local.cs#57cc99
token.info-token#61afef
token.warn-token#01a4f6
token.error-token#f44747
token.debug-token#f3c351
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f3c351
meta.template.expression#d4d4d4
keyword.operator.module#f3c351
support.type.type.flowtype#61afef
support.type.primitive#177e89
meta.property.object#57cc99
variable.parameter.function.js#57cc99
keyword.other.template.begin#e3f9f7
keyword.other.template.end#e3f9f7
keyword.other.substitution.begin#e3f9f7
keyword.other.substitution.end#e3f9f7
keyword.operator.assignment#f08080
keyword.operator.assignment.go#177e89
keyword.operator.arithmetic.go, keyword.operator.address.go#f3c351
entity.name.package.go#177e89
support.type.prelude.elm#f08080
support.constant.elm#01a4f6
punctuation.quasi.element#f3c351
constant.character.entity#57cc99
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f08080
entity.global.clojure#177e89
meta.symbol.clojure#57cc99
constant.keyword.clojure#f08080
meta.arguments.coffee, variable.parameter.function.coffee#57cc99
source.ini#e3f9f7
meta.scope.prerequisites.makefile#57cc99
source.makefile#177e89
storage.modifier.import.groovy#177e89
meta.method.groovy#61afef
meta.definition.variable.name.groovy#57cc99
meta.definition.class.inherited.classes.groovy#e3f9f7
support.variable.semantic.hlsl#177e89
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#f3c351
text.variable, text.bracketed#57cc99
support.type.swift, support.type.vb.asp#177e89
entity.name.function.xi#177e89
entity.name.class.xi#f08080
constant.character.character-class.regexp.xi#57cc99
constant.regexp.xi#f3c351
keyword.control.xi#f08080
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#e3f9f7
beginning.punctuation.definition.list.markdown.xi#b1a4cd62
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#01a4f6
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#b1a4cd62
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#177e89
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#57cc99
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#b1a4cd62italic
markup.quote.markdown#b1a4cd62
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#f08080
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...