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#a6a28c80
  • activityBar.border#a6a28c40
  • activityBar.dropBackground#e8e4cfE6
  • activityBar.foreground#6e6b5e
  • activityBarBadge.background#6684e1
  • activityBarBadge.foreground#fefbec
  • badge.background#6684e1
  • badge.foreground#fefbec
  • breadcrumbPicker.background#e8e4cfF2
  • button.background#6684e1
  • button.foreground#fefbec
  • button.hoverBackground#6684e180
  • debugExceptionWidget.background#e8e4cf
  • debugExceptionWidget.border#e8e4cf80
  • debugToolBar.background#fefbec
  • descriptionForeground#292824
  • diffEditor.insertedTextBackground#60ac3923
  • diffEditor.insertedTextBorder#60ac3933
  • diffEditor.removedTextBackground#60ac3933
  • diffEditor.removedTextBorder#60ac394D
  • dropdown.background#fefbec
  • dropdown.border#1fad8399
  • dropdown.foreground#292824
  • editor.background#fefbec
  • editor.findMatchBackground#a6a28c40
  • editor.findMatchHighlightBackground#99958040
  • editor.foreground#6e6b5e
  • editor.hoverHighlightBackground#a6a28c64
  • editor.inactiveSelectionBackground#6e6b5e8C
  • editor.lineHighlightBackground#e8e4cf
  • editor.rangeHighlightBackground#e8e4cf
  • editor.selectionBackground#e8e4cfE6
  • editor.selectionHighlightBackground#e8e4cf8C
  • editor.wordHighlightBackground#e8e4cfA6
  • editor.wordHighlightStrongBackground#e8e4cf8C
  • editorBracketMatch.background#e8e4cf
  • editorBracketMatch.border#6e6b5e80
  • editorCodeLens.foreground#6e6b5eBF
  • editorCursor.background#fefbec
  • editorCursor.foreground#6e6b5e
  • editorError.foreground#b65611
  • editorGroup.background#6e6b5e
  • editorGroup.border#e8e4cf
  • editorGroup.dropBackground#1fad8344
  • editorGroupHeader.noTabsBackground#e8e4cfF2
  • editorGroupHeader.tabsBackground#e8e4cfF2
  • editorGroupHeader.tabsBorder#e8e4cfF2
  • editorGutter.addedBackground#60ac3980
  • editorGutter.background#e8e4cf4D
  • editorGutter.deletedBackground#b65611
  • editorGutter.modifiedBackground#ae9513
  • editorHoverWidget.background#e8e4cf
  • editorHoverWidget.border#e8e4cf80
  • editorIndentGuide.activeBackground#6e6b5e80
  • editorIndentGuide.background#6e6b5e26
  • editorLineNumber.activeForeground#999580
  • editorLineNumber.foreground#6e6b5e59
  • editorMarkerNavigation.background#fefbec
  • editorMarkerNavigationError.background#b65611
  • editorMarkerNavigationWarning.background#d73737
  • editorOverviewRuler.commonContentForeground#d43552
  • editorOverviewRuler.currentContentForeground#d43552
  • editorOverviewRuler.incomingContentForeground#d43552
  • editorRuler.foreground#6e6b5e80
  • editorSuggestWidget.background#e8e4cf
  • editorSuggestWidget.border#e8e4cf80
  • editorSuggestWidget.foreground#6e6b5e
  • editorSuggestWidget.highlightForeground#b65611
  • editorSuggestWidget.selectedBackground#a6a28c40
  • editorWarning.foreground#ae9513
  • editorWhitespace.foreground#6e6b5e64
  • editorWidget.background#e8e4cf
  • editorWidget.border#e8e4cf80
  • errorForeground#d7373722
  • extensionButton.prominentBackground#60ac39CC
  • extensionButton.prominentForeground#20201d
  • extensionButton.prominentHoverBackground#60ac39
  • focusBorder#1fad8366
  • foreground#6e6b5e
  • gitDecoration.addedResourceForeground#60ac39
  • gitDecoration.conflictingResourceForeground#ae9513
  • gitDecoration.deletedResourceForeground#d7373790
  • gitDecoration.ignoredResourceForeground#a6a28c80
  • gitDecoration.modifiedResourceForeground#1fad83
  • gitDecoration.untrackedResourceForeground#292824
  • input.background#e8e4cf
  • input.border#a6a28c80
  • input.foreground#292824
  • input.placeholderForeground#6e6b5eAA
  • inputOption.activeBorder#1fad8399
  • inputValidation.errorBackground#d73737
  • inputValidation.errorBorder#d7373788
  • inputValidation.infoBackground#fefbec
  • inputValidation.infoBorder#b854d4
  • inputValidation.warningBackground#ae9513
  • inputValidation.warningBorder#ae951388
  • list.activeSelectionBackground#a6a28c80
  • list.activeSelectionForeground#20201d
  • list.dropBackground#a6a28c77
  • list.errorForeground#d73737
  • list.focusBackground#a6a28c40
  • list.focusForeground#292824
  • list.highlightForeground#1fad83
  • list.hoverBackground#a6a28c40
  • list.hoverForeground#292824
  • list.inactiveSelectionBackground#a6a28c26
  • list.inactiveSelectionForeground#292824
  • list.invalidItemForeground#d43552
  • list.warningForeground#d73737
  • merge.currentHeaderBackground#6e6b5e
  • merge.incomingHeaderBackground#b854d4
  • meta.objectliteral.js#b854d4
  • notificationLink.foreground#1fad83
  • notifications.background#e8e4cf
  • notifications.foreground#292824
  • panel.background#a6a28c40
  • panel.border#e8e4cf
  • panel.dropBackground#1fad8340
  • panelTitle.activeBorder#b854d4
  • panelTitle.activeForeground#20201dCC
  • panelTitle.inactiveForeground#7d7a68
  • peekView.border#6e6b5e
  • peekViewEditor.background#e8e4cf
  • peekViewEditor.matchHighlightBackground#b854d44D
  • peekViewResult.background#fefbec
  • peekViewResult.fileForeground#292824
  • peekViewResult.lineForeground#292824
  • peekViewResult.matchHighlightBackground#20201dCC
  • peekViewResult.selectionBackground#e8e4cf
  • peekViewResult.selectionForeground#6e6b5e
  • peekViewTitle.background#e8e4cf
  • peekViewTitleDescription.foreground#6e6b5e
  • peekViewTitleLabel.foreground#6e6b5e
  • pickerGroup.border#e8e4cf
  • pickerGroup.foreground#292824
  • progress.background#a6a28c
  • progressBar.background#6684e188
  • punctuation.definition.generic.begin.html#d43552
  • scrollbar.shadow#a6a28c
  • scrollbarSlider.activeBackground#a6a28c
  • scrollbarSlider.background#e8e4cf
  • scrollbarSlider.hoverBackground#a6a28c80
  • selection.background#6684e199
  • sideBar.background#fefbec
  • sideBar.border#a6a28c80
  • sideBar.foreground#a6a28c
  • sideBarSectionHeader.background#a6a28c59
  • sideBarSectionHeader.foreground#6e6b5e
  • sideBarTitle.foreground#6e6b5e
  • source.elm#a6a28c80
  • statusBar.background#a6a28c80
  • statusBar.border#a6a28c40
  • statusBar.debuggingBackground#999580
  • statusBar.debuggingBorder#7d7a68
  • statusBar.foreground#6e6b5e
  • statusBar.noFolderBackground#a6a28c40
  • statusBar.noFolderBorder#a6a28c80
  • statusBarItem.activeBackground#6e6b5e
  • statusBarItem.hoverBackground#7d7a6826
  • statusBarItem.prominentBackground#7d7a6840
  • statusBarItem.prominentHoverBackground#7d7a6880
  • string.quoted.single.js#20201d
  • tab.activeBackground#fefbec
  • tab.activeBorder#fefbec
  • tab.activeForeground#292824
  • tab.border#fefbec
  • tab.hoverBackground#fefbec
  • tab.inactiveBackground#e8e4cf
  • tab.inactiveForeground#999580
  • tab.unfocusedActiveBorder#e8e4cf
  • tab.unfocusedActiveForeground#999580
  • tab.unfocusedInactiveForeground#999580
  • terminal.ansiBlack#292824
  • terminal.ansiBlue#6684e1
  • terminal.ansiBrightBlack#e8e4cf
  • terminal.ansiBrightBlue#999580
  • terminal.ansiBrightCyan#a6a28c
  • terminal.ansiBrightGreen#6e6b5e
  • terminal.ansiBrightMagenta#b854d4
  • terminal.ansiBrightRed#b65611
  • terminal.ansiBrightWhite#20201d
  • terminal.ansiBrightYellow#7d7a68
  • terminal.ansiCyan#1fad83
  • terminal.ansiGreen#60ac39
  • terminal.ansiMagenta#d43552
  • terminal.ansiRed#d73737
  • terminal.ansiWhite#6e6b5e
  • terminal.ansiYellow#ae9513
  • terminal.background#e8e4cf
  • terminal.findMatchHighlightBackground#6684e180
  • terminal.foreground#20201d
  • terminal.selectionBackground#6684e180
  • textLink.activeForeground#1fad83
  • textLink.foreground#1fad83CC
  • titleBar.activeBackground#fefbec
  • titleBar.activeForeground#292824
  • titleBar.inactiveBackground#e8e4cf
  • walkThrough.embeddedEditorBackground#e8e4cf
  • welcomePage.buttonBackground#e8e4cf
  • welcomePage.buttonHoverBackground#e8e4cf80
  • widget.shadow#a6a28c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a6a28c
meta.embedded, source.groovy.embedded#a6a28c
comment, punctuation.definition.comment#a6a28citalic
variable, string constant.other.placeholder#d73737
constant.other.color#20201d
invalid, invalid.illegal#20201d
keyword, punctuation.accessor, storage.type#b854d4
storage.modifier#ae9513
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#a6a28cBF
keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution#d73737
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#d73737
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.debugger, keyword.other.special-method#b854d4
meta.block variable.other#6e6b5e
support.other.variable, string.other.link#b65611
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#60ac39
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#6684e1normal
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#ae9513
support.type#1fad83
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#6e6b5e
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#d73737
variable.language#d73737italic
entity.name.method.js#b854d4italic
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#b854d4
entity.other.attribute-name#d43552
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ae9513italic
entity.other.attribute-name.class#b854d4
source.sass keyword.control#b854d4
markup.inserted#60ac39
markup.deleted#d73737
markup.deleted.diff#d73737
markup.inserted.diff#60ac39
markup.changed#d43552
string.regexp#1fad83
constant.character.escape#1fad83
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#d73737italic
source.js constant.other.object.key.js string.unquoted.label.js#d73737italic
support.type.property-name.json#b854d4
support.constant.json#60ac39
meta.structure.dictionary.value.json string.quoted.double#d43552
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#d73737
source.json meta.structure.dictionary.json support.type.property-name.json#b854d4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ae9513
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#60ac39
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#b854d4
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#ae9513
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#60ac39
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#60ac39
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#60ac39
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#60ac39
text.html.markdown, punctuation.definition.list_item.markdown#20201d
text.html.markdown, beginning.punctuation.definition.list.markdown#6e6b5e
text.html.markdown markup.inline.raw.markdown#d43552
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#999580
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#d73737
markup.italic.markdown#b65611italic
markup.bold, markup.bold string#b65611bold
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#b65611bold
markup.underline#ae9513underline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#fefbec
markup.quote.markdown#6e6b5e
markup.quoteitalic
string.other.link.title.markdown#b854d4
markup.underline.link.markdown#6684e1
string.other.link.description.title.markdown#d43552
constant.other.reference.link.markdown#ae9513
markup.raw.block#d43552
markup.raw.block.fenced.markdown#fefbec50
punctuation.definition.fenced.markdown#fefbec50
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#20201d
variable.language.fenced.markdown#999580
meta.separator#999580bold
markup.table#20201d
token.info-token#6684e1
token.warn-token#b65611
token.error-token#d73737
token.debug-token#d43552
string#292824
string.quoted, meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js#292824
support.constant.math#60ac39
string.regexp#60ac39
constant.numeric, constant.character.numeric#292824BF
variable.language, variable.other#d73737
variable.language.this.js, variable.language.this.php#d73737
keyword#60ac39
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#6e6b5eitalic
entity.name.class, meta.class entity.name.type.class#b65611
entity.name.type#6e6b5e
entity.name.function#6e6b5e
punctuation.definition.variable#6e6b5e
punctuation.section.embedded.begin, punctuation.section.embedded.end#d43552
constant.language, punctuation.definition.constant, variable.other.constant, meta.preprocessor#60ac39
support.function.construct, keyword.other.new#b854d4
constant.character, constant.other#b65611
constant.character.escape#b65611
string.regexp, string.regexp keyword.other#999580
entity.other.inherited-class#b854d4
entity.name.tag#d73737
punctuation.definition.tag, meta.tag#7d7a68
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#60ac39
entity.other.attribute-name#6684e1
entity.name.tag.custom#6684e1
support.function#6684e1
punctuation.separator.continuation#d73737
invalid.broken#292824
invalid.unimplemented#20201d
invalid.illegal#20201d
support.type, support.class#1fad83
support.variable.dom#1fad83
support.type.exception#b65611
support.other.variable
invalid#20201d
invalid.deprecated#b65611
keyword.operator#1fad83
keyword.operator.relational#d43552italic
keyword.operator.assignment#d43552
keyword.operator.arithmetic#d43552
keyword.operator.bitwise#d43552
keyword.operator.increment#d43552
keyword.operator.ternary#d43552
comment.line.double-slash#a6a28c
object#6684e1
constant.language.null#d73737
meta.brace#6e6b5e
meta.delimiter.period#292824
constant.language.boolean#d73737
object.comma#20201d
variable.parameter.function#1fad83
support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag#ae9513
meta.property-list entity.name.tag.reference#6684e1
constant.other.color.rgb-value punctuation.definition.constant#b65611
meta.selector#d43552italic
entity.other.attribute-name.id#1fad83
meta.property-name#1fad83
entity.name.tag.doctype, meta.tag.sgml.doctype#6e6b5eitalic
keyword.control.operator#1fad83
keyword.operator.logical#d43552
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#60ac39
variable.other.object.property#292824italic
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx#292824
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#d43552italic
variable.interpolation#d73737
support.variable.property#1fad83
string.template meta.template.expression#d73737
string.template punctuation.definition.string#292824
italic#d43552italic
bold#60ac39bold
quote#6e6b5eitalic
raw#6e6b5e
variable.assignment.coffee#1fad83
variable.parameter.function.coffee#292824
variable.assignment.coffee#60ac39
variable.other.readwrite.cs#292824
entity.name.type.class.cs, storage.type.cs#b854d4
entity.name.type.namespace.cs#6e6b5e
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css, support.constant.property-value.css#ae9513
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#1fad83
keyword.other.unit.css, keyword.control.at-rule.media.css#ae9513
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#b854d4
source.elixir entity.name.function#60ac39
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#6684e1
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#60ac39
source.elixir .punctuation.binary.elixir#d43552italic
source.go meta.function-call.go#6e6b5e
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#d43552italic
source.go constant.language.go, source.go constant.other.placeholder.go#d73737
meta.class entity.name.type.class.js#b65611
meta.method.declaration storage.type.js#b854d4
terminator.js#292824
meta.js punctuation.definition.js#292824
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#6e6b5e
variable.other.jsdoc, variable.other.phpdoc#1fad83
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#292824
variable.parameter.function.js#b854d4
variable.js, variable.other.js#292824
entity.name.type.js, entity.name.type.module.js#b65611
support.class.js#292824
variable.other.ruby#292824
entity.name.type.class.ruby#b65611
constant.language.symbol.hashkey.ruby#60ac39
meta.attribute-selector.less entity.other.attribute-name.attribute#b65611
variable.other.php, variable.other.property.php#292824
support.class.php#b65611
meta.function-call.php punctuation#292824
variable.other.global.php#60ac39
variable.other.global.php punctuation.definition.variable#60ac39
constant.language.python#d73737
variable.parameter.function.python, meta.function-call.arguments.python#b854d4
meta.function-call.python, meta.function-call.generic.python#292824
punctuation.python#292824
entity.name.function.decorator.python#60ac39
source.python variable.language.special#b854d4
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#d73737
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#b854d4
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#b65611
entity.name.tag.scss, entity.name.tag.sass#60ac39
keyword.other.unit.scss, keyword.other.unit.sass#ae9513
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#292824
entity.name.type.ts, entity.name.type.tsx#b65611
support.class.node.ts, support.class.node.tsx#b854d4
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#6e6b5e
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#292824
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx#b854d4
meta.tag.js meta.jsx.children.tsx#b854d4
entity.name.tag.yaml#60ac39
variable.other.readwrite.js, variable.parameter#292824
support.class.component.js, support.class.component.tsx#b65611
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#292824
meta.class entity.name.type.class.tsx#b65611
entity.name.type.tsx, entity.name.type.module.tsx#b65611
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#b854d4
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#292824italic
markup.deleted#292824
markup.changed#292824
markup.inserted#292824
markup.quote#60ac39
markup.list#60ac39
markup.bold, markup.italic#b65611
markup.inline.raw#999580
markup.heading.setext#6684e1

Shiki preview

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

Loading...