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#333333
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • 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#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#13181f
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2C4061
  • 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#13181f
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1b1f26
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ffffff1f
  • editorIndentGuide.background#ffffff0f
  • 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#144c71
  • 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#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0c4c77
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#184971
  • list.focusForeground#cccccc
  • list.highlightForeground#9accff
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#234365
  • listFilterWidget.noMatchesOutline#0053be
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • 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#13181f
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#2C4061
  • minimap.warningHighlight#cca700
  • 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#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#126eab
  • peekViewEditor.background#1b2d38
  • peekViewEditor.matchHighlightBackground#905c1999
  • peekViewEditor.matchHighlightBorder#a17b4b
  • peekViewEditorGutter.background#1b272e
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff64004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#68daeb
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#252526
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#007acc
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#3c3c3c
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • 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#eceff1
variable.other.generic-type.haskell#68daeb
storage.type.haskell#ffbf3a
support.variable.magic.python#eceff1
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#eceff1
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#daaefa
entity.name.lifetime.rust#eceff1
variable.language.rust#eceff1
support.constant.edge#68daeb
constant.other.character-class.regexp#eceff1
keyword.operator.quantifier.regexp#ffbf3a
punctuation.definition.string.begin,punctuation.definition.string.end#96cc69
variable.parameter.function#d4d4d4
comment markup.link#78a354
markup.changed.diff#eceff1
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#daaefa
markup.inserted.diff#96cc69
markup.deleted.diff#eceff1
meta.function.c,meta.function.cpp#eceff1
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#daaefa
support.constant.math#eceff1
support.constant.property.math#ffbf3a
variable.other.constant#eceff1
storage.type.annotation.java, storage.type.object.array.java#eceff1
source.java#eceff1
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#daaefa
storage.modifier.import.java,storage.type.java,storage.type.generic.java#eceff1
keyword.operator.instanceof.java#68daeb
meta.definition.variable.name.java#eceff1
keyword.operator.logical#eceff1d9
keyword.operator.bitwise#eceff1d9
keyword.operator.channel#eceff1d9
support.constant.property-value.scss,support.constant.property-value.css#ffbf3a
keyword.operator.css,keyword.operator.scss,keyword.operator.less#eceff1d9
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffbf3a
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ffbf3a
support.type.vendored.property-name.css#eceff1d9
support.module.node,support.type.object.module,support.module.node#eceff1
entity.name.type.module#eceff1
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#eceff1
support.constant.json#ffbf3a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#68daeb
support.type.object.console#eceff1
support.variable.property.process#ffbf3a
entity.name.function,support.function.console#daaefa
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#68daeb
keyword.operator.delete#68daeb
support.type.object.dom#eceff1d9
support.variable.dom,support.variable.property.dom#eceff1
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#eceff1d9
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#68daeb
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#68daeb
support.type.posix-reserved.c,support.type.posix-reserved.cpp#eceff1d9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#68daeb
variable.parameter.function.language.python#ffbf3a
support.type.python#eceff1d9
keyword.operator.logical.python#68daeb
variable.parameter.function.python#ffbf3a
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#daaefa
constant.character.format.placeholder.other.python#ffbf3a
keyword.operator#d4d4d4
keyword.operator.assignment.compound#68daeb
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#eceff1d9
keyword#68daeb
entity.name.namespace#eceff1
variable#eceff1
variable.c#d4d4d4
variable.language#eceff1
token.variable.parameter.java#d4d4d4
import.storage.java#eceff1
token.package.keyword#68daeb
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#daaefa
entity.name.type.namespace#eceff1
support.class, entity.name.type.class#ff8acb
entity.name.class.identifier.namespace.type#ff8acb
entity.name.class, variable.other.class.js, variable.other.class.ts#ff8acb
variable.other.class.php#ff8acb
entity.name.type#ff8acb
keyword.control#68daeb
control.elements, keyword.operator.less#ffbf3a
keyword.other.special-method#daaefa
storage#68daeb
token.storage#68daeb
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#68daeb
token.storage.type.java#eceff1
support.function#eceff1d9
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ffbf3a
meta.tag#d4d4d4
string#96cc69
entity.other.inherited-class#ff8acb
constant.other.symbol#eceff1d9
constant.numeric#ffbf3a
constant#ffbf3a
punctuation.definition.constant#ffbf3a
entity.name.tag#eceff1
entity.other.attribute-name#ffbf3a
entity.other.attribute-name.id#daaefanormal
entity.other.attribute-name.class.css#ffbf3anormal
meta.selector#68daeb
markup.heading#eceff1
markup.heading punctuation.definition.heading, entity.name.section#daaefa
keyword.other.unit#eceff1
markup.bold,todo.bold#ffbf3a
punctuation.definition.bold#eceff1
markup.italic, punctuation.definition.italic,todo.emphasis#68daeb
emphasis md#68daeb
entity.name.section.markdown#eceff1
punctuation.definition.heading.markdown#eceff1
punctuation.definition.list.begin.markdown#eceff1
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ffbf3a
markup.inline.raw.markdown#96cc69
markup.inline.raw.string.markdown#96cc69
punctuation.definition.list.markdown#eceff1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#eceff1
beginning.punctuation.definition.list.markdown#eceff1
punctuation.definition.metadata.markdown#eceff1
markup.underline.link.markdown,markup.underline.link.image.markdown#68daeb
string.other.link.title.markdown,string.other.link.description.markdown#daaefa
string.regexp#eceff1d9
constant.character.escape#eceff1d9
punctuation.section.embedded, variable.interpolation#eceff1
punctuation.section.embedded.begin,punctuation.section.embedded.end#68daeb
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#eceff1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#eceff1
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#96cc69
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#eceff1d9
support.type.property-name.json#eceff1
support.type.property-name.json punctuation#eceff1
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#68daeb
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#68daeb
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#eceff1
keyword.operator.error-control.php#68daeb
keyword.operator.type.php#68daeb
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#eceff1
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#daaefa
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#ffbf3a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffbf3a
entity.name.goto-label.php,support.other.php#daaefa
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#eceff1d9
keyword.operator.regexp.php#68daeb
keyword.operator.comparison.php#eceff1d9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#68daeb
meta.function.decorator.python#daaefa
support.token.decorator.python,meta.function.decorator.identifier.python#eceff1d9
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#eceff1d9
rgb-value#eceff1d9
inline-color-decoration rgb-value#ffbf3a
less rgb-value#ffbf3a
selector.sass#eceff1
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#eceff1
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#eceff1
entity.name.variable.local.cs#eceff1
token.info-token#daaefa
token.warn-token#ffbf3a
token.error-token#f44747
token.debug-token#68daeb
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#68daeb
meta.template.expression#d4d4d4
keyword.operator.module#68daeb
support.type.type.flowtype#daaefa
support.type.primitive#eceff1
meta.property.object#eceff1
variable.parameter.function.js#eceff1
keyword.other.template.begin#96cc69
keyword.other.template.end#96cc69
keyword.other.substitution.begin#96cc69
keyword.other.substitution.end#96cc69
keyword.operator.assignment#eceff1d9
keyword.operator.assignment.go#eceff1
keyword.operator.arithmetic.go, keyword.operator.address.go#68daeb
entity.name.package.go#eceff1
support.type.prelude.elm#eceff1d9
support.constant.elm#ffbf3a
punctuation.quasi.element#68daeb
constant.character.entity#eceff1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#eceff1d9
entity.global.clojure#eceff1
meta.symbol.clojure#eceff1
constant.keyword.clojure#eceff1d9
meta.arguments.coffee, variable.parameter.function.coffee#eceff1
source.ini#96cc69
meta.scope.prerequisites.makefile#eceff1
source.makefile#eceff1
storage.modifier.import.groovy#eceff1
meta.method.groovy#daaefa
meta.definition.variable.name.groovy#eceff1
meta.definition.class.inherited.classes.groovy#96cc69
support.variable.semantic.hlsl#eceff1
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#68daeb
text.variable, text.bracketed#eceff1
support.type.swift, support.type.vb.asp#eceff1
entity.name.function.xi#eceff1
entity.name.class.xi#eceff1d9
constant.character.character-class.regexp.xi#eceff1
constant.regexp.xi#68daeb
keyword.control.xi#eceff1d9
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#96cc69
beginning.punctuation.definition.list.markdown.xi#78a354
constant.character.xi#daaefa
accent.xi#daaefa
wikiword.xi#ffbf3a
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#78a354
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#eceff1
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#eceff1
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#78a354italic
markup.quote.markdown#78a354
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#eceff1d9
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...