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.background#B2D4BE
  • activityBar.border#1C0A1460
  • activityBar.foreground#1C0A14
  • activityBarBadge.background#6E4CCC
  • activityBarBadge.foreground#B2D4BE
  • badge.background#8CACA1
  • badge.foreground#1C0A14
  • breadcrumb.activeSelectionForeground#1F524A
  • breadcrumb.background#D9EFE1
  • breadcrumb.focusForeground#6E4CCC
  • breadcrumb.foreground#1C0A14
  • breadcrumbPicker.background#8CACA1
  • button.background#8CACA1
  • contrastBorder#1F524A40
  • debugToolBar.background#8CACA1
  • diffEditor.insertedTextBackground#D2685915
  • diffEditor.removedTextBackground#B7659820
  • dropdown.background#F0FFF6
  • dropdown.border#D0EEDF10
  • dropdown.foreground#1C0A14
  • editor.background#F0FFF6
  • editor.findMatchBackground#1C0A14
  • editor.findMatchBorder#1F524A
  • editor.findMatchHighlightBackground#1F524A93
  • editor.findMatchHighlightBorder#D0EEDF30
  • editor.foreground#1C0A14
  • editor.lineHighlightBackground#62797625
  • editor.selectionBackground#6E4CCC30
  • editor.selectionHighlightBackground#6e4ccc10
  • editor.selectionHighlightBorder#627976f0
  • editorBracketHighlight.foreground1#0A3936
  • editorBracketHighlight.foreground2#1F524A
  • editorBracketHighlight.foreground3#e6bd0b
  • editorBracketHighlight.foreground4#FF9F68
  • editorBracketHighlight.foreground5#B75692
  • editorBracketHighlight.foreground6#9E78A7
  • editorBracketHighlight.unexpectedBracket.foreground#DA2957
  • editorBracketMatch.background#6e4ccc25
  • editorBracketMatch.border#6E4CCC7f
  • editorCodeLens.foreground#6E4CCC
  • editorCursor.foreground#6E4CCC
  • editorError.foreground#B7659870
  • editorGroup.border#0A0E0E30
  • editorGroupHeader.tabsBackground#8CACA1F8
  • editorGutter.addedBackground#6E4CCC80
  • editorGutter.deletedBackground#B7659860
  • editorGutter.modifiedBackground#9c5e5e60
  • editorHoverWidget.background#D9EFE1
  • editorHoverWidget.border#D0EEDF10
  • editorIndentGuide.activeBackground1#8CACA1
  • editorIndentGuide.background1#85c7af70
  • editorInfo.foreground#0A3936
  • editorLineNumber.activeForeground#627976
  • editorLineNumber.foreground#1F524Ac0
  • editorLink.activeForeground#B2D4BE
  • editorMarkerNavigation.background#85c7af54
  • editorOverviewRuler.border#8CACA1
  • editorOverviewRuler.errorForeground#B7659840
  • editorOverviewRuler.findMatchForeground#1F524A60
  • editorOverviewRuler.infoForeground#62797640
  • editorOverviewRuler.warningForeground#E8984870
  • editorRuler.foreground#0A3936
  • editorSuggestWidget.background#8CACA1
  • editorSuggestWidget.border#D0EEDF10
  • editorSuggestWidget.foreground#0A3936
  • editorSuggestWidget.highlightForeground#FF9F68
  • editorSuggestWidget.selectedBackground#1F524A20
  • editorWarning.foreground#D26859
  • editorWhitespace.foreground#ADE2C740
  • editorWidget.background#8CACA1
  • editorWidget.border#FF9F68
  • editorWidget.resizeBorder#1F524A
  • extensionButton.prominentBackground#D2685990
  • extensionButton.prominentHoverBackground#B75692
  • focusBorder#D0EEDF00
  • gitDecoration.addedResourceForeground#6E4CCC
  • gitDecoration.conflictingResourceForeground#FF9F68
  • gitDecoration.deletedResourceForeground#B75692
  • gitDecoration.ignoredResourceForeground#1F524A
  • gitDecoration.modifiedResourceForeground#1C0A14
  • gitDecoration.untrackedResourceForeground#627976
  • input.background#D9EFE1
  • input.border#D0EEDF10
  • input.foreground#1C0A14
  • input.placeholderForeground#0A0E0E60
  • inputOption.activeBackground#ADE2C730
  • inputOption.activeBorder#ADE2C730
  • inputValidation.errorBorder#B7659850
  • inputValidation.infoBorder#62797650
  • inputValidation.warningBorder#E8984850
  • list.activeSelectionBackground#D9EFE1
  • list.activeSelectionForeground#6E4CCC
  • list.focusBackground#8CACA1
  • list.focusForeground#0A3936
  • list.highlightForeground#1F524A
  • list.hoverBackground#B2D4BE
  • list.hoverForeground#1C0A14
  • list.inactiveSelectionBackground#85c7af80
  • list.inactiveSelectionForeground#1F524A
  • list.warningForeground#FF9F68
  • listFilterWidget.background#62797630
  • listFilterWidget.noMatchesOutline#85c7af30
  • listFilterWidget.outline#62797630
  • menu.background#B2D4BE
  • menu.border#1F524A50
  • menu.foreground#0A0E0Ecc
  • menu.selectionBackground#8CACA1
  • menu.selectionBorder#0A0E0E30
  • menu.selectionForeground#1C0A14
  • menu.separatorBackground#B2D4BE
  • menubar.selectionBackground#8CACA1
  • menubar.selectionBorder#1F524A50
  • menubar.selectionForeground#1C0A14
  • minimap.background#C2DDCC80
  • minimapGutter.addedBackground#6E4CCC
  • minimapGutter.deletedBackground#DA2957
  • minimapGutter.modifiedBackground#FF9F68
  • minimapSlider.activeBackground#6E4CCCAA
  • minimapSlider.background#5e9c8548
  • minimapSlider.hoverBackground#6E4CCC70
  • notificationLink.foreground#1F524A
  • notifications.background#B2D4BE
  • notifications.foreground#1F524A
  • panel.background#D9EFE1
  • panel.border#0A0E0E60
  • panelTitle.activeBorder#1F524A
  • panelTitle.activeForeground#1C0A14
  • panelTitle.inactiveForeground#1F524A
  • peekView.border#0A0E0E30
  • peekViewEditor.background#ADE2C705
  • peekViewEditor.matchHighlightBackground#1F524A50
  • peekViewEditorGutter.background#ADE2C705
  • peekViewResult.background#ADE2C705
  • peekViewResult.matchHighlightBackground#1F524A50
  • peekViewResult.selectionBackground#1F524A70
  • peekViewTitle.background#ADE2C705
  • peekViewTitleDescription.foreground#0A3936
  • pickerGroup.foreground#1F524A
  • progressBar.background#1F524A
  • scrollbar.shadow#0A0E0E00
  • scrollbarSlider.activeBackground#ADE2C7cc
  • scrollbarSlider.background#ADE2C7bb
  • scrollbarSlider.hoverBackground#6E4CCC80
  • selection.background#1F524A
  • settings.checkboxBackground#B2D4BE
  • settings.checkboxForeground#1C0A14
  • settings.dropdownBackground#B2D4BE
  • settings.dropdownForeground#1C0A14
  • settings.headerForeground#1F524A
  • settings.modifiedItemIndicator#1F524A
  • settings.numberInputBackground#B2D4BE
  • settings.numberInputForeground#1C0A14
  • settings.textInputBackground#B2D4BE
  • settings.textInputForeground#1C0A14
  • sideBar.background#C2DDCC
  • sideBar.border#1F524A50
  • sideBar.foreground#627976
  • sideBarSectionHeader.background#C2DDCC
  • sideBarSectionHeader.border#0A0E0E60
  • sideBarSectionHeader.foreground#6E4CCC
  • sideBarTitle.foreground#0A3936
  • statusBar.background#627976
  • statusBar.border#0A0E0E60
  • statusBar.debuggingBackground#FF9F68
  • statusBar.debuggingForeground#D0EEDF
  • statusBar.foreground#B2D4BE
  • statusBar.noFolderBackground#1C0A14
  • statusBarItem.hoverBackground#1F524A20
  • statusBarItem.remoteBackground#627976
  • statusBarItem.remoteForeground#D0EEDF
  • tab.activeBackground#D0EEDF
  • tab.activeBorder#1F524A
  • tab.activeForeground#6E4CCC
  • tab.activeModifiedBorder#1F524A
  • tab.border#1F524A
  • tab.inactiveBackground#B2D4BE
  • tab.inactiveForeground#1C0A14
  • tab.unfocusedActiveBackground#8CACA1
  • tab.unfocusedActiveBorder#1F524A
  • tab.unfocusedActiveForeground#1F524A
  • tab.unfocusedInactiveBackground#85c7af10
  • tab.unfocusedInactiveForeground#1F524A
  • terminal.ansiBlack#1C0A14
  • terminal.ansiBlue#627976
  • terminal.ansiBrightBlack#1F524A
  • terminal.ansiBrightBlue#0E988F
  • terminal.ansiBrightCyan#5CA8CC
  • terminal.ansiBrightGreen#B2D4BE
  • terminal.ansiBrightMagenta#B75692
  • terminal.ansiBrightRed#DA2957
  • terminal.ansiBrightWhite#D0EEDF
  • terminal.ansiBrightYellow#FF9F68
  • terminal.ansiCyan#0E988F
  • terminal.ansiGreen#627976
  • terminal.ansiMagenta#FF9F68
  • terminal.ansiRed#B75692
  • terminal.ansiWhite#D0EEDF
  • terminal.ansiYellow#FF9F68
  • terminalCursor.background#B2D4BE
  • terminalCursor.foreground#6E4CCC
  • textLink.activeForeground#1F524A
  • textLink.foreground#6E4CCC
  • titleBar.activeBackground#8CACA1
  • titleBar.activeForeground#1C0A14
  • titleBar.border#0A0E0E60
  • titleBar.inactiveBackground#8CACA1
  • titleBar.inactiveForeground#1F524A
  • tree.indentGuidesStroke#0A3936
  • widget.shadow#0A0E0E30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable, source.js, source.python, meta.attribute.python, string.quoted.other.lt-gt.include.cpp, entity.name.type.namespace.cs#0A3936
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, entity.other.attribute-name.html#FF9F68
support.type#B75692
keyword.control.import.python, keyword.control.directive.include.c, keyword.control.directive.include.cpp, keyword.control.directive.include.cs, keyword.other.directive.using.cs, keyword.control.directive.define.c#6E4CCC
entity.name.function, entity.other.jinja.delimiter.variable, entity.name.type.class.cs, entity.name.type.class.python#0E988F
entity.other.inherited-class.python, constant.other.caps.python#101616
meta.indexed-name.python, meta.bracket.square.access variable.other.object, variable.other.global.cpp#0A3936
keyword.control, keyword.control.jinja, entity.other.jinja.delimiter.tag, keyword.control.conditional.js, keyword.operator.relational.js, keyword.operator.assignment.js, keyword.control.c, keyword.control.cpp, keyword.control.cs, keyword.control.rust#DA2957
keyword.controlbold
storage.type, keyword, storage.type.function.js, storage.type.js, storage.type.class.python, meta.function.lua keyword.control.lua#9385D9
string constant.other.placeholder, invalid.deprecated, variable.other.jinja.block, constant.other.php#FF9F68
storage.modifier, support.function.builtin.python#F0A961
variable.parameter.function.language.special.self.python, variable.language.special.self.python#FF9F68italic bold
variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scssitalic
support.function, meta.function-call.generic.python, meta.function-call.c entity.name.function.c#9E78A7
meta.function-call.generic.python, support.function.builtin.pythonitalic
invalid, invalid.illegal#B75692
Keyword, Storageitalic
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, punctuation.terminator.rule.css, punctuation.definition.directive.c, punctuation.definition.directive.cpp, punctuation.definition.directive.cs, constant.other.color, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss#9385D9
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.key-value.html, entity.name.type.module.js#9385D9
keyword.control.at-rule, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js#1C0A14
punctuation.definition, string.quoted.single.scss, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss#0E988F
punctuation.definition.comment.html, comment.block.html, comment.block.jinja, punctuation.definition.comment.begin.css, punctuation.definition.comment.end.css, comment.line.scss, comment.line.css, comment.block.scss, comment.block.css, punctuation.definition.comment.scss, punctuation.definition.comment.css, comment.line.double-slash.js, punctuation.definition.comment.js, comment.line.number-sign.python, punctuation.definition.comment.python, punctuation.definition.comment.begin.c, punctuation.definition.comment.begin.cpp, punctuation.definition.comment.end.c, punctuation.definition.comment.end.cpp, comment.block.c, comment.block.cpp, comment.block.cs, comment.line.double-slash.c, comment.line.double-slash.cpp, comment.line.double-slash.cs, punctuation.definition.comment.c, punctuation.definition.comment.cpp, punctuation.definition.comment.cs, comment.block.rust, comment.line.double-slash.rust, punctuation.definition.comment.rust, comment.line.double-dash.lua, punctuation.definition.comment.lua, comment.block.lua, punctuation.definition.comment.begin.lua, punctuation.definition.comment.end.lua#648181italic
text.html.derivative#B75692
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.constant.property-value.css, support.constant.font-name.css#1C0A14
entity.name.tag.html#3F24C9bold
variable.parameter.js, variable.parameter.keyframe-list.css#FF9F68
variable.other.object.js, variable.other.readwrite.js, variable.other.property.js#1C0A14
string, string.quoted.double.html, string.quoted.double.json#101616
variable.function, variable.function.constructor, keyword.other.special-method, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control, support.constant.color.w3c-standard-color-name.css, constant.other.color.rgb-value.hex.css, variable.other.constant.js, variable.other.object.property.js, meta.class-method.js entity.name.function.js, entity.name.function.preprocessor.c#1F524A
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9385D9
support.other.variable, string.other.link, markup.table#1C0A14
constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other#FF9F68
variable.parameter.function.language.special, variable.parameter#B75692
constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js#D26859
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#101616
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#B75692
entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#101616italic
entity.other.attribute-name#FF9F68
entity.other.attribute-name.pseudo-class, support.constant, entity.other.attribute-name.html, string.quoted.single.js, storage.type.function.js, meta.object-literal.key#101616
entity.name.tag.css, source.css keyword.control, source.scss keyword.control#9385D9
entity.other.attribute-name.id, meta.attribute.id.html string.quoted.single.html, meta.attribute.id.html string.quoted.double.html#FF9F68
entity.other.attribute-name.class, meta.attribute.class.html string.quoted.single.html, meta.attribute.class.html string.quoted.double.html#FF686A
markup.inserted#D26859
markup.deleted#B75692
markup.changed#FF9F68
string.regexp#1C0A14
constant.character.escape#1C0A14
*url*, *link*, *uri*underline
source.js constant.other.object.key.js string.unquoted.label.js#1C0A14italic
support.type.property-name.json#1C0A14
text.html.markdown, punctuation.definition.list_item.markdown#1C0A14
text.html.markdown markup.inline.raw.markdown, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#FF9F68
text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown#1F524A50
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#1C0A14bold
markup.underline#101616underline
markup.strike, markup.strikethrough.markdown#648181italic strikethrough
punctuation.definition.strikethrough.markdown
markup.bold, markup.bold.markdown#DA2957bold
markup.italic.markdown#0A3936italic
markup.italic.markdown markup.bold.markdown#6E4CCCbold italic
heading.1.markdown entity.name.section.markdown#9385D9
heading.2.markdown entity.name.section.markdown, string.other.link.description.markdown#FF686A
string.other.link.title.markdown, heading.3.markdown entity.name.section.markdown#FF9F68
markup.quote punctuation.definition.blockquote.markdown#1F524A50
markup.quote#9E78A7italic
string.other.link.description.title.markdown#FF9F68
constant.other.reference.link.markdown#FF9F68
markup.raw.block#FF9F68
punctuation.definition.raw.markdown, punctuation.definition.markdown#1C0A14
variable.language.fenced.markdown#1F524A
meta.separator#FF9F68bold
token.info-token#1F524A
token.warn-token#FF9F68
token.error-token#FF293B
token.debug-token#1C0A14
meta.tag.metadata.doctype.html punctuation.definition.tag.begin.html, meta.tag.metadata.doctype.html punctuation.definition.tag.end.html, meta.tag.structure.html.start.html punctuation.definition.tag.begin.html, meta.tag.structure.html.start.html punctuation.definition.tag.end.html, meta.tag.structure.html.end.html punctuation.definition.tag.begin.html, meta.tag.structure.html.end.html punctuation.definition.tag.end.html#9385D9
meta.tag.metadata.doctype.html entity.name.tag.html, meta.tag.structure.html.start.html entity.name.tag.html, meta.tag.structure.html.end.html entity.name.tag.html#6E4CCC
meta.tag.structure.head.start.html punctuation.definition.tag.begin.html, meta.tag.structure.head.start.html punctuation.definition.tag.end.html, meta.tag.structure.head.end.html punctuation.definition.tag.begin.html, meta.tag.structure.head.end.html punctuation.definition.tag.end.html, meta.tag.metadata.title.start.html punctuation.definition.tag.begin.html, meta.tag.metadata.title.start.html punctuation.definition.tag.end.html, meta.tag.metadata.title.end.html punctuation.definition.tag.begin.html, meta.tag.metadata.title.end.html punctuation.definition.tag.end.html#FF686A
meta.tag.structure.head.start.html entity.name.tag.html, meta.tag.structure.head.end.html entity.name.tag.html, meta.tag.metadata.title.start.html entity.name.tag.html, meta.tag.metadata.title.end.html entity.name.tag.html, meta.tag.structure.body.start.html entity.name.tag.html, meta.tag.structure.body.end.html entity.name.tag.html#DA2957
meta.tag.structure.body.start.html punctuation.definition.tag.begin.html, meta.tag.structure.body.start.html punctuation.definition.tag.end.html, meta.tag.structure.body.end.html punctuation.definition.tag.begin.html, meta.tag.structure.body.end.html punctuation.definition.tag.end.html, meta.tag.structure.header.start.html punctuation.definition.tag.begin.html, meta.tag.structure.header.start.html punctuation.definition.tag.end.html, meta.tag.structure.header.end.html punctuation.definition.tag.begin.html, meta.tag.structure.header.end.html punctuation.definition.tag.end.html, meta.tag.structure.nav.start.html punctuation.definition.tag.begin.html, meta.tag.structure.nav.start.html punctuation.definition.tag.end.html, meta.tag.structure.nav.end.html punctuation.definition.tag.begin.html, meta.tag.structure.nav.end.html punctuation.definition.tag.end.html, meta.tag.structure.section.start.html punctuation.definition.tag.begin.html, meta.tag.structure.section.start.html punctuation.definition.tag.end.html, meta.tag.structure.section.end.html punctuation.definition.tag.begin.html, meta.tag.structure.section.end.html punctuation.definition.tag.end.html, meta.tag.structure.article.start.html punctuation.definition.tag.begin.html, meta.tag.structure.article.start.html punctuation.definition.tag.end.html, meta.tag.structure.article.end.html punctuation.definition.tag.begin.html, meta.tag.structure.article.end.html punctuation.definition.tag.end.html, meta.tag.structure.footer.start.html punctuation.definition.tag.begin.html, meta.tag.structure.footer.start.html punctuation.definition.tag.end.html, meta.tag.structure.footer.end.html punctuation.definition.tag.begin.html, meta.tag.structure.footer.end.html punctuation.definition.tag.end.html#FF686A
meta.tag.structure.body.start.html entity.name.tag.html, meta.tag.structure.body.end.html entity.name.tag.html, meta.tag.structure.header.start.html entity.name.tag.html, meta.tag.structure.header.end.html entity.name.tag.html, meta.tag.structure.nav.start.html entity.name.tag.html, meta.tag.structure.nav.end.html entity.name.tag.html, meta.tag.structure.section.start.html entity.name.tag.html, meta.tag.structure.section.end.html entity.name.tag.html, meta.tag.structure.article.start.html entity.name.tag.html, meta.tag.structure.article.end.html entity.name.tag.html, meta.tag.structure.footer.start.html entity.name.tag.html, meta.tag.structure.footer.end.html entity.name.tag.html#DA2957
meta.tag.structure.div.start.html punctuation.definition.tag.begin.html, meta.tag.structure.div.start.html punctuation.definition.tag.end.html, meta.tag.structure.div.end.html punctuation.definition.tag.begin.html, meta.tag.structure.div.end.html punctuation.definition.tag.end.html#F0A961
meta.tag.structure.div.start.html entity.name.tag.html, meta.tag.structure.div.end.html entity.name.tag.html#FF9F68
meta.tag.metadata.style.start.html punctuation.definition.tag.begin.html, meta.tag.metadata.style.start.html punctuation.definition.tag.end.html, meta.tag.metadata.style.end.html punctuation.definition.tag.begin.html, meta.tag.metadata.style.end.html punctuation.definition.tag.end.html, meta.tag.structure.input.void.html punctuation.definition.tag.begin.html, meta.tag.structure.input.void.html punctuation.definition.tag.end.html, meta.tag.structure.textarea.start.html punctuation.definition.tag.begin.html, meta.tag.structure.textarea.start.html punctuation.definition.tag.end.html, meta.tag.structure.textarea.end.html punctuation.definition.tag.begin.html, meta.tag.structure.textarea.end.html punctuation.definition.tag.end.html, meta.tag.structure.select.start.html punctuation.definition.tag.begin.html, meta.tag.structure.select.start.html punctuation.definition.tag.end.html, meta.tag.structure.select.end.html punctuation.definition.tag.begin.html, meta.tag.structure.select.end.html punctuation.definition.tag.end.html, meta.tag.structure.option.start.html punctuation.definition.tag.begin.html, meta.tag.structure.option.start.html punctuation.definition.tag.end.html, meta.tag.structure.option.end.html punctuation.definition.tag.begin.html, meta.tag.structure.option.end.html punctuation.definition.tag.end.html, meta.tag.metadata.script.start.html punctuation.definition.tag.begin.html, meta.tag.metadata.script.start.html punctuation.definition.tag.end.html, meta.tag.metadata.script.end.html punctuation.definition.tag.begin.html, meta.tag.metadata.script.end.html punctuation.definition.tag.end.html#8DD3CE
meta.tag.metadata.style.start.html entity.name.tag.html, meta.tag.metadata.style.end.html entity.name.tag.html, meta.tag.structure.input.void.html entity.name.tag.html, meta.tag.structure.textarea.start.html entity.name.tag.html, meta.tag.structure.textarea.end.html entity.name.tag.html, meta.tag.structure.select.start.html entity.name.tag.html, meta.tag.structure.select.end.html entity.name.tag.html, meta.tag.structure.option.start.html entity.name.tag.html, meta.tag.structure.option.end.html entity.name.tag.html, meta.tag.metadata.script.start.html entity.name.tag.html, meta.tag.metadata.script.end.html entity.name.tag.html#0E988F
meta.tag.structure.button.start.html punctuation.definition.tag.begin.html, meta.tag.structure.button.start.html punctuation.definition.tag.end.html, meta.tag.structure.button.end.html punctuation.definition.tag.begin.html, meta.tag.structure.button.end.html punctuation.definition.tag.end.html#8DD3CE
meta.tag.structure.button.start.html entity.name.tag.html, meta.tag.structure.button.end.html entity.name.tag.html#0E988F
meta.tag.structure.ul.start.html punctuation.definition.tag.begin.html, meta.tag.structure.ul.start.html punctuation.definition.tag.end.html, meta.tag.structure.ul.end.html punctuation.definition.tag.begin.html, meta.tag.structure.ul.end.html punctuation.definition.tag.end.html, meta.tag.structure.ol.start.html punctuation.definition.tag.begin.html, meta.tag.structure.ol.start.html punctuation.definition.tag.end.html, meta.tag.structure.ol.end.html punctuation.definition.tag.begin.html, meta.tag.structure.ol.end.html punctuation.definition.tag.end.html, meta.tag.structure.table.start.html punctuation.definition.tag.begin.html, meta.tag.structure.table.start.html punctuation.definition.tag.end.html, meta.tag.structure.table.end.html punctuation.definition.tag.begin.html, meta.tag.structure.table.end.html punctuation.definition.tag.end.html, meta.tag.structure.form.start.html punctuation.definition.tag.begin.html, meta.tag.structure.form.start.html punctuation.definition.tag.end.html, meta.tag.structure.form.end.html punctuation.definition.tag.begin.html, meta.tag.structure.form.end.html punctuation.definition.tag.end.html#BD6E99bold
meta.tag.structure.ul.start.html entity.name.tag.html, meta.tag.structure.ul.end.html entity.name.tag.html, meta.tag.structure.ol.start.html entity.name.tag.html, meta.tag.structure.ol.end.html entity.name.tag.html, meta.tag.structure.table.start.html entity.name.tag.html, meta.tag.structure.table.end.html entity.name.tag.html, meta.tag.structure.form.start.html entity.name.tag.html, meta.tag.structure.form.end.html entity.name.tag.html#B75692bold
meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.double.html punctuation.definition.string.begin.html, meta.attribute.href.html string.quoted.double.html punctuation.definition.string.end.html#78AD92
meta.attribute.action.html string.quoted.double.html#DA2957
meta.function.lua, meta.embedded.block.pico-8-lua, support.function.any-method.lua#9E78A7
entity.name.function.lua#0E988F
meta.function.lua keyword.control.lua, keyword.control.lua, support.function.lua#DA2957
constant.numeric.integer.lua#F0A961
support.function.lua#0A3936

Shiki preview

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

Loading...