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#0A0E0E
  • activityBar.border#0A0E0E60
  • activityBar.foreground#ADE2C7
  • activityBarBadge.background#6E4CCC
  • activityBarBadge.foreground#ADE2C7
  • badge.background#0A0E0E30
  • badge.foreground#1F524A
  • breadcrumb.activeSelectionForeground#1F524A
  • breadcrumb.background#0A0E0E
  • breadcrumb.focusForeground#ADE2C7
  • breadcrumb.foreground#346B5E
  • breadcrumbPicker.background#0A0E0E
  • button.background#1F524A50
  • contrastBorder#1F524A40
  • debugToolBar.background#0A0E0E
  • diffEditor.insertedTextBackground#D2685915
  • diffEditor.removedTextBackground#9A457320
  • dropdown.background#0A0E0E
  • dropdown.border#D0EEDF10
  • dropdown.foreground#ADE2C7
  • editor.background#101616
  • editor.findMatchBackground#0A0E0E
  • editor.findMatchBorder#1F524A
  • editor.findMatchHighlightBackground#1F524A93
  • editor.findMatchHighlightBorder#D0EEDF30
  • editor.foreground#ADE2C7
  • editor.lineHighlightBackground#0A0E0E50
  • editor.selectionBackground#5E9C8530
  • editor.selectionHighlightBackground#1F524A6b
  • editor.selectionHighlightBorder#5E9C85f0
  • editorBracketHighlight.foreground1#61C2BB
  • editorBracketHighlight.foreground2#98B874
  • editorBracketHighlight.foreground3#ECD363
  • editorBracketHighlight.foreground4#E89848
  • editorBracketHighlight.foreground5#9A4573
  • editorBracketHighlight.foreground6#9E78A7
  • editorBracketHighlight.unexpectedBracket.foreground#D2503E
  • editorBracketMatch.background#0A0E0E
  • editorBracketMatch.border#E898487f
  • editorCodeLens.foreground#1F524A
  • editorCursor.foreground#E89848
  • editorError.foreground#9A457370
  • editorGroup.border#0A0E0E30
  • editorGroupHeader.tabsBackground#0A0E0E
  • editorGutter.addedBackground#6E4CCC80
  • editorGutter.deletedBackground#9A457360
  • editorGutter.modifiedBackground#5E9C8560
  • editorHoverWidget.background#0A0E0E
  • editorHoverWidget.border#D0EEDF10
  • editorIndentGuide.activeBackground1#0A3936
  • editorIndentGuide.background1#0A393670
  • editorInfo.foreground#5E9C8570
  • editorLineNumber.activeForeground#5E9C85
  • editorLineNumber.foreground#1F524Ac0
  • editorLink.activeForeground#ADE2C7
  • editorMarkerNavigation.background#ADE2C705
  • editorOverviewRuler.border#0A0E0E
  • editorOverviewRuler.errorForeground#9A457340
  • editorOverviewRuler.findMatchForeground#1F524A60
  • editorOverviewRuler.infoForeground#5E9C8540
  • editorOverviewRuler.warningForeground#E8984870
  • editorRuler.foreground#0A3936
  • editorSuggestWidget.background#0A0E0E
  • editorSuggestWidget.border#D0EEDF10
  • editorSuggestWidget.foreground#ADE2C7
  • editorSuggestWidget.highlightForeground#E89848
  • editorSuggestWidget.selectedBackground#1F524A20
  • editorWarning.foreground#D26859
  • editorWhitespace.foreground#ADE2C740
  • editorWidget.background#0A0E0E
  • editorWidget.border#E89848
  • editorWidget.resizeBorder#1F524A
  • extensionButton.prominentBackground#D2685990
  • extensionButton.prominentHoverBackground#9A4573
  • focusBorder#D0EEDF00
  • gitDecoration.addedResourceForeground#6E4CCC
  • gitDecoration.conflictingResourceForeground#E89848
  • gitDecoration.deletedResourceForeground#9A4573
  • gitDecoration.ignoredResourceForeground#1F524A
  • gitDecoration.modifiedResourceForeground#346B5E
  • gitDecoration.untrackedResourceForeground#5E9C85
  • input.background#082422
  • input.border#D0EEDF10
  • input.foreground#ADE2C7
  • input.placeholderForeground#ADE2C760
  • inputOption.activeBackground#ADE2C730
  • inputOption.activeBorder#ADE2C730
  • inputValidation.errorBorder#9A457350
  • inputValidation.infoBorder#5E9C8550
  • inputValidation.warningBorder#E8984850
  • list.activeSelectionBackground#0A0E0E
  • list.activeSelectionForeground#6E4CCC
  • list.focusBackground#082422
  • list.focusForeground#5E9C85
  • list.highlightForeground#1F524A
  • list.hoverBackground#0A3936
  • list.hoverForeground#D0EEDF
  • list.inactiveSelectionBackground#0A0E0E80
  • list.inactiveSelectionForeground#6E4CCC
  • list.warningForeground#E89848
  • listFilterWidget.background#0A0E0E30
  • listFilterWidget.noMatchesOutline#0A0E0E30
  • listFilterWidget.outline#0A0E0E30
  • menu.background#0A0E0Ef8
  • menu.border#1F524A50
  • menu.foreground#ADE2C7
  • menu.selectionBackground#082422
  • menu.selectionBorder#0A0E0E30
  • menu.selectionForeground#ADE2C7
  • menu.separatorBackground#ADE2C7
  • menubar.selectionBackground#082422
  • menubar.selectionBorder#1F524A50
  • menubar.selectionForeground#ADE2C7
  • minimap.background#0A0E0E70
  • minimapGutter.addedBackground#6E4CCC
  • minimapGutter.deletedBackground#D2503E
  • minimapGutter.modifiedBackground#5E9C85
  • minimapSlider.activeBackground#5E9C85b0
  • minimapSlider.background#6E4CCC80
  • minimapSlider.hoverBackground#6E4CCCa0
  • notificationLink.foreground#1F524A
  • notifications.background#0A0E0E
  • notifications.foreground#ADE2C7
  • panel.background#0A0E0E
  • panel.border#0A0E0E60
  • panelTitle.activeBorder#1F524A
  • panelTitle.activeForeground#D0EEDF
  • panelTitle.inactiveForeground#ADE2C7
  • 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#ADE2C760
  • pickerGroup.foreground#1F524A
  • progressBar.background#1F524A
  • scrollbar.shadow#0A0E0E00
  • scrollbarSlider.activeBackground#1F524Acc
  • scrollbarSlider.background#1F524Abb
  • scrollbarSlider.hoverBackground#1F524Aee
  • selection.background#1F524A
  • settings.checkboxBackground#0A0E0E
  • settings.checkboxForeground#ADE2C7
  • settings.dropdownBackground#0A0E0E
  • settings.dropdownForeground#ADE2C7
  • settings.headerForeground#1F524A
  • settings.modifiedItemIndicator#1F524A
  • settings.numberInputBackground#0A0E0E
  • settings.numberInputForeground#ADE2C7
  • settings.textInputBackground#0A0E0E
  • settings.textInputForeground#ADE2C7
  • sideBar.background#0c1111
  • sideBar.border#1F524A50
  • sideBar.foreground#5E9C85
  • sideBarSectionHeader.background#0A0E0E
  • sideBarSectionHeader.border#0A0E0E60
  • sideBarSectionHeader.foreground#5E9C85
  • sideBarTitle.foreground#ADE2C7
  • statusBar.background#0A3936
  • statusBar.border#0A0E0E60
  • statusBar.debuggingBackground#E89848
  • statusBar.debuggingForeground#D0EEDF
  • statusBar.foreground#ADE2C7
  • statusBar.noFolderBackground#0A0E0E
  • statusBarItem.hoverBackground#1F524A20
  • statusBarItem.remoteBackground#1F524A
  • statusBarItem.remoteForeground#0A0E0E
  • tab.activeBackground#1F524A50
  • tab.activeBorder#1F524A
  • tab.activeForeground#D0EEDF
  • tab.activeModifiedBorder#1F524A
  • tab.border#0A0E0E
  • tab.inactiveBackground#1F524A20
  • tab.inactiveForeground#ADE2C7af
  • tab.unfocusedActiveBackground#1F524A40
  • tab.unfocusedActiveBorder#1F524A
  • tab.unfocusedActiveForeground#ADE2C7
  • tab.unfocusedInactiveBackground#1F524A10
  • tab.unfocusedInactiveForeground#ADE2C77f
  • terminal.ansiBlack#0A0E0E
  • terminal.ansiBlue#5E9C85
  • terminal.ansiBrightBlack#1F524A
  • terminal.ansiBrightBlue#61C2BB
  • terminal.ansiBrightCyan#5CA8CC
  • terminal.ansiBrightGreen#ADE2C7
  • terminal.ansiBrightMagenta#9A4573
  • terminal.ansiBrightRed#D2503E
  • terminal.ansiBrightWhite#D0EEDF
  • terminal.ansiBrightYellow#E89848
  • terminal.ansiCyan#61C2BB
  • terminal.ansiGreen#5E9C85
  • terminal.ansiMagenta#E89848
  • terminal.ansiRed#9A4573
  • terminal.ansiWhite#D0EEDF
  • terminal.ansiYellow#E89848
  • terminalCursor.background#0A0E0E
  • terminalCursor.foreground#E89848
  • textLink.activeForeground#ADE2C7
  • textLink.foreground#6E4CCC
  • titleBar.activeBackground#0A0E0E
  • titleBar.activeForeground#ADE2C7
  • titleBar.border#0A0E0E60
  • titleBar.inactiveBackground#0A0E0E
  • 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#ADE2C7
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#E89848
support.type#9A4573
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#61C2BB
entity.other.inherited-class.python, constant.other.caps.python#5E9C85
meta.indexed-name.python, meta.bracket.square.access variable.other.object, variable.other.global.cpp#A1C181
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#D2503E
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#E89848
storage.modifier, support.function.builtin.python#F0A961
variable.parameter.function.language.special.self.python, variable.language.special.self.python#ECD363
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
invalid, invalid.illegal#9A4573
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#ADE2C7
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#61C2BB
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#9A4573
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.constant.property-value.css, support.constant.font-name.css#ADE2C7
entity.name.tag.html#7160C4bold
variable.parameter.js, variable.parameter.keyframe-list.css#E89848
variable.other.object.js, variable.other.readwrite.js, variable.other.property.js#ADE2C7
string, string.quoted.double.html, string.quoted.double.json#5E9C85
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#A1C181
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9385D9
support.other.variable, string.other.link, markup.table#ADE2C7
constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other#E89848
variable.parameter.function.language.special, variable.parameter#9A4573
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#5E9C85
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#9A4573
entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#5E9C85italic
entity.other.attribute-name#E89848
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#5E9C85
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#FFBE7D
entity.other.attribute-name.class, meta.attribute.class.html string.quoted.single.html, meta.attribute.class.html string.quoted.double.html#FF8473
markup.inserted#D26859
markup.deleted#9A4573
markup.changed#E89848
string.regexp#ADE2C7
constant.character.escape#ADE2C7
*url*, *link*, *uri*underline
source.js constant.other.object.key.js string.unquoted.label.js#ADE2C7italic
support.type.property-name.json#ADE2C7
text.html.markdown, punctuation.definition.list_item.markdown#ADE2C7
text.html.markdown markup.inline.raw.markdown, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#E89848
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#346B5Ebold
markup.underline#5E9C85underline
markup.strike, markup.strikethrough.markdown#648181italic strikethrough
punctuation.definition.strikethrough.markdown
markup.bold, markup.bold.markdown#D2503Ebold
markup.italic.markdown#A1C181italic
markup.italic.markdown markup.bold.markdown#6E4CCCbold italic
heading.1.markdown entity.name.section.markdown, heading.4.markdown entity.name.section.markdown, markup.heading.setext.1.markdown#9385D9
heading.2.markdown entity.name.section.markdown, heading.5.markdown entity.name.section.markdown, markup.heading.setext.2.markdown, string.other.link.description.markdown#FF8473
string.other.link.title.markdown, heading.3.markdown entity.name.section.markdown, heading.6.markdown entity.name.section.markdown#FFBE7D
markup.quote punctuation.definition.blockquote.markdown#1F524A50
markup.quote#9E78A7italic
string.other.link.description.title.markdown#E89848
constant.other.reference.link.markdown#E89848
markup.raw.block#E89848
punctuation.definition.raw.markdown, punctuation.definition.markdown#ADE2C7
variable.language.fenced.markdown#1F524A
meta.separator#E89848bold
token.info-token#1F524A
token.warn-token#E89848
token.error-token#FF293B
token.debug-token#ADE2C7
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#FF8473
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#D2503E
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#FF8473
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#D2503E
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#E89848
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#61C2BB
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#61C2BB
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#9A4573bold
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#D2503E
meta.function.lua, meta.embedded.block.pico-8-lua, support.function.any-method.lua#9E78A7
entity.name.function.lua#61C2BB
meta.function.lua keyword.control.lua, keyword.control.lua, support.function.lua#D2503E
constant.numeric.integer.lua#F0A961
support.function.lua#A1C181

Shiki preview

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

Loading...

Nightshade Collection - Coding Theme