Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#ffffff00
  • activityBar.background#131313
  • activityBar.border#ffffff00
  • activityBar.foreground#ff0073
  • activityBar.inactiveForeground#ff007361
  • activityBarBadge.background#ff0073
  • activityBarBadge.foreground#ffffff
  • badge.background#ff0073
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d6d6d6
  • breadcrumb.background#131313
  • breadcrumb.focusForeground#ff0073
  • breadcrumb.foreground#c2c2c2
  • button.background#ff0073
  • button.foreground#ffffff
  • button.hoverBackground#cc005c
  • button.secondaryBackground#707070
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5c5c
  • checkbox.background#131313
  • checkbox.border#ffffff00
  • checkbox.foreground#c2c2c2
  • debugExceptionWidget.background#131313
  • debugExceptionWidget.border#ff00739e
  • debugToolBar.background#131313
  • debugToolBar.border#ff00739e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b3ff0020
  • diffEditor.removedTextBackground#ff000028
  • dropdown.background#131313
  • dropdown.border#ffffff00
  • dropdown.foreground#c2c2c2
  • editor.background#131313
  • editor.findMatchBackground#ff479a21
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#ff479a21
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ff007324
  • editor.foreground#ebebeb
  • editor.hoverHighlightBackground#ff007340
  • editor.inactiveSelectionBackground#ff479a21
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ff007340
  • editor.selectionHighlightBackground#ff479a21
  • editor.selectionHighlightBorder#ff479a
  • editor.wordHighlightBackground#5c5c5c38
  • editor.wordHighlightStrongBackground#ff007340
  • editorBracketMatch.background#ff00731a
  • editorBracketMatch.border#999999
  • editorCodeLens.foreground#99999997
  • editorCursor.background#131313
  • editorCursor.foreground#ff0073
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff0d
  • editorGroup.dropBackground#ff00731a
  • editorGroup.emptyBackground#131313
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.addedBackground#93d900
  • editorGutter.background#131313
  • editorGutter.commentRangeForeground#c2c2c2
  • editorGutter.deletedBackground#d70a14
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#01baee
  • editorHoverWidget.background#131313
  • editorHoverWidget.border#ffffff1a
  • editorHoverWidget.foreground#c2c2c2
  • editorIndentGuide.activeBackground1#ffffff33
  • editorIndentGuide.background1#ffffff0d
  • editorInfo.background#ffffff00
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#ebebeb
  • editorLink.activeForeground#ff0073
  • editorMarkerNavigation.background#131313
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#ffffff00
  • editorRuler.foreground#ffffff1a
  • editorSuggestWidget.background#131313
  • editorSuggestWidget.border#ffffff00
  • editorSuggestWidget.foreground#c2c2c2
  • editorSuggestWidget.highlightForeground#ff0073
  • editorSuggestWidget.selectedBackground#ff00732b
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#131313
  • editorWidget.foreground#c2c2c2
  • editorWidget.resizeBorder#ff0073
  • focusBorder#ffffff00
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#90eca1
  • gitDecoration.conflictingResourceForeground#3ea4ff
  • gitDecoration.deletedResourceForeground#e24c32
  • gitDecoration.ignoredResourceForeground#8c8c8c8f
  • gitDecoration.modifiedResourceForeground#ffa067
  • gitDecoration.stageDeletedResourceForeground#e24c32
  • gitDecoration.stageModifiedResourceForeground#ffa067
  • gitDecoration.submoduleResourceForeground#3efff6
  • gitDecoration.untrackedResourceForeground#90eca1
  • icon.foreground#ffffff
  • input.background#131313
  • input.border#ffffff00
  • input.foreground#ebebeb
  • input.placeholderForeground#adadad
  • inputOption.activeBackground#ff007352
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ff007336
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ebebeb17
  • list.focusBackground#ff007338
  • list.focusForeground#ffffff
  • list.highlightForeground#ff0073
  • list.hoverBackground#ffffff08
  • list.hoverForeground#d6d6d6
  • list.inactiveSelectionBackground#ff007324
  • list.inactiveSelectionForeground#ff66ab
  • listFilterWidget.background#ff0073
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#131313
  • menu.border#ffffff00
  • menu.foreground#ebebeb
  • menu.selectionBackground#ff0073
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff00
  • menubar.selectionBackground#131313
  • menubar.selectionForeground#ff0073
  • merge.commonContentBackground#5c5c5c
  • merge.commonHeaderBackground#707070
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#131313
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#858585
  • minimap.selectionHighlight#ff007340
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#93d900
  • minimapGutter.deletedBackground#d70a14
  • minimapGutter.modifiedBackground#01baee
  • notificationCenter.border#47474752
  • notificationCenterHeader.background#ff0073
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#131313
  • notifications.border#ffffff00
  • notifications.foreground#c2c2c2
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#4747473a
  • panel.background#131313
  • panel.border#ffffff0d
  • panelSection.border#ff007340
  • panelTitle.activeBorder#ff0073
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#adadad
  • peekView.border#ff0073
  • peekViewEditor.background#131313
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#131313
  • peekViewResult.background#131313
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#999999
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#ff007333
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#131313
  • peekViewTitleDescription.foreground#707070b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#ff0073
  • progressBar.background#ff0073
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#ff007366
  • scrollbarSlider.background#ff007366
  • scrollbarSlider.hoverBackground#ff0073b3
  • selection.background#ffffff59
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#131313
  • sideBar.border#ffffff0d
  • sideBar.dropBackground#79797918
  • sideBar.foreground#d6d6d6
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ff0073
  • sideBarTitle.foreground#ffffff
  • statusBar.background#ff0073
  • statusBar.debuggingBackground#ffffff
  • statusBar.debuggingForeground#131313
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#131313
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#ffffff26
  • statusBarItem.hoverBackground#13131326
  • statusBarItem.remoteBackground#131313
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#131313
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.inactiveBackground#131313
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#ffffff
  • 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#ff007340
  • terminal.foreground#c2c2c2
  • terminal.selectionBackground#ffffff17
  • terminalCursor.background#ff0073
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#cc005c
  • textLink.foreground#ff0073
  • titleBar.activeBackground#131313
  • titleBar.activeForeground#ebebeb
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#131313
  • titleBar.inactiveForeground#858585
  • tree.inactiveIndentGuidesStroke#ffffff00
  • tree.indentGuidesStroke#ffffff1a
  • walkThrough.embeddedEditorBackground#1313134f
  • 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#ffffff
variable.other.generic-type.haskell#ff0073
storage.type.haskell#ff66ab
support.variable.magic.python#ffffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffe0ee
variable.parameter.function.language.special.self.python#ff85bc
storage.modifier.lifetime.rust#ffe0ee
support.function.std.rust#ffa3cd
entity.name.lifetime.rust#ff85bc
variable.language.rust#ffffff
support.constant.edge#ff0073
constant.other.character-class.regexp#ffffff
keyword.operator.quantifier.regexp#ff66ab
punctuation.definition.string.begin,punctuation.definition.string.end#ff479a
variable.parameter.function#ffe0ee
comment markup.link#5c5c5c
markup.changed.diff#ff85bc
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffa3cd
markup.inserted.diff#ff479a
markup.deleted.diff#ffffff
meta.function.c,meta.function.cpp#ffffff
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#ffe0ee
punctuation.separator.key-value#ffe0ee
keyword.operator.expression.import#ffa3cd
support.constant.math#ff85bc
support.constant.property.math#ff66ab
variable.other.constant#ff85bc
storage.type.annotation.java, storage.type.object.array.java#ff85bc
source.java#ffffff
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#ffe0ee
meta.method.java#ffa3cd
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff85bc
keyword.operator.instanceof.java#ff0073
meta.definition.variable.name.java#ffffff
keyword.operator.logical#ff85bc
keyword.operator.bitwise#ff85bc
keyword.operator.channel#ff85bc
support.constant.property-value.scss,support.constant.property-value.css#ff66ab
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff85bc
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff66ab
punctuation.separator.list.comma.css#ffe0ee
support.constant.color.w3c-standard-color-name.css#ff66ab
support.type.vendored.property-name.css#ff85bc
support.module.node,support.type.object.module,support.module.node#ff85bc
entity.name.type.module#ff85bc
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
support.constant.json#ff66ab
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff0073
support.type.object.console#ffffff
support.variable.property.process#ff66ab
entity.name.function,support.function.console#ffa3cd
keyword.operator.misc.rust#ffe0ee
keyword.operator.sigil.rust#ff0073
keyword.operator.delete#ff0073
support.type.object.dom#ff85bc
support.variable.dom,support.variable.property.dom#ffffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff85bc
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#ff0073
punctuation.separator.delimiter#ffe0ee
punctuation.separator.c,punctuation.separator.cpp#ff0073
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff85bc
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff0073
variable.parameter.function.language.python#ff66ab
support.type.python#ff85bc
keyword.operator.logical.python#ff0073
variable.parameter.function.python#ff66ab
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffe0ee
meta.function-call.generic.python#ffa3cd
constant.character.format.placeholder.other.python#ff66ab
keyword.operator#ffe0ee
keyword.operator.assignment.compound#ff0073
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff85bc
keyword#ff0073
entity.name.namespace#ff85bc
variable#ffffff
variable.c#ffe0ee
variable.language#ff85bc
token.variable.parameter.java#ffe0ee
import.storage.java#ff85bc
token.package.keyword#ff0073
token.package#ffe0ee
entity.name.function, meta.require, support.function.any-method, variable.function#ffa3cd
entity.name.type.namespace#ff85bc
support.class, entity.name.type.class#ff85bc
entity.name.class.identifier.namespace.type#ff85bc
entity.name.class, variable.other.class.js, variable.other.class.ts#ff85bc
variable.other.class.php#ffffff
entity.name.type#ff85bc
keyword.control#ff0073
control.elements, keyword.operator.less#ff66ab
keyword.other.special-method#ffa3cd
storage#ff0073
token.storage#ff0073
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#ff0073
token.storage.type.java#ff85bc
support.function#ff85bc
support.type.property-name#ffe0ee
support.constant.property-value#ffe0ee
support.constant.font-name#ff66ab
meta.tag#ffe0ee
string#ff479a
entity.other.inherited-class#ff85bc
constant.other.symbol#ff85bc
constant.numeric#ff66ab
constant#ff66ab
punctuation.definition.constant#ff66ab
entity.name.tag#ff85bc
entity.other.attribute-name#ff66ab
entity.other.attribute-name.id#ffa3cdnormal
entity.other.attribute-name.class.css#ff66abnormal
meta.selector#ff0073
markup.heading#ffffff
markup.heading punctuation.definition.heading, entity.name.section#ffa3cd
keyword.other.unit#ffffff
markup.bold,todo.bold#ff66ab
punctuation.definition.bold#ff85bc
markup.italic, punctuation.definition.italic,todo.emphasis#ff0073
emphasis md#ff0073
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#ffffff
punctuation.definition.list.begin.markdown#ffffff
markup.heading.setext#ffe0ee
punctuation.definition.bold.markdown#ff66ab
markup.inline.raw.markdown#ff479a
markup.inline.raw.string.markdown#ff479a
punctuation.definition.list.markdown#ffffff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffffff
beginning.punctuation.definition.list.markdown#ffffff
punctuation.definition.metadata.markdown#ffffff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff0073
string.other.link.title.markdown,string.other.link.description.markdown#ffa3cd
string.regexp#ff85bc
constant.character.escape#ff85bc
punctuation.section.embedded, variable.interpolation#ffffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff0073
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffe0ee
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffffff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffffff
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#ff479a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff85bc
source.json meta.structure.dictionary.json support.type.property-name.json#ffe0ee
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffc2dd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffa3cd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ff85bc
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ff66ab
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ff479a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ff2989
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#eb006a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc005c
support.type.property-name.json#ffffff
support.type.property-name.json punctuation#ffffff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff0073
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff0073
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff85bc
keyword.operator.error-control.php#ff0073
keyword.operator.type.php#ff0073
punctuation.section.array.begin.php#ffe0ee
punctuation.section.array.end.php#ffe0ee
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff85bc
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffa3cd
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#ffe0ee
support.constant.core.rust#ff66ab
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff66ab
entity.name.goto-label.php,support.other.php#ffa3cd
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff85bc
keyword.operator.regexp.php#ff0073
keyword.operator.comparison.php#ff85bc
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff0073
meta.function.decorator.python#ffa3cd
support.token.decorator.python,meta.function.decorator.identifier.python#ff85bc
function.parameter#ffe0ee
function.brace#ffe0ee
function.parameter.ruby, function.parameter.cs#ffe0ee
constant.language.symbol.ruby#ff85bc
rgb-value#ff85bc
inline-color-decoration rgb-value#ff66ab
less rgb-value#ff66ab
selector.sass#ffffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff85bc
block.scope.end,block.scope.begin#ffe0ee
storage.type.cs#ff85bc
entity.name.variable.local.cs#ffffff
token.info-token#ffa3cd
token.warn-token#ff66ab
token.error-token#f44747
token.debug-token#ff0073
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff0073
meta.template.expression#ffe0ee
keyword.operator.module#ff0073
support.type.type.flowtype#ffa3cd
support.type.primitive#ff85bc
meta.property.object#ffffff
variable.parameter.function.js#ffffff
keyword.other.template.begin#ff479a
keyword.other.template.end#ff479a
keyword.other.substitution.begin#ff479a
keyword.other.substitution.end#ff479a
keyword.operator.assignment#ff85bc
keyword.operator.assignment.go#ff85bc
keyword.operator.arithmetic.go, keyword.operator.address.go#ff0073
entity.name.package.go#ff85bc
support.type.prelude.elm#ff85bc
support.constant.elm#ff66ab
punctuation.quasi.element#ff0073
constant.character.entity#ffffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff85bc
entity.global.clojure#ff85bc
meta.symbol.clojure#ffffff
constant.keyword.clojure#ff85bc
meta.arguments.coffee, variable.parameter.function.coffee#ffffff
source.ini#ff479a
meta.scope.prerequisites.makefile#ffffff
source.makefile#ff85bc
storage.modifier.import.groovy#ff85bc
meta.method.groovy#ffa3cd
meta.definition.variable.name.groovy#ffffff
meta.definition.class.inherited.classes.groovy#ff479a
support.variable.semantic.hlsl#ff85bc
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#ff0073
text.variable, text.bracketed#ffffff
support.type.swift, support.type.vb.asp#ff85bc
entity.name.function.xi#ff85bc
entity.name.class.xi#ff85bc
constant.character.character-class.regexp.xi#ffffff
constant.regexp.xi#ff0073
keyword.control.xi#ff85bc
invalid.xi#ffe0ee
beginning.punctuation.definition.quote.markdown.xi#ff479a
beginning.punctuation.definition.list.markdown.xi#5c5c5c
constant.character.xi#ffa3cd
accent.xi#ffa3cd
wikiword.xi#ff66ab
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c5c5c
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff85bc
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffffff
meta.brace.square#ffe0ee
comment, punctuation.definition.comment#5c5c5citalic
markup.quote.markdown#5c5c5c
punctuation.definition.block.sequence.item.yaml#ffe0ee
constant.language.symbol.elixir#ff85bc
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...