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#191919
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0d0d0d
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e4d77
  • button.foreground#ffffff
  • button.hoverBackground#125e90
  • button.secondaryBackground#2a2d30
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#35373b
  • 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#0d0d0d
  • 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#d9d9d90a
  • editor.lineHighlightBorder#2a2a2a
  • 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#0d0d0d
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0d0d0d
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0f0f0f
  • 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#141415
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#1b1b1b
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#2aa3f2
  • editorSuggestWidget.selectedBackground#062e49
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1b1b1b
  • 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#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • 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#191919
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#0d3f60
  • 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#0d0d0d
  • 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#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#151515
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#0a0a0a
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • 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#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#111111
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#040404
  • 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#0d0d0d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#0a0a0a
  • tab.inactiveBackground#131313
  • 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#3890d1
  • titleBar.activeBackground#171717
  • 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#2fa17c
variable.other.generic-type.haskell#4aa780
storage.type.haskell#03ab8c
support.variable.magic.python#2fa17c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#dbdbdb
variable.parameter.function.language.special.self.python#649fb2
storage.modifier.lifetime.rust#dbdbdb
support.function.std.rust#c25252
entity.name.lifetime.rust#649fb2
variable.language.rust#2fa17c
support.constant.edge#4aa780
constant.other.character-class.regexp#2fa17c
keyword.operator.quantifier.regexp#03ab8c
punctuation.definition.string.begin,punctuation.definition.string.end#d5cf66
variable.parameter.function#dbdbdb
comment markup.link#686868
markup.changed.diff#649fb2
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#c25252
markup.inserted.diff#d5cf66
markup.deleted.diff#2fa17c
meta.function.c,meta.function.cpp#2fa17c
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#dbdbdb
punctuation.separator.key-value#dbdbdb
keyword.operator.expression.import#c25252
support.constant.math#649fb2
support.constant.property.math#03ab8c
variable.other.constant#649fb2
storage.type.annotation.java, storage.type.object.array.java#649fb2
source.java#2fa17c
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#dbdbdb
meta.method.java#c25252
storage.modifier.import.java,storage.type.java,storage.type.generic.java#649fb2
keyword.operator.instanceof.java#4aa780
meta.definition.variable.name.java#2fa17c
keyword.operator.logical#0c414d
keyword.operator.bitwise#0c414d
keyword.operator.channel#0c414d
support.constant.property-value.scss,support.constant.property-value.css#03ab8c
keyword.operator.css,keyword.operator.scss,keyword.operator.less#0c414d
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#03ab8c
punctuation.separator.list.comma.css#dbdbdb
support.constant.color.w3c-standard-color-name.css#03ab8c
support.type.vendored.property-name.css#0c414d
support.module.node,support.type.object.module,support.module.node#649fb2
entity.name.type.module#649fb2
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#2fa17c
support.constant.json#03ab8c
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#4aa780
support.type.object.console#2fa17c
support.variable.property.process#03ab8c
entity.name.function,support.function.console#c25252
keyword.operator.misc.rust#dbdbdb
keyword.operator.sigil.rust#4aa780
keyword.operator.delete#4aa780
support.type.object.dom#0c414d
support.variable.dom,support.variable.property.dom#2fa17c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#0c414d
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#4aa780
punctuation.separator.delimiter#dbdbdb
punctuation.separator.c,punctuation.separator.cpp#4aa780
support.type.posix-reserved.c,support.type.posix-reserved.cpp#0c414d
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#4aa780
variable.parameter.function.language.python#03ab8c
support.type.python#0c414d
keyword.operator.logical.python#4aa780
variable.parameter.function.python#03ab8c
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#dbdbdb
meta.function-call.generic.python#c25252
constant.character.format.placeholder.other.python#03ab8c
keyword.operator#dbdbdb
keyword.operator.assignment.compound#4aa780
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#0c414d
keyword#4aa780
entity.name.namespace#649fb2
variable#2fa17c
variable.c#dbdbdb
variable.language#649fb2
token.variable.parameter.java#dbdbdb
import.storage.java#649fb2
token.package.keyword#4aa780
token.package#dbdbdb
entity.name.function, meta.require, support.function.any-method, variable.function#c25252
entity.name.type.namespace#649fb2
support.class, entity.name.type.class#649fb2
entity.name.class.identifier.namespace.type#649fb2
entity.name.class, variable.other.class.js, variable.other.class.ts#649fb2
variable.other.class.php#2fa17c
entity.name.type#649fb2
keyword.control#4aa780
control.elements, keyword.operator.less#03ab8c
keyword.other.special-method#c25252
storage#4aa780
token.storage#4aa780
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#4aa780
token.storage.type.java#649fb2
support.function#0c414d
support.type.property-name#dbdbdb
support.constant.property-value#dbdbdb
support.constant.font-name#03ab8c
meta.tag#dbdbdb
string#d5cf66
entity.other.inherited-class#649fb2
constant.other.symbol#0c414d
constant.numeric#03ab8c
constant#03ab8c
punctuation.definition.constant#03ab8c
entity.name.tag#2fa17c
entity.other.attribute-name#03ab8c
entity.other.attribute-name.id#c25252normal
entity.other.attribute-name.class.css#03ab8cnormal
meta.selector#4aa780
markup.heading#2fa17c
markup.heading punctuation.definition.heading, entity.name.section#c25252
keyword.other.unit#2fa17c
markup.bold,todo.bold#03ab8c
punctuation.definition.bold#649fb2
markup.italic, punctuation.definition.italic,todo.emphasis#4aa780
emphasis md#4aa780
entity.name.section.markdown#2fa17c
punctuation.definition.heading.markdown#2fa17c
punctuation.definition.list.begin.markdown#2fa17c
markup.heading.setext#dbdbdb
punctuation.definition.bold.markdown#03ab8c
markup.inline.raw.markdown#d5cf66
markup.inline.raw.string.markdown#d5cf66
punctuation.definition.list.markdown#2fa17c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#2fa17c
beginning.punctuation.definition.list.markdown#2fa17c
punctuation.definition.metadata.markdown#2fa17c
markup.underline.link.markdown,markup.underline.link.image.markdown#4aa780
string.other.link.title.markdown,string.other.link.description.markdown#c25252
string.regexp#0c414d
constant.character.escape#0c414d
punctuation.section.embedded, variable.interpolation#2fa17c
punctuation.section.embedded.begin,punctuation.section.embedded.end#4aa780
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#dbdbdb
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#2fa17c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#2fa17c
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#d5cf66
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#0c414d
support.type.property-name.json#2fa17c
support.type.property-name.json punctuation#2fa17c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#4aa780
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#4aa780
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#649fb2
keyword.operator.error-control.php#4aa780
keyword.operator.type.php#4aa780
punctuation.section.array.begin.php#dbdbdb
punctuation.section.array.end.php#dbdbdb
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#649fb2
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#c25252
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#dbdbdb
support.constant.core.rust#03ab8c
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#03ab8c
entity.name.goto-label.php,support.other.php#c25252
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#0c414d
keyword.operator.regexp.php#4aa780
keyword.operator.comparison.php#0c414d
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#4aa780
meta.function.decorator.python#c25252
support.token.decorator.python,meta.function.decorator.identifier.python#0c414d
function.parameter#dbdbdb
function.brace#dbdbdb
function.parameter.ruby, function.parameter.cs#dbdbdb
constant.language.symbol.ruby#0c414d
rgb-value#0c414d
inline-color-decoration rgb-value#03ab8c
less rgb-value#03ab8c
selector.sass#2fa17c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#649fb2
block.scope.end,block.scope.begin#dbdbdb
storage.type.cs#649fb2
entity.name.variable.local.cs#2fa17c
token.info-token#c25252
token.warn-token#03ab8c
token.error-token#f44747
token.debug-token#4aa780
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#4aa780
meta.template.expression#dbdbdb
keyword.operator.module#4aa780
support.type.type.flowtype#c25252
support.type.primitive#649fb2
meta.property.object#2fa17c
variable.parameter.function.js#2fa17c
keyword.other.template.begin#d5cf66
keyword.other.template.end#d5cf66
keyword.other.substitution.begin#d5cf66
keyword.other.substitution.end#d5cf66
keyword.operator.assignment#0c414d
keyword.operator.assignment.go#649fb2
keyword.operator.arithmetic.go, keyword.operator.address.go#4aa780
entity.name.package.go#649fb2
support.type.prelude.elm#0c414d
support.constant.elm#03ab8c
punctuation.quasi.element#4aa780
constant.character.entity#2fa17c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#0c414d
entity.global.clojure#649fb2
meta.symbol.clojure#2fa17c
constant.keyword.clojure#0c414d
meta.arguments.coffee, variable.parameter.function.coffee#2fa17c
source.ini#d5cf66
meta.scope.prerequisites.makefile#2fa17c
source.makefile#649fb2
storage.modifier.import.groovy#649fb2
meta.method.groovy#c25252
meta.definition.variable.name.groovy#2fa17c
meta.definition.class.inherited.classes.groovy#d5cf66
support.variable.semantic.hlsl#649fb2
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#4aa780
text.variable, text.bracketed#2fa17c
support.type.swift, support.type.vb.asp#649fb2
entity.name.function.xi#649fb2
entity.name.class.xi#0c414d
constant.character.character-class.regexp.xi#2fa17c
constant.regexp.xi#4aa780
keyword.control.xi#0c414d
invalid.xi#dbdbdb
beginning.punctuation.definition.quote.markdown.xi#d5cf66
beginning.punctuation.definition.list.markdown.xi#686868
constant.character.xi#c25252
accent.xi#c25252
wikiword.xi#03ab8c
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#686868
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#649fb2
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#2fa17c
meta.brace.square#dbdbdb
comment, punctuation.definition.comment#686868italic
markup.quote.markdown#686868
punctuation.definition.block.sequence.item.yaml#dbdbdb
constant.language.symbol.elixir#0c414d
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...