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#d2cac6
  • activityBar.border#c9c0bb
  • activityBar.dropBackground#dcd5d1
  • activityBar.foreground#38322e
  • activityBarBadge.background#da6b2b
  • activityBarBadge.foreground#ffefe6
  • badge.background#da6b2b
  • badge.foreground#ffefe6
  • breadcrumbPicker.background#f9f7f6
  • button.background#da6b2b
  • button.foreground#ffefe6
  • button.hoverBackground#da6b2b
  • debugExceptionWidget.background#f9f7f6
  • debugExceptionWidget.border#f9f7f6
  • debugToolBar.background#eeeae8
  • descriptionForeground#211e1c
  • diffEditor.insertedTextBackground#a83324
  • diffEditor.insertedTextBorder#a83324
  • diffEditor.removedTextBackground#a83324
  • diffEditor.removedTextBorder#a83324
  • dropdown.background#eeeae8
  • dropdown.border#d2cac6
  • dropdown.foreground#211e1c
  • editor.background#eeeae8
  • editor.findMatchBackground#7a6e66
  • editor.findMatchHighlightBackground#90827a
  • editor.foreground#190d05
  • editor.hoverHighlightBackground#d2cac6
  • editor.inactiveSelectionBackground#a29790
  • editor.lineHighlightBackground#e5dfdc
  • editor.rangeHighlightBackground#dcd5d1
  • editor.selectionBackground#dcd5d1
  • editor.selectionHighlightBackground#dcd5d1
  • editor.wordHighlightBackground#d2cac6
  • editor.wordHighlightStrongBackground#d2cac6
  • editorBracketMatch.background#f9f7f6
  • editorBracketMatch.border#dcd5d1
  • editorCodeLens.foreground#6f645d
  • editorCursor.background#f9f7f6
  • editorCursor.foreground#b5a8a6
  • editorError.foreground#598b04
  • editorGroup.background#a29790
  • editorGroup.border#f9f7f6
  • editorGroup.dropBackground#d34431
  • editorGroupHeader.noTabsBackground#e5dfdc
  • editorGroupHeader.tabsBackground#e5dfdc
  • editorGroupHeader.tabsBorder#f9f7f6
  • editorGutter.addedBackground#a83324
  • editorGutter.background#e5dfdc
  • editorGutter.deletedBackground#538103
  • editorGutter.modifiedBackground#817003
  • editorHoverWidget.background#f9f7f6
  • editorHoverWidget.border#f9f7f6
  • editorIndentGuide.activeBackground#dcd5d1
  • editorIndentGuide.background#d2cac6
  • editorLineNumber.activeForeground#6f645d
  • editorLineNumber.foreground#bfb6b0
  • editorMarkerNavigation.background#d2cac6
  • editorMarkerNavigationError.background#b5ec55
  • editorMarkerNavigationWarning.background#ebd547
  • editorOverviewRuler.commonContentForeground#817003
  • editorOverviewRuler.currentContentForeground#817003
  • editorOverviewRuler.incomingContentForeground#817003
  • editorRuler.foreground#6f645d
  • editorSuggestWidget.background#e5dfdc
  • editorSuggestWidget.border#f9f7f6
  • editorSuggestWidget.foreground#6f645d
  • editorSuggestWidget.highlightForeground#a83324
  • editorSuggestWidget.selectedBackground#f9f7f6
  • editorWarning.foreground#817003
  • editorWhitespace.foreground#a29790
  • editorWidget.background#f9f7f6
  • editorWidget.border#f9f7f6
  • errorForeground#609504
  • extensionButton.prominentBackground#a83324
  • extensionButton.prominentForeground#f9f7f6
  • extensionButton.prominentHoverBackground#a83324
  • focusBorder#d34431
  • foreground#190d05
  • gitDecoration.addedResourceForeground#a83324
  • gitDecoration.conflictingResourceForeground#817003
  • gitDecoration.deletedResourceForeground#609504
  • gitDecoration.ignoredResourceForeground#d2cac6
  • gitDecoration.modifiedResourceForeground#d34431
  • gitDecoration.untrackedResourceForeground#211e1c
  • input.background#d2cac6
  • input.border#90827a
  • input.foreground#211e1c
  • input.placeholderForeground#6f645d
  • inputOption.activeBorder#d34431
  • inputValidation.errorBackground#609504
  • inputValidation.errorBorder#609504
  • inputValidation.infoBackground#eeeae8
  • inputValidation.infoBorder#817003
  • inputValidation.warningBackground#817003
  • inputValidation.warningBorder#817003
  • list.activeSelectionBackground#dcd5d1
  • list.activeSelectionForeground#0d0907
  • list.dropBackground#e5dfdc
  • list.errorForeground#609504
  • list.focusBackground#dcd5d1
  • list.focusForeground#211e1c
  • list.highlightForeground#d34431
  • list.hoverBackground#dcd5d1
  • list.hoverForeground#211e1c
  • list.inactiveSelectionBackground#d2cac6
  • list.inactiveSelectionForeground#6f645d
  • list.invalidItemForeground#817003
  • list.warningForeground#609504
  • merge.currentHeaderBackground#a29790
  • merge.incomingHeaderBackground#817003
  • meta.objectliteral.js#817003
  • notificationLink.foreground#d34431
  • notifications.background#f9f7f6
  • notifications.foreground#211e1c
  • panel.background#eeeae8
  • panel.border#f9f7f6
  • panel.dropBackground#d34431
  • panelTitle.activeBorder#817003
  • panelTitle.activeForeground#0d0907
  • panelTitle.inactiveForeground#90827a
  • peekView.border#a29790
  • peekViewEditor.background#d2cac6
  • peekViewEditor.matchHighlightBackground#817003
  • peekViewResult.background#d2cac6
  • peekViewResult.fileForeground#d2cac6
  • peekViewResult.lineForeground#d2cac6
  • peekViewResult.matchHighlightBackground#0d0907
  • peekViewResult.selectionBackground#dcd5d1
  • peekViewResult.selectionForeground#a29790
  • peekViewTitle.background#e5dfdc
  • peekViewTitleDescription.foreground#a29790
  • peekViewTitleLabel.foreground#a29790
  • pickerGroup.border#f9f7f6
  • pickerGroup.foreground#211e1c
  • progress.background#a29790
  • progressBar.background#da6b2b
  • punctuation.definition.generic.begin.html#817003
  • scrollbar.shadow#7a6e66
  • scrollbarSlider.activeBackground#bfb6b0
  • scrollbarSlider.background#d2cac6
  • scrollbarSlider.hoverBackground#c9c0bb
  • selection.background#da6b2b
  • sideBar.background#eeeae8
  • sideBar.border#e5dfdc
  • sideBar.foreground#7a6e66
  • sideBarSectionHeader.background#dcd5d1
  • sideBarSectionHeader.foreground#6f645d
  • sideBarTitle.foreground#59504a
  • source.elm#a29790
  • statusBar.background#b5aba6
  • statusBar.border#bfb6b0
  • statusBar.debuggingBackground#aba19b
  • statusBar.debuggingBorder#a29790
  • statusBar.foreground#645a54
  • statusBar.noFolderBackground#eeeae8
  • statusBar.noFolderBorder#d2cac6
  • statusBarItem.activeBackground#a29790
  • statusBarItem.hoverBackground#a29790
  • statusBarItem.prominentBackground#dcd5d1
  • statusBarItem.prominentHoverBackground#d2cac6
  • string.quoted.single.js#723918
  • tab.activeBackground#eeeae8
  • tab.activeBorder#eeeae8
  • tab.activeForeground#211e1c
  • tab.border#eeeae8
  • tab.hoverBackground#dcd5d1
  • tab.inactiveBackground#e5dfdc
  • tab.inactiveForeground#6f645d
  • tab.unfocusedActiveBorder#90827a
  • tab.unfocusedActiveForeground#6f645d
  • tab.unfocusedInactiveForeground#6f645d
  • terminal.ansiBlack#d2cac6
  • terminal.ansiBlue#da6b2b
  • terminal.ansiBrightBlack#a29790
  • terminal.ansiBrightBlue#7a6e66
  • terminal.ansiBrightCyan#6f645d
  • terminal.ansiBrightGreen#a29790
  • terminal.ansiBrightMagenta#646254
  • terminal.ansiBrightRed#686e5e
  • terminal.ansiBrightWhite#0d0907
  • terminal.ansiBrightYellow#90827a
  • terminal.ansiCyan#d34431
  • terminal.ansiGreen#a83324
  • terminal.ansiMagenta#817003
  • terminal.ansiRed#609504
  • terminal.ansiWhite#211e1c
  • terminal.ansiYellow#817003
  • terminal.background#f9f7f6
  • terminal.foreground#4e4641
  • textLink.activeForeground#d34431
  • textLink.foreground#d34431
  • titleBar.activeBackground#eeeae8
  • titleBar.activeForeground#211e1c
  • titleBar.inactiveBackground#f9f7f6
  • walkThrough.embeddedEditorBackground#f9f7f6
  • welcomePage.buttonBackground#f9f7f6
  • welcomePage.buttonHoverBackground#f9f7f6
  • widget.shadow#aba19b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#0d0907
meta.embedded, source.groovy.embedded#4e4641
comment, punctuation.definition.comment#998c85italic
variable, string constant.other.placeholder#609504
constant.other.color#190d05
invalid, invalid.illegal#0d0907
keyword, punctuation.accessor, storage.type#817003
storage.modifier#817003
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#aba19b
keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution#d34431
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#609504
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.debugger, keyword.other.special-method#817003
meta.block variable.other#4e4641
support.other.variable, string.other.link#538103
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#59504a
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#da6b2bnormal
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#817003
support.type#d34431
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#5a4e02
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#609504
variable.language#609504italic
entity.name.method.js#817003italic
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#817003
entity.other.attribute-name#817003
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#817003italic
entity.other.attribute-name.class#584d4b
source.sass keyword.control#817003
markup.inserted#a83324
markup.deleted#609504
markup.deleted.diff#609504
markup.inserted.diff#a83324
markup.changed#817003
string.regexp#d34431
constant.character.escape#d34431
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#609504italic
source.js constant.other.object.key.js string.unquoted.label.js#609504italic
support.type.property-name.json#817003
support.constant.json#a83324
meta.structure.dictionary.value.json string.quoted.double#817003
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#609504
source.json meta.structure.dictionary.json support.type.property-name.json#817003
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#817003
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#a83324
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#817003
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#817003
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#a83324
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#a83324
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#a83324
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#a83324
text.html.markdown, punctuation.definition.list_item.markdown#190d05
text.html.markdown, beginning.punctuation.definition.list.markdown#59504a
text.html.markdown markup.inline.raw.markdown#817003
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#7a6e66
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#609504
markup.italic.markdown#538103italic
markup.bold, markup.bold string#538103bold
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#538103bold
markup.underline#817003underline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#eeeae8
markup.quote.markdown#59504a
markup.quoteitalic
string.other.link.title.markdown#817003
markup.underline.link.markdown#da6b2b
string.other.link.description.title.markdown#817003
constant.other.reference.link.markdown#817003
markup.raw.block#817003
markup.raw.block.fenced.markdown#eeeae8
punctuation.definition.fenced.markdown#eeeae8
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#190d05
variable.language.fenced.markdown#7a6e66
meta.separator#7a6e66bold
markup.table#190d05
token.info-token#da6b2b
token.warn-token#538103
token.error-token#609504
token.debug-token#817003
string#211e1c
string.quoted, meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js#5d2e14
support.constant.math#a83324
string.regexp#a83324
constant.numeric, constant.character.numeric#211e1c
variable.language, variable.other#609504
variable.language.this.js, variable.language.this.php#609504
keyword#a83324
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#59504aitalic
entity.name.class, meta.class entity.name.type.class#538103
entity.name.type#59504a
entity.name.function#59504a
punctuation.definition.variable#59504a
punctuation.section.embedded.begin, punctuation.section.embedded.end#a05022
constant.language, punctuation.definition.constant, variable.other.constant, meta.preprocessor#a83324
support.function.construct, keyword.other.new#776803
constant.character, constant.other#538103
constant.character.escape#538103
string.regexp, string.regexp keyword.other#7a6e66
entity.other.inherited-class#817003
entity.name.tag#609504
punctuation.definition.tag, meta.tag#59504a
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#a83324
entity.other.attribute-name#a05022
entity.name.tag.custom#da6b2b
support.function#59504a
punctuation.separator.continuation#609504
invalid.broken#f9f7f6
invalid.unimplemented#190d05
invalid.illegal#190d05
support.type, support.class#d34431
support.variable.dom#d34431
support.type.exception#538103
support.other.variable
invalid#190d05
invalid.deprecated#538103
keyword.operator#d34431
keyword.operator.relational#817003italic
keyword.operator.assignment#817003
keyword.operator.arithmetic#817003
keyword.operator.bitwise#817003
keyword.operator.increment#817003
keyword.operator.ternary#817003
comment.line.double-slash#a29790
object#da6b2b
constant.language.null#609504
meta.brace#a29790
meta.delimiter.period#211e1c
constant.language.boolean#609504
object.comma#0d0907
variable.parameter.function#d34431
support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag#817003
meta.property-list entity.name.tag.reference#da6b2b
constant.other.color.rgb-value punctuation.definition.constant#538103
meta.selector#817003italic
entity.other.attribute-name.id#38362e
meta.property-name#d34431
entity.name.tag.doctype, meta.tag.sgml.doctype#a29790italic
keyword.control.operator#d34431
keyword.operator.logical#817003
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#a83324
variable.other.object.property#211e1citalic
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx#211e1c
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#a05022italic
variable.interpolation#609504
support.variable.property#d34431
string.template meta.template.expression#609504
string.template punctuation.definition.string#211e1c
italic#817003italic
bold#a83324bold
quote#a29790italic
raw#59504a
variable.assignment.coffee#d34431
variable.parameter.function.coffee#211e1c
variable.assignment.coffee#a83324
variable.other.readwrite.cs#211e1c
entity.name.type.class.cs, storage.type.cs#817003
entity.name.type.namespace.cs#59504a
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css#2c2626
support.constant.property-value.css#932d1f
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#d34431
keyword.other.unit.css, keyword.control.at-rule.media.css#d34431
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#817003
source.elixir entity.name.function#a83324
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#da6b2b
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#a83324
source.elixir .punctuation.binary.elixir#817003italic
source.go meta.function-call.go#59504a
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#817003italic
source.go constant.language.go, source.go constant.other.placeholder.go#609504
meta.class entity.name.type.class.js#538103
meta.method.declaration storage.type.js#584d4b
terminator.js#211e1c
meta.js punctuation.definition.js#211e1c
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#a29790
variable.other.jsdoc, variable.other.phpdoc#d34431
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#211e1c
variable.parameter.function.js#817003
variable.js, variable.other.js#211e1c
entity.name.type.js, entity.name.type.module.js#538103
support.class.js#211e1c
variable.other.ruby#211e1c
entity.name.type.class.ruby#538103
constant.language.symbol.hashkey.ruby#a83324
meta.attribute-selector.less entity.other.attribute-name.attribute#538103
variable.other.php, variable.other.property.php#211e1c
support.class.php#538103
meta.function-call.php punctuation#211e1c
variable.other.global.php#a83324
variable.other.global.php punctuation.definition.variable#a83324
constant.language.python#609504
variable.parameter.function.python, meta.function-call.arguments.python#817003
meta.function-call.python, meta.function-call.generic.python#211e1c
punctuation.python#211e1c
entity.name.function.decorator.python#a83324
source.python variable.language.special#817003
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#584d4b
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#817003
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#538103
entity.name.tag.scss, entity.name.tag.sass#a83324
keyword.other.unit.scss, keyword.other.unit.sass#817003
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#211e1c
entity.name.type.ts, entity.name.type.tsx#538103
support.class.node.ts, support.class.node.tsx#817003
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#a29790
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#211e1c
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx#817003
meta.tag.js meta.jsx.children.tsx#817003
entity.name.tag.yaml#a83324
variable.other.readwrite.js, variable.parameter#8f481e
support.class.component.js, support.class.component.tsx#538103
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#211e1c
meta.class entity.name.type.class.tsx#538103
entity.name.type.tsx, entity.name.type.module.tsx#538103
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#817003
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#211e1citalic
markup.deleted#211e1c
markup.changed#211e1c
markup.inserted#211e1c
markup.quote#a83324
markup.list#a83324
markup.bold, markup.italic#538103
markup.inline.raw#7a6e66
markup.heading.setext#da6b2b

Shiki preview

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

Loading...