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#8b879280
  • activityBar.border#8b879240
  • activityBar.dropBackground#e2dfe7E6
  • activityBar.foreground#585260
  • activityBarBadge.background#576ddb
  • activityBarBadge.foreground#efecf4
  • badge.background#576ddb
  • badge.foreground#efecf4
  • breadcrumbPicker.background#e2dfe7F2
  • button.background#576ddb
  • button.foreground#efecf4
  • button.hoverBackground#576ddb80
  • debugExceptionWidget.background#e2dfe7
  • debugExceptionWidget.border#e2dfe780
  • debugToolBar.background#efecf4
  • descriptionForeground#26232a
  • diffEditor.insertedTextBackground#2a929223
  • diffEditor.insertedTextBorder#2a929233
  • diffEditor.removedTextBackground#2a929233
  • diffEditor.removedTextBorder#2a92924D
  • dropdown.background#efecf4
  • dropdown.border#398bc699
  • dropdown.foreground#26232a
  • editor.background#efecf4
  • editor.findMatchBackground#8b879240
  • editor.findMatchHighlightBackground#7e788740
  • editor.foreground#585260
  • editor.hoverHighlightBackground#8b879264
  • editor.inactiveSelectionBackground#5852608C
  • editor.lineHighlightBackground#e2dfe7
  • editor.rangeHighlightBackground#e2dfe7
  • editor.selectionBackground#e2dfe7E6
  • editor.selectionHighlightBackground#e2dfe78C
  • editor.wordHighlightBackground#e2dfe7A6
  • editor.wordHighlightStrongBackground#e2dfe78C
  • editorBracketMatch.background#e2dfe7
  • editorBracketMatch.border#58526080
  • editorCodeLens.foreground#585260BF
  • editorCursor.background#efecf4
  • editorCursor.foreground#585260
  • editorError.foreground#aa573c
  • editorGroup.background#585260
  • editorGroup.border#e2dfe7
  • editorGroup.dropBackground#398bc644
  • editorGroupHeader.noTabsBackground#e2dfe7F2
  • editorGroupHeader.tabsBackground#e2dfe7F2
  • editorGroupHeader.tabsBorder#e2dfe7F2
  • editorGutter.addedBackground#2a929280
  • editorGutter.background#e2dfe74D
  • editorGutter.deletedBackground#aa573c
  • editorGutter.modifiedBackground#a06e3b
  • editorHoverWidget.background#e2dfe7
  • editorHoverWidget.border#e2dfe780
  • editorIndentGuide.activeBackground#58526080
  • editorIndentGuide.background#58526026
  • editorLineNumber.activeForeground#7e7887
  • editorLineNumber.foreground#58526059
  • editorMarkerNavigation.background#efecf4
  • editorMarkerNavigationError.background#aa573c
  • editorMarkerNavigationWarning.background#be4678
  • editorOverviewRuler.commonContentForeground#bf40bf
  • editorOverviewRuler.currentContentForeground#bf40bf
  • editorOverviewRuler.incomingContentForeground#bf40bf
  • editorRuler.foreground#58526080
  • editorSuggestWidget.background#e2dfe7
  • editorSuggestWidget.border#e2dfe780
  • editorSuggestWidget.foreground#585260
  • editorSuggestWidget.highlightForeground#aa573c
  • editorSuggestWidget.selectedBackground#8b879240
  • editorWarning.foreground#a06e3b
  • editorWhitespace.foreground#58526064
  • editorWidget.background#e2dfe7
  • editorWidget.border#e2dfe780
  • errorForeground#be467822
  • extensionButton.prominentBackground#2a9292CC
  • extensionButton.prominentForeground#19171c
  • extensionButton.prominentHoverBackground#2a9292
  • focusBorder#398bc666
  • foreground#585260
  • gitDecoration.addedResourceForeground#2a9292
  • gitDecoration.conflictingResourceForeground#a06e3b
  • gitDecoration.deletedResourceForeground#be467890
  • gitDecoration.ignoredResourceForeground#8b879280
  • gitDecoration.modifiedResourceForeground#398bc6
  • gitDecoration.untrackedResourceForeground#26232a
  • input.background#e2dfe7
  • input.border#8b879280
  • input.foreground#26232a
  • input.placeholderForeground#585260AA
  • inputOption.activeBorder#398bc699
  • inputValidation.errorBackground#be4678
  • inputValidation.errorBorder#be467888
  • inputValidation.infoBackground#efecf4
  • inputValidation.infoBorder#955ae7
  • inputValidation.warningBackground#a06e3b
  • inputValidation.warningBorder#a06e3b88
  • list.activeSelectionBackground#8b879280
  • list.activeSelectionForeground#19171c
  • list.dropBackground#8b879277
  • list.errorForeground#be4678
  • list.focusBackground#8b879240
  • list.focusForeground#26232a
  • list.highlightForeground#398bc6
  • list.hoverBackground#8b879240
  • list.hoverForeground#26232a
  • list.inactiveSelectionBackground#8b879226
  • list.inactiveSelectionForeground#26232a
  • list.invalidItemForeground#bf40bf
  • list.warningForeground#be4678
  • merge.currentHeaderBackground#585260
  • merge.incomingHeaderBackground#955ae7
  • meta.objectliteral.js#955ae7
  • notificationLink.foreground#398bc6
  • notifications.background#e2dfe7
  • notifications.foreground#26232a
  • panel.background#8b879240
  • panel.border#e2dfe7
  • panel.dropBackground#398bc640
  • panelTitle.activeBorder#955ae7
  • panelTitle.activeForeground#19171cCC
  • panelTitle.inactiveForeground#655f6d
  • peekView.border#585260
  • peekViewEditor.background#e2dfe7
  • peekViewEditor.matchHighlightBackground#955ae74D
  • peekViewResult.background#efecf4
  • peekViewResult.fileForeground#26232a
  • peekViewResult.lineForeground#26232a
  • peekViewResult.matchHighlightBackground#19171cCC
  • peekViewResult.selectionBackground#e2dfe7
  • peekViewResult.selectionForeground#585260
  • peekViewTitle.background#e2dfe7
  • peekViewTitleDescription.foreground#585260
  • peekViewTitleLabel.foreground#585260
  • pickerGroup.border#e2dfe7
  • pickerGroup.foreground#26232a
  • progress.background#8b8792
  • progressBar.background#576ddb88
  • punctuation.definition.generic.begin.html#bf40bf
  • scrollbar.shadow#8b8792
  • scrollbarSlider.activeBackground#8b8792
  • scrollbarSlider.background#e2dfe7
  • scrollbarSlider.hoverBackground#8b879280
  • selection.background#576ddb99
  • sideBar.background#efecf4
  • sideBar.border#8b879280
  • sideBar.foreground#8b8792
  • sideBarSectionHeader.background#8b879259
  • sideBarSectionHeader.foreground#585260
  • sideBarTitle.foreground#585260
  • source.elm#8b879280
  • statusBar.background#8b879280
  • statusBar.border#8b879240
  • statusBar.debuggingBackground#7e7887
  • statusBar.debuggingBorder#655f6d
  • statusBar.foreground#585260
  • statusBar.noFolderBackground#8b879240
  • statusBar.noFolderBorder#8b879280
  • statusBarItem.activeBackground#585260
  • statusBarItem.hoverBackground#655f6d26
  • statusBarItem.prominentBackground#655f6d40
  • statusBarItem.prominentHoverBackground#655f6d80
  • string.quoted.single.js#19171c
  • tab.activeBackground#efecf4
  • tab.activeBorder#efecf4
  • tab.activeForeground#26232a
  • tab.border#efecf4
  • tab.hoverBackground#efecf4
  • tab.inactiveBackground#e2dfe7
  • tab.inactiveForeground#7e7887
  • tab.unfocusedActiveBorder#e2dfe7
  • tab.unfocusedActiveForeground#7e7887
  • tab.unfocusedInactiveForeground#7e7887
  • terminal.ansiBlack#26232a
  • terminal.ansiBlue#576ddb
  • terminal.ansiBrightBlack#e2dfe7
  • terminal.ansiBrightBlue#7e7887
  • terminal.ansiBrightCyan#8b8792
  • terminal.ansiBrightGreen#585260
  • terminal.ansiBrightMagenta#955ae7
  • terminal.ansiBrightRed#aa573c
  • terminal.ansiBrightWhite#19171c
  • terminal.ansiBrightYellow#655f6d
  • terminal.ansiCyan#398bc6
  • terminal.ansiGreen#2a9292
  • terminal.ansiMagenta#bf40bf
  • terminal.ansiRed#be4678
  • terminal.ansiWhite#585260
  • terminal.ansiYellow#a06e3b
  • terminal.background#e2dfe7
  • terminal.findMatchHighlightBackground#576ddb80
  • terminal.foreground#19171c
  • terminal.selectionBackground#576ddb80
  • textLink.activeForeground#398bc6
  • textLink.foreground#398bc6CC
  • titleBar.activeBackground#efecf4
  • titleBar.activeForeground#26232a
  • titleBar.inactiveBackground#e2dfe7
  • walkThrough.embeddedEditorBackground#e2dfe7
  • welcomePage.buttonBackground#e2dfe7
  • welcomePage.buttonHoverBackground#e2dfe780
  • widget.shadow#8b8792

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#8b8792
meta.embedded, source.groovy.embedded#8b8792
comment, punctuation.definition.comment#8b8792italic
variable, string constant.other.placeholder#be4678
constant.other.color#19171c
invalid, invalid.illegal#19171c
keyword, punctuation.accessor, storage.type#955ae7
storage.modifier#a06e3b
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, meta.function punctuation.separator.comma, punctuation.definition.string, punctuation.definition.parameters, punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list, meta.array, source.elixir punctuation.definition.string, string.quoted.double.json punctuation.definition.string.json#8b8792BF
keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution#be4678
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#be4678
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.debugger, keyword.other.special-method#955ae7
meta.block variable.other#585260
support.other.variable, string.other.link#aa573c
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#2a9292
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#576ddbnormal
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#a06e3b
support.type#398bc6
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#585260
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#be4678
variable.language#be4678italic
entity.name.method.js#955ae7italic
meta.class-method.js entity.name.function.js, variable.function.constructor, keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts#955ae7
entity.other.attribute-name#bf40bf
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#a06e3bitalic
entity.other.attribute-name.class#955ae7
source.sass keyword.control#955ae7
markup.inserted#2a9292
markup.deleted#be4678
markup.deleted.diff#be4678
markup.inserted.diff#2a9292
markup.changed#bf40bf
string.regexp#398bc6
constant.character.escape#398bc6
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#be4678italic
source.js constant.other.object.key.js string.unquoted.label.js#be4678italic
support.type.property-name.json#955ae7
support.constant.json#2a9292
meta.structure.dictionary.value.json string.quoted.double#bf40bf
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#be4678
source.json meta.structure.dictionary.json support.type.property-name.json#955ae7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a06e3b
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#2a9292
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#955ae7
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#a06e3b
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#2a9292
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#2a9292
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#2a9292
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#2a9292
text.html.markdown, punctuation.definition.list_item.markdown#19171c
text.html.markdown, beginning.punctuation.definition.list.markdown#585260
text.html.markdown markup.inline.raw.markdown#bf40bf
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#7e7887
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, markup.heading1, markup.heading.markdown, entity.name, entity.name.section.markdown, heading.1.markdown#be4678
markup.italic.markdown#aa573citalic
markup.bold, markup.bold string#aa573cbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#aa573cbold
markup.underline#a06e3bunderline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#efecf4
markup.quote.markdown#585260
markup.quoteitalic
string.other.link.title.markdown#955ae7
markup.underline.link.markdown#576ddb
string.other.link.description.title.markdown#bf40bf
constant.other.reference.link.markdown#a06e3b
markup.raw.block#bf40bf
markup.raw.block.fenced.markdown#efecf450
punctuation.definition.fenced.markdown#efecf450
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#19171c
variable.language.fenced.markdown#7e7887
meta.separator#7e7887bold
markup.table#19171c
token.info-token#576ddb
token.warn-token#aa573c
token.error-token#be4678
token.debug-token#bf40bf
string#26232a
string.quoted, meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js#26232a
support.constant.math#2a9292
string.regexp#2a9292
constant.numeric, constant.character.numeric#26232aBF
variable.language, variable.other#be4678
variable.language.this.js, variable.language.this.php#be4678
keyword#2a9292
storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx#585260italic
entity.name.class, meta.class entity.name.type.class#aa573c
entity.name.type#585260
entity.name.function#585260
punctuation.definition.variable#585260
punctuation.section.embedded.begin, punctuation.section.embedded.end#bf40bf
constant.language, punctuation.definition.constant, variable.other.constant, meta.preprocessor#2a9292
support.function.construct, keyword.other.new#955ae7
constant.character, constant.other#aa573c
constant.character.escape#aa573c
string.regexp, string.regexp keyword.other#7e7887
entity.other.inherited-class#955ae7
entity.name.tag#be4678
punctuation.definition.tag, meta.tag#655f6d
entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html#2a9292
entity.other.attribute-name#576ddb
entity.name.tag.custom#576ddb
support.function#576ddb
punctuation.separator.continuation#be4678
invalid.broken#26232a
invalid.unimplemented#19171c
invalid.illegal#19171c
support.type, support.class#398bc6
support.variable.dom#398bc6
support.type.exception#aa573c
support.other.variable
invalid#19171c
invalid.deprecated#aa573c
keyword.operator#398bc6
keyword.operator.relational#bf40bfitalic
keyword.operator.assignment#bf40bf
keyword.operator.arithmetic#bf40bf
keyword.operator.bitwise#bf40bf
keyword.operator.increment#bf40bf
keyword.operator.ternary#bf40bf
comment.line.double-slash#8b8792
object#576ddb
constant.language.null#be4678
meta.brace#585260
meta.delimiter.period#26232a
constant.language.boolean#be4678
object.comma#19171c
variable.parameter.function#398bc6
support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag#a06e3b
meta.property-list entity.name.tag.reference#576ddb
constant.other.color.rgb-value punctuation.definition.constant#aa573c
meta.selector#bf40bfitalic
entity.other.attribute-name.id#398bc6
meta.property-name#398bc6
entity.name.tag.doctype, meta.tag.sgml.doctype#585260italic
keyword.control.operator#398bc6
keyword.operator.logical#bf40bf
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#2a9292
variable.other.object.property#26232aitalic
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx#26232a
keyword.operator.comparison, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx#bf40bfitalic
variable.interpolation#be4678
support.variable.property#398bc6
string.template meta.template.expression#be4678
string.template punctuation.definition.string#26232a
italic#bf40bfitalic
bold#2a9292bold
quote#585260italic
raw#585260
variable.assignment.coffee#398bc6
variable.parameter.function.coffee#26232a
variable.assignment.coffee#2a9292
variable.other.readwrite.cs#26232a
entity.name.type.class.cs, storage.type.cs#955ae7
entity.name.type.namespace.cs#585260
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css, support.constant.property-value.css#a06e3b
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#398bc6
keyword.other.unit.css, keyword.control.at-rule.media.css#a06e3b
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#955ae7
source.elixir entity.name.function#2a9292
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#576ddb
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#2a9292
source.elixir .punctuation.binary.elixir#bf40bfitalic
source.go meta.function-call.go#585260
source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go#bf40bfitalic
source.go constant.language.go, source.go constant.other.placeholder.go#be4678
meta.class entity.name.type.class.js#aa573c
meta.method.declaration storage.type.js#955ae7
terminator.js#26232a
meta.js punctuation.definition.js#26232a
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#585260
variable.other.jsdoc, variable.other.phpdoc#398bc6
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#26232a
variable.parameter.function.js#955ae7
variable.js, variable.other.js#26232a
entity.name.type.js, entity.name.type.module.js#aa573c
support.class.js#26232a
variable.other.ruby#26232a
entity.name.type.class.ruby#aa573c
constant.language.symbol.hashkey.ruby#2a9292
meta.attribute-selector.less entity.other.attribute-name.attribute#aa573c
variable.other.php, variable.other.property.php#26232a
support.class.php#aa573c
meta.function-call.php punctuation#26232a
variable.other.global.php#2a9292
variable.other.global.php punctuation.definition.variable#2a9292
constant.language.python#be4678
variable.parameter.function.python, meta.function-call.arguments.python#955ae7
meta.function-call.python, meta.function-call.generic.python#26232a
punctuation.python#26232a
entity.name.function.decorator.python#2a9292
source.python variable.language.special#955ae7
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#be4678
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#955ae7
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#aa573c
entity.name.tag.scss, entity.name.tag.sass#2a9292
keyword.other.unit.scss, keyword.other.unit.sass#a06e3b
variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts#26232a
entity.name.type.ts, entity.name.type.tsx#aa573c
support.class.node.ts, support.class.node.tsx#955ae7
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#585260
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#26232a
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx#955ae7
meta.tag.js meta.jsx.children.tsx#955ae7
entity.name.tag.yaml#2a9292
variable.other.readwrite.js, variable.parameter#26232a
support.class.component.js, support.class.component.tsx#aa573c
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#26232a
meta.class entity.name.type.class.tsx#aa573c
entity.name.type.tsx, entity.name.type.module.tsx#aa573c
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#955ae7
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, meta.brace, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.type, keyword.operator, keyword, punctuation.definintion.string, punctuation, variable.other.readwrite.js, storage.type, source.css, entity.other.attribute-name.class, entity.other.attribute-name.id, string.quoted
meta.diff, meta.diff.header#26232aitalic
markup.deleted#26232a
markup.changed#26232a
markup.inserted#26232a
markup.quote#2a9292
markup.list#2a9292
markup.bold, markup.italic#aa573c
markup.inline.raw#7e7887
markup.heading.setext#576ddb

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...