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.background#292a43
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#232539
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#292a44
  • 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#292a44
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#292a43
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#c0c0d0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • 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#444444
  • editorGroup.emptyBackground#292a43
  • editorGroupHeader.tabsBackground#292a44
  • editorGroupHeader.tabsBorder#0d131f
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#292a44
  • 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#2d2d30
  • 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#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • 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#292a44
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#292a44
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#292a44
  • menu.border#700000
  • menu.foreground#cccccc
  • menu.selectionBackground#171826
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#ff0000
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#292a43
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#171826
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0d131f
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#c0c0d0
  • panel.background#0d131f
  • panel.border#700000
  • panelSection.border#80808059
  • panelTitle.activeBorder#700000
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#505068
  • scrollbarSlider.background#0d131f
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#171826
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0d131f
  • statusBar.debuggingBackground#980810
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#171826
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#171826
  • tab.activeBorder#00000000
  • tab.activeBorderTop#700000
  • tab.activeForeground#ffffff
  • tab.border#0d131f
  • tab.inactiveBackground#292a44
  • 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#292a44
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#171826
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0d131f
  • 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#f96f9f
variable.other.generic-type.haskell#ed4747
storage.type.haskell#f82872
support.variable.magic.python#f96f9f
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c0c0d0
variable.parameter.function.language.special.self.python#ae81ff
storage.modifier.lifetime.rust#c0c0d0
support.function.std.rust#2ddba4
entity.name.lifetime.rust#ae81ff
variable.language.rust#f96f9f
support.constant.edge#ed4747
constant.other.character-class.regexp#f96f9f
keyword.operator.quantifier.regexp#f82872
punctuation.definition.string.begin,punctuation.definition.string.end#6dfddf
variable.parameter.function#c0c0d0
comment markup.link#6d6db5
markup.changed.diff#ae81ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#2ddba4
markup.inserted.diff#6dfddf
markup.deleted.diff#f96f9f
meta.function.c,meta.function.cpp#f96f9f
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#c0c0d0
punctuation.separator.key-value#c0c0d0
keyword.operator.expression.import#2ddba4
support.constant.math#ae81ff
support.constant.property.math#f82872
variable.other.constant#ae81ff
storage.type.annotation.java, storage.type.object.array.java#ae81ff
source.java#f96f9f
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#c0c0d0
meta.method.java#2ddba4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ae81ff
keyword.operator.instanceof.java#ed4747
meta.definition.variable.name.java#f96f9f
keyword.operator.logical#4e87ff
keyword.operator.bitwise#4e87ff
keyword.operator.channel#4e87ff
support.constant.property-value.scss,support.constant.property-value.css#f82872
keyword.operator.css,keyword.operator.scss,keyword.operator.less#4e87ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f82872
punctuation.separator.list.comma.css#c0c0d0
support.constant.color.w3c-standard-color-name.css#f82872
support.type.vendored.property-name.css#4e87ff
support.module.node,support.type.object.module,support.module.node#ae81ff
entity.name.type.module#ae81ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f96f9f
support.constant.json#f82872
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ed4747
support.type.object.console#f96f9f
support.variable.property.process#f82872
entity.name.function,support.function.console#2ddba4
keyword.operator.misc.rust#c0c0d0
keyword.operator.sigil.rust#ed4747
keyword.operator.delete#ed4747
support.type.object.dom#4e87ff
support.variable.dom,support.variable.property.dom#f96f9f
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#4e87ff
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#ed4747
punctuation.separator.delimiter#c0c0d0
punctuation.separator.c,punctuation.separator.cpp#ed4747
support.type.posix-reserved.c,support.type.posix-reserved.cpp#4e87ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ed4747
variable.parameter.function.language.python#f82872
support.type.python#4e87ff
keyword.operator.logical.python#ed4747
variable.parameter.function.python#f82872
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c0c0d0
meta.function-call.generic.python#2ddba4
constant.character.format.placeholder.other.python#f82872
keyword.operator#c0c0d0
keyword.operator.assignment.compound#ed4747
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#4e87ff
keyword#ed4747
entity.name.namespace#ae81ff
variable#f96f9f
variable.c#c0c0d0
variable.language#ae81ff
token.variable.parameter.java#c0c0d0
import.storage.java#ae81ff
token.package.keyword#ed4747
token.package#c0c0d0
entity.name.function, meta.require, support.function.any-method, variable.function#2ddba4
entity.name.type.namespace#ae81ff
support.class, entity.name.type.class#ae81ff
entity.name.class.identifier.namespace.type#ae81ff
entity.name.class, variable.other.class.js, variable.other.class.ts#ae81ff
variable.other.class.php#f96f9f
entity.name.type#ae81ff
keyword.control#ed4747
control.elements, keyword.operator.less#f82872
keyword.other.special-method#2ddba4
storage#ed4747
token.storage#ed4747
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#ed4747
token.storage.type.java#ae81ff
support.function#4e87ff
support.type.property-name#c0c0d0
support.constant.property-value#c0c0d0
support.constant.font-name#f82872
meta.tag#c0c0d0
string#6dfddf
entity.other.inherited-class#ae81ff
constant.other.symbol#4e87ff
constant.numeric#f82872
constant#f82872
punctuation.definition.constant#f82872
entity.name.tag#f96f9f
entity.other.attribute-name#f82872
entity.other.attribute-name.id#2ddba4normal
entity.other.attribute-name.class.css#f82872normal
meta.selector#ed4747
markup.heading#f96f9f
markup.heading punctuation.definition.heading, entity.name.section#2ddba4
keyword.other.unit#f96f9f
markup.bold,todo.bold#f82872
punctuation.definition.bold#ae81ff
markup.italic, punctuation.definition.italic,todo.emphasis#ed4747
emphasis md#ed4747
entity.name.section.markdown#f96f9f
punctuation.definition.heading.markdown#f96f9f
punctuation.definition.list.begin.markdown#f96f9f
markup.heading.setext#c0c0d0
punctuation.definition.bold.markdown#f82872
markup.inline.raw.markdown#6dfddf
markup.inline.raw.string.markdown#6dfddf
punctuation.definition.list.markdown#f96f9f
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f96f9f
beginning.punctuation.definition.list.markdown#f96f9f
punctuation.definition.metadata.markdown#f96f9f
markup.underline.link.markdown,markup.underline.link.image.markdown#ed4747
string.other.link.title.markdown,string.other.link.description.markdown#2ddba4
string.regexp#4e87ff
constant.character.escape#4e87ff
punctuation.section.embedded, variable.interpolation#f96f9f
punctuation.section.embedded.begin,punctuation.section.embedded.end#ed4747
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c0c0d0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f96f9f
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f96f9f
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#6dfddf
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#4e87ff
support.type.property-name.json#f96f9f
support.type.property-name.json punctuation#f96f9f
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ed4747
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ed4747
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ae81ff
keyword.operator.error-control.php#ed4747
keyword.operator.type.php#ed4747
punctuation.section.array.begin.php#c0c0d0
punctuation.section.array.end.php#c0c0d0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ae81ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#2ddba4
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#c0c0d0
support.constant.core.rust#f82872
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f82872
entity.name.goto-label.php,support.other.php#2ddba4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#4e87ff
keyword.operator.regexp.php#ed4747
keyword.operator.comparison.php#4e87ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ed4747
meta.function.decorator.python#2ddba4
support.token.decorator.python,meta.function.decorator.identifier.python#4e87ff
function.parameter#c0c0d0
function.brace#c0c0d0
function.parameter.ruby, function.parameter.cs#c0c0d0
constant.language.symbol.ruby#4e87ff
rgb-value#4e87ff
inline-color-decoration rgb-value#f82872
less rgb-value#f82872
selector.sass#f96f9f
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ae81ff
block.scope.end,block.scope.begin#c0c0d0
storage.type.cs#ae81ff
entity.name.variable.local.cs#f96f9f
token.info-token#2ddba4
token.warn-token#f82872
token.error-token#f44747
token.debug-token#ed4747
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ed4747
meta.template.expression#c0c0d0
keyword.operator.module#ed4747
support.type.type.flowtype#2ddba4
support.type.primitive#ae81ff
meta.property.object#f96f9f
variable.parameter.function.js#f96f9f
keyword.other.template.begin#6dfddf
keyword.other.template.end#6dfddf
keyword.other.substitution.begin#6dfddf
keyword.other.substitution.end#6dfddf
keyword.operator.assignment#4e87ff
keyword.operator.assignment.go#ae81ff
keyword.operator.arithmetic.go, keyword.operator.address.go#ed4747
entity.name.package.go#ae81ff
support.type.prelude.elm#4e87ff
support.constant.elm#f82872
punctuation.quasi.element#ed4747
constant.character.entity#f96f9f
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#4e87ff
entity.global.clojure#ae81ff
meta.symbol.clojure#f96f9f
constant.keyword.clojure#4e87ff
meta.arguments.coffee, variable.parameter.function.coffee#f96f9f
source.ini#6dfddf
meta.scope.prerequisites.makefile#f96f9f
source.makefile#ae81ff
storage.modifier.import.groovy#ae81ff
meta.method.groovy#2ddba4
meta.definition.variable.name.groovy#f96f9f
meta.definition.class.inherited.classes.groovy#6dfddf
support.variable.semantic.hlsl#ae81ff
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#ed4747
text.variable, text.bracketed#f96f9f
support.type.swift, support.type.vb.asp#ae81ff
entity.name.function.xi#ae81ff
entity.name.class.xi#4e87ff
constant.character.character-class.regexp.xi#f96f9f
constant.regexp.xi#ed4747
keyword.control.xi#4e87ff
invalid.xi#c0c0d0
beginning.punctuation.definition.quote.markdown.xi#6dfddf
beginning.punctuation.definition.list.markdown.xi#6d6db5
constant.character.xi#2ddba4
accent.xi#2ddba4
wikiword.xi#f82872
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#6d6db5
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ae81ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f96f9f
meta.brace.square#c0c0d0
comment, punctuation.definition.comment#6d6db5italic
markup.quote.markdown#6d6db5
punctuation.definition.block.sequence.item.yaml#c0c0d0
constant.language.symbol.elixir#4e87ff
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...