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#171717
  • activityBar.dropBorder#37373799
  • activityBar.foreground#896bf2
  • activityBar.inactiveForeground#878787
  • activityBarBadge.background#755ade
  • activityBarBadge.foreground#ffdaff
  • activityBarTop.activeBorder#755ade
  • activityBarTop.dropBorder#37373799
  • activityBarTop.foreground#896bf2
  • activityBarTop.inactiveForeground#878787
  • badge.background#755ade
  • badge.foreground#ffdaff
  • breadcrumb.focusForeground#9475fd
  • button.background#755ade
  • button.border#00000000
  • button.foreground#ffdaff
  • button.hoverBackground#674fd1
  • button.secondaryBackground#474747
  • button.secondaryForeground#a7a7a7
  • contrastActiveBorder#00000000
  • contrastBorder#272727
  • debugToolBar.background#272727
  • dropdown.foreground#979797
  • dropdown.listBackground#272727
  • editor.background#171717
  • editor.foreground#979797
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9797974d
  • editor.selectionHighlightBackground#97979733
  • editor.wordHighlightStrongBackground#9797974d
  • editorCursor.foreground#979797
  • editorGroup.dropBackground#3737375c
  • editorGroupHeader.tabsBackground#171717
  • editorGroupHeader.tabsBorder#272727
  • editorLineNumber.activeForeground#878787
  • editorLineNumber.foreground#474747
  • editorSuggestWidget.focusHighlightForeground#9979ff
  • editorSuggestWidget.highlightForeground#755ade
  • editorSuggestWidget.selectedForeground#b7b7b7
  • editorWidget.background#272727
  • editorWidget.border#373737
  • focusBorder#00000000
  • foreground#979797
  • icon.foreground#979797
  • input.background#373737
  • input.foreground#a7a7a7
  • input.placeholderForeground#878787
  • inputOption.activeBackground#755ade
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffdaff
  • inputOption.hoverBackground#575757
  • keybindingLabel.background#373737
  • keybindingLabel.border#00000000
  • keybindingLabel.bottomBorder#00000000
  • keybindingLabel.foreground#979797
  • list.activeSelectionBackground#373737
  • list.activeSelectionForeground#979797
  • list.dropBackground#37373799
  • list.dropBetweenBackground#474747
  • list.hoverBackground#37373799
  • list.inactiveSelectionBackground#37373799
  • menu.background#272727
  • menu.border#373737
  • menu.foreground#979797
  • menu.selectionBackground#373737
  • menu.separatorBackground#373737
  • notifications.background#272727
  • panel.background#171717
  • panel.border#272727
  • panel.dropBorder#474747
  • panelTitle.activeBorder#896bf2
  • panelTitle.activeForeground#896bf2
  • panelTitle.inactiveForeground#979797
  • peekView.border#373737
  • peekViewEditor.background#272727
  • peekViewResult.background#272727
  • peekViewResult.fileForeground#979797
  • peekViewResult.selectionBackground#373737
  • peekViewResult.selectionForeground#979797
  • peekViewTitle.background#272727
  • peekViewTitleLabel.foreground#755ade
  • progressBar.background#755ade
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#474747
  • scrollbarSlider.background#373737
  • scrollbarSlider.hoverBackground#474747
  • selection.background#575757
  • settings.checkboxBackground#373737
  • settings.dropdownBackground#373737
  • settings.dropdownBorder#373737
  • settings.focusedRowBackground#272727
  • settings.headerForeground#a7a7a7
  • settings.rowHoverBackground#27272799
  • sideBar.background#171717
  • sideBarActivityBarTop.border#272727
  • sideBarSectionHeader.background#272727
  • sideBarSectionHeader.border#373737
  • statusBar.background#171717
  • statusBar.debuggingBackground#171717
  • statusBar.debuggingForeground#979797
  • statusBar.focusBorder#272727
  • statusBar.foreground#979797
  • statusBar.noFolderBackground#171717
  • statusBar.noFolderForeground#979797
  • statusBarItem.hoverBackground#37373799
  • statusBarItem.prominentBackground#37373799
  • statusBarItem.remoteHoverBackground#6a51d4
  • statusBarItem.remoteHoverForeground#ffdaff
  • tab.activeBackground#755ade14
  • tab.activeBorderTop#755ade
  • tab.activeForeground#979797
  • tab.border#272727
  • tab.dragAndDropBorder#474747
  • tab.inactiveBackground#00000000
  • tab.inactiveForeground#878787
  • terminal.foreground#979797
  • titleBar.activeBackground#171717
  • titleBar.activeForeground#979797
  • titleBar.border#272727
  • toolbar.hoverBackground#37373799
  • widget.border#373737
  • widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, variable.other.link.underline.jsdoc#4e4e4e
string, meta.embedded.assembly, constant.other.color.rgb-value, support.constant.font-name, variable.parameter.url, source.python string.quoted.docstring.multi.python keyword.control.flow.python, meta.attribute-selector.scss, meta.at-rule.include.scss support.constant.mathematical-symbols.scss, meta.at-rule.include.scss keyword.operator.scss, meta.at-rule.include.scss, meta.at-rule.each.scss, meta.at-rule.each.scss keyword.operator.css, meta.at-rule.each.scss support.constant.mathematical-symbols.scss, meta.property-name.scss, source.rust entity.name.type.primitive.rust#009986
keyword - keyword.operator, keyword.control, storage, storage.type, source.c keyword.other.typedef.c, source.cpp keyword.other.using.directive.cpp, source.cpp keyword.other.typedef.cpp, source.cpp keyword.operator.sizeof.cpp, keyword.operator.logical.and.media, keyword.other.important, keyword.other.important punctuation.separator, keyword.operator.gradient, invalid.deprecated.function, source.go keyword, source.go keyword, constant.language, keyword.operator.expression, keyword.operator.new, meta.class meta.method.declaration entity.name.type.module, meta.class meta.method.declaration support.type.builtin, entity.name.label, keyword.operator.logic.media.less, text.html.markdown constant.character.escape.markdown, text.html.markdown punctuation.definition.math, source.python keyword.operator.logical, meta.at-rule.mixin.scss, meta.at-rule.if.scss, keyword.other.default.scss#b873a9
constant.numeric, source.cpp keyword.other.unit, constant.language.infinity, constant.language.nan, text.html.markdown punctuation.definition.list.begin.markdown, text.html.markdown constant.other.reference.link.markdown, meta.at-rule.keyframes.scss entity.other.attribute-name.scss, support.constant.vendored.property-value.scss, source.rust entity.name.type.numeric.rust#59978a
entity.name.function, support.function, meta.function.gradient.invalid.deprecated.gradient, source.python meta.function-call.generic.python#837ce6
variable, entity.name.variable, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.placeholder, entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, support.type.object.module, text.html.markdown punctuation.definition.raw.markdown, text.html.markdown markup.inline.raw.string.markdown, source.python support.variable.magic.python, source.python meta.indexed-name.python, source.css.scss entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css#9f77c3
punctuation, meta.brace, keyword.operator, storage.type.function.arrow, constant.language.import-export-all, entity.name.function.operator.member.cpp, entity.name.function.operator.cpp, source.cpp storage.modifier.reference.cpp, source.cpp storage.modifier.pointer.cpp, punctuation.definition.entity.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, entity.other.attribute-name.attribute.css, variable.parameter.misc.css, entity.other.attribute-name, invalid.illegal.character-not-allowed-here.html, invalid.deprecated.entity.other.attribute-name.html, punctuation.definition.entity.less, source.python constant.other.ellipsis.python, source.python constant.character.format.placeholder.other.python, entity.name.tag.reference.scss, meta.property-list.scss#6e6e6e
source.c, source.cpp, source.css, source.go, text.html.derivative, meta.jsx.children, source.css.less, text.html.markdown, meta.paragraph.markdown, source.python, source.css.scss, source.rust#7e7e7e
source.c keyword.operator.sizeof.c, source.c storage.type.class.doxygen.c, support.constant.media, variable.parameter.keyframe-list, storage.type.class.jsdoc, support.constant.media.less, text.html.markdown punctuation.definition.markdown, text.html.markdown fenced_code.block.language.markdown, text.html.markdown fenced_code.block.language, meta.at-rule.extend.scss, source.rust entity.name.namespace.rust#b87b4c
source.c constant.character.escape.line-continuation.c, meta.at-rule.keyframes.body, meta.attribute-selector entity.other.attribute-name, punctuation.definition.entity, constant.character.entity, text.html.markdown meta.separator.markdown, source.python constant.character.escape.python#769938
source.c meta.parens.block.c, source.cpp keyword.operator.cast, meta.at-rule.header, meta.at-rule.import, meta.at-rule.else, text.html.markdown markup.underline.link.markdown, text.html.markdown markup.underline.link.image.markdown#2b95a3
support.type.property-name, support.type.property-name.media, meta.at-rule.media.header, meta.property-name, variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, support.type.property-name.json, text.html.markdown punctuation.definition.quote.begin.markdown, text.html.markdown markup.quote.markdown meta.paragraph.markdown, source.python meta.attribute.python, meta.at-rule.media.scss, meta.definition.variable.scss, source.rust meta.function.call.rust#5e96be
support.constant.color.w3c-standard-color-name.css, support.constant.property-value, meta.property-value, source.go variable.parameter.go, variable.other.jsdoc, support.constant.color.w3c-special-color-keyword.less#b09050
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, source.go storage.type, source.go entity.name.type.any.go, entity.name.type.instance.jsdoc, support.constant.mathematical-symbols.scss, meta.property-value.scss, support.type.builtin.ts, support.type.primitive.ts, support.type.ts, meta.type.annotation.ts, meta.type.parameters.ts, meta.return.type.ts, meta.type.function.return.ts, entity.name.type.ts, entity.name.type.alias.ts, entity.name.type.module.ts, support.type.builtin.tsx, support.type.primitive.tsx, meta.type.parameters.tsx, entity.name.type.tsx, entity.other.inherited-class.tsx, entity.name.type.module.tsx, source.rust entity.name.type.rust#b5797d
support.constant.parity, text.html.markdown meta.embedded.math.markdown, source.python support.type.metaclass.python, support.class.ts, entity.other.inherited-class.ts, entity.name.type.class.ts, entity.name.type.class.tsx, entity.other.inherited-class.tsx, source.rust constant.other.caps.rust, support.class.dart#368ce1
variable.argument.css, variable.css, source.go entity.name.type.go, support.other.variable.less, text.html.markdown punctuation.definition.link.description, text.html.markdown punctuation.definition.metadata.markdown, text.html.markdown punctuation.definition.link.title, text.html.markdown meta.link.reference.def.markdown punctuation.definition.constant.markdown, text.html.markdown punctuation.definition.link.markdown, text.html.markdown punctuation.definition.constant, variable.scss#639968
source.go entity.name.type.package.go, text.html.derivative meta.tag, entity.name.tag, source.rust entity.name.type.lifetime.rust#ce6880
support.class.component#0094c0
text.html.markdown punctuation.definition.heading.markdown, text.html.markdown entity.name.section.markdown#837ce6bold
text.html.markdown punctuation.definition.bold.markdown, text.html.markdown markup.bold.markdown#b09050bold
text.html.markdown punctuation.definition.italic.markdown, text.html.markdown markup.italic.markdown#b5797ditalic
text.html.markdown punctuation.definition.strikethrough.markdown, text.html.markdown markup.strikethrough.markdown#5e5e5estrikethrough
text.html.markdown punctuation.separator.table.markdown, text.html.markdown punctuation.definition.table.markdown, support.class.component.vue#50a178
source.dart#818281
comment, punctuation.definition.comment, variable.other.link.underline.jsdoc#4e4e4e
string, meta.embedded.assembly, constant.other.color.rgb-value, support.constant.font-name, variable.parameter.url, source.python string.quoted.docstring.multi.python keyword.control.flow.python, meta.attribute-selector.scss, meta.at-rule.include.scss support.constant.mathematical-symbols.scss, meta.at-rule.include.scss keyword.operator.scss, meta.at-rule.include.scss, meta.at-rule.each.scss, meta.at-rule.each.scss keyword.operator.css, meta.at-rule.each.scss support.constant.mathematical-symbols.scss, meta.property-name.scss, source.rust entity.name.type.primitive.rust#009986
keyword - keyword.operator, keyword.control, storage, storage.type, source.c keyword.other.typedef.c, source.cpp keyword.other.using.directive.cpp, source.cpp keyword.other.typedef.cpp, source.cpp keyword.operator.sizeof.cpp, keyword.operator.logical.and.media, keyword.other.important, keyword.other.important punctuation.separator, keyword.operator.gradient, invalid.deprecated.function, source.go keyword, source.go keyword, constant.language, keyword.operator.expression, keyword.operator.new, meta.class meta.method.declaration entity.name.type.module, meta.class meta.method.declaration support.type.builtin, entity.name.label, keyword.operator.logic.media.less, text.html.markdown constant.character.escape.markdown, text.html.markdown punctuation.definition.math, source.python keyword.operator.logical, meta.at-rule.mixin.scss, meta.at-rule.if.scss, keyword.other.default.scss#b873a9
constant.numeric, source.cpp keyword.other.unit, constant.language.infinity, constant.language.nan, text.html.markdown punctuation.definition.list.begin.markdown, text.html.markdown constant.other.reference.link.markdown, meta.at-rule.keyframes.scss entity.other.attribute-name.scss, support.constant.vendored.property-value.scss, source.rust entity.name.type.numeric.rust#59978a
entity.name.function, support.function, meta.function.gradient.invalid.deprecated.gradient, source.python meta.function-call.generic.python#837ce6
variable, entity.name.variable, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.placeholder, entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, support.type.object.module, text.html.markdown punctuation.definition.raw.markdown, text.html.markdown markup.inline.raw.string.markdown, source.python support.variable.magic.python, source.python meta.indexed-name.python, source.css.scss entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css#9f77c3
punctuation, meta.brace, keyword.operator, storage.type.function.arrow, constant.language.import-export-all, entity.name.function.operator.member.cpp, entity.name.function.operator.cpp, source.cpp storage.modifier.reference.cpp, source.cpp storage.modifier.pointer.cpp, punctuation.definition.entity.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, entity.other.attribute-name.attribute.css, variable.parameter.misc.css, entity.other.attribute-name, invalid.illegal.character-not-allowed-here.html, invalid.deprecated.entity.other.attribute-name.html, punctuation.definition.entity.less, source.python constant.other.ellipsis.python, source.python constant.character.format.placeholder.other.python, entity.name.tag.reference.scss, meta.property-list.scss#6e6e6e
source.c, source.cpp, source.css, source.go, text.html.derivative, meta.jsx.children, source.css.less, text.html.markdown, meta.paragraph.markdown, source.python, source.css.scss, source.rust#7e7e7e
source.c keyword.operator.sizeof.c, source.c storage.type.class.doxygen.c, support.constant.media, variable.parameter.keyframe-list, storage.type.class.jsdoc, support.constant.media.less, text.html.markdown punctuation.definition.markdown, text.html.markdown fenced_code.block.language.markdown, text.html.markdown fenced_code.block.language, meta.at-rule.extend.scss, source.rust entity.name.namespace.rust#b87b4c
source.c constant.character.escape.line-continuation.c, meta.at-rule.keyframes.body, meta.attribute-selector entity.other.attribute-name, punctuation.definition.entity, constant.character.entity, text.html.markdown meta.separator.markdown, source.python constant.character.escape.python#769938
source.c meta.parens.block.c, source.cpp keyword.operator.cast, meta.at-rule.header, meta.at-rule.import, meta.at-rule.else, text.html.markdown markup.underline.link.markdown, text.html.markdown markup.underline.link.image.markdown#2b95a3
support.type.property-name, support.type.property-name.media, meta.at-rule.media.header, meta.property-name, variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, support.type.property-name.json, text.html.markdown punctuation.definition.quote.begin.markdown, text.html.markdown markup.quote.markdown meta.paragraph.markdown, source.python meta.attribute.python, meta.at-rule.media.scss, meta.definition.variable.scss, source.rust meta.function.call.rust#5e96be
support.constant.color.w3c-standard-color-name.css, support.constant.property-value, meta.property-value, source.go variable.parameter.go, variable.other.jsdoc, support.constant.color.w3c-special-color-keyword.less#b09050
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, source.go storage.type, source.go entity.name.type.any.go, entity.name.type.instance.jsdoc, support.constant.mathematical-symbols.scss, meta.property-value.scss, support.type.builtin.ts, support.type.primitive.ts, support.type.ts, meta.type.annotation.ts, meta.type.parameters.ts, meta.return.type.ts, meta.type.function.return.ts, entity.name.type.ts, entity.name.type.alias.ts, entity.name.type.module.ts, support.type.builtin.tsx, support.type.primitive.tsx, meta.type.parameters.tsx, entity.name.type.tsx, entity.other.inherited-class.tsx, entity.name.type.module.tsx, source.rust entity.name.type.rust#b5797d
support.constant.parity, text.html.markdown meta.embedded.math.markdown, source.python support.type.metaclass.python, support.class.ts, entity.other.inherited-class.ts, entity.name.type.class.ts, entity.name.type.class.tsx, entity.other.inherited-class.tsx, source.rust constant.other.caps.rust, support.class.dart#368ce1
variable.argument.css, variable.css, source.go entity.name.type.go, support.other.variable.less, text.html.markdown punctuation.definition.link.description, text.html.markdown punctuation.definition.metadata.markdown, text.html.markdown punctuation.definition.link.title, text.html.markdown meta.link.reference.def.markdown punctuation.definition.constant.markdown, text.html.markdown punctuation.definition.link.markdown, text.html.markdown punctuation.definition.constant, variable.scss#639968
source.go entity.name.type.package.go, text.html.derivative meta.tag, entity.name.tag, source.rust entity.name.type.lifetime.rust#ce6880
support.class.component#0094c0
text.html.markdown punctuation.definition.heading.markdown, text.html.markdown entity.name.section.markdown#837ce6bold
text.html.markdown punctuation.definition.bold.markdown, text.html.markdown markup.bold.markdown#b09050bold
text.html.markdown punctuation.definition.italic.markdown, text.html.markdown markup.italic.markdown#b5797ditalic
text.html.markdown punctuation.definition.strikethrough.markdown, text.html.markdown markup.strikethrough.markdown#5e5e5estrikethrough
text.html.markdown punctuation.separator.table.markdown, text.html.markdown punctuation.definition.table.markdown, support.class.component.vue#50a178
source.dart#818281
comment, punctuation.definition.comment, variable.other.link.underline.jsdoc#575757
string, meta.embedded.assembly, constant.other.color.rgb-value, support.constant.font-name, variable.parameter.url, source.python string.quoted.docstring.multi.python keyword.control.flow.python, meta.attribute-selector.scss, meta.at-rule.include.scss support.constant.mathematical-symbols.scss, meta.at-rule.include.scss keyword.operator.scss, meta.at-rule.include.scss, meta.at-rule.each.scss, meta.at-rule.each.scss keyword.operator.css, meta.at-rule.each.scss support.constant.mathematical-symbols.scss, meta.property-name.scss, source.rust entity.name.type.primitive.rust#1aa38f
keyword - keyword.operator, keyword.control, storage, storage.type, source.c keyword.other.typedef.c, source.cpp keyword.other.using.directive.cpp, source.cpp keyword.other.typedef.cpp, source.cpp keyword.operator.sizeof.cpp, keyword.operator.logical.and.media, keyword.other.important, keyword.other.important punctuation.separator, keyword.operator.gradient, invalid.deprecated.function, source.go keyword, source.go keyword, constant.language, keyword.operator.expression, keyword.operator.new, meta.class meta.method.declaration entity.name.type.module, meta.class meta.method.declaration support.type.builtin, entity.name.label, keyword.operator.logic.media.less, text.html.markdown constant.character.escape.markdown, text.html.markdown punctuation.definition.math, source.python keyword.operator.logical, meta.at-rule.mixin.scss, meta.at-rule.if.scss, keyword.other.default.scss#c27cb3
constant.numeric, source.cpp keyword.other.unit, constant.language.infinity, constant.language.nan, text.html.markdown punctuation.definition.list.begin.markdown, text.html.markdown constant.other.reference.link.markdown, meta.at-rule.keyframes.scss entity.other.attribute-name.scss, support.constant.vendored.property-value.scss, source.rust entity.name.type.numeric.rust#62a193
entity.name.function, support.function, meta.function.gradient.invalid.deprecated.gradient, source.python meta.function-call.generic.python#8d85f0
variable, entity.name.variable, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.placeholder, entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, support.type.object.module, text.html.markdown punctuation.definition.raw.markdown, text.html.markdown markup.inline.raw.string.markdown, source.python support.variable.magic.python, source.python meta.indexed-name.python, source.css.scss entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css#a980cd
punctuation, meta.brace, keyword.operator, storage.type.function.arrow, constant.language.import-export-all, entity.name.function.operator.member.cpp, entity.name.function.operator.cpp, source.cpp storage.modifier.reference.cpp, source.cpp storage.modifier.pointer.cpp, punctuation.definition.entity.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, entity.other.attribute-name.attribute.css, variable.parameter.misc.css, entity.other.attribute-name, invalid.illegal.character-not-allowed-here.html, invalid.deprecated.entity.other.attribute-name.html, punctuation.definition.entity.less, source.python constant.other.ellipsis.python, source.python constant.character.format.placeholder.other.python, entity.name.tag.reference.scss, meta.property-list.scss#777777
source.c, source.cpp, source.css, source.go, text.html.derivative, meta.jsx.children, source.css.less, text.html.markdown, meta.paragraph.markdown, source.python, source.css.scss, source.rust#878787
source.c keyword.operator.sizeof.c, source.c storage.type.class.doxygen.c, support.constant.media, variable.parameter.keyframe-list, storage.type.class.jsdoc, support.constant.media.less, text.html.markdown punctuation.definition.markdown, text.html.markdown fenced_code.block.language.markdown, text.html.markdown fenced_code.block.language, meta.at-rule.extend.scss, source.rust entity.name.namespace.rust#c28455
source.c constant.character.escape.line-continuation.c, meta.at-rule.keyframes.body, meta.attribute-selector entity.other.attribute-name, punctuation.definition.entity, constant.character.entity, text.html.markdown meta.separator.markdown, source.python constant.character.escape.python#80a341
source.c meta.parens.block.c, source.cpp keyword.operator.cast, meta.at-rule.header, meta.at-rule.import, meta.at-rule.else, text.html.markdown markup.underline.link.markdown, text.html.markdown markup.underline.link.image.markdown#389fad
support.type.property-name, support.type.property-name.media, meta.at-rule.media.header, meta.property-name, variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, support.type.property-name.json, text.html.markdown punctuation.definition.quote.begin.markdown, text.html.markdown markup.quote.markdown meta.paragraph.markdown, source.python meta.attribute.python, meta.at-rule.media.scss, meta.definition.variable.scss, source.rust meta.function.call.rust#689fc8
support.constant.color.w3c-standard-color-name.css, support.constant.property-value, meta.property-value, source.go variable.parameter.go, variable.other.jsdoc, support.constant.color.w3c-special-color-keyword.less#ba9959
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, source.go storage.type, source.go entity.name.type.any.go, entity.name.type.instance.jsdoc, support.constant.mathematical-symbols.scss, meta.property-value.scss, support.type.builtin.ts, support.type.primitive.ts, support.type.ts, meta.type.annotation.ts, meta.type.parameters.ts, meta.return.type.ts, meta.type.function.return.ts, entity.name.type.ts, entity.name.type.alias.ts, entity.name.type.module.ts, support.type.builtin.tsx, support.type.primitive.tsx, meta.type.parameters.tsx, entity.name.type.tsx, entity.other.inherited-class.tsx, entity.name.type.module.tsx, source.rust entity.name.type.rust#bf8286
support.constant.parity, text.html.markdown meta.embedded.math.markdown, source.python support.type.metaclass.python, support.class.ts, entity.other.inherited-class.ts, entity.name.type.class.ts, entity.name.type.class.tsx, entity.other.inherited-class.tsx, source.rust constant.other.caps.rust, support.class.dart#4495eb
variable.argument.css, variable.css, source.go entity.name.type.go, support.other.variable.less, text.html.markdown punctuation.definition.link.description, text.html.markdown punctuation.definition.metadata.markdown, text.html.markdown punctuation.definition.link.title, text.html.markdown meta.link.reference.def.markdown punctuation.definition.constant.markdown, text.html.markdown punctuation.definition.link.markdown, text.html.markdown punctuation.definition.constant, variable.scss#6ca371
source.go entity.name.type.package.go, text.html.derivative meta.tag, entity.name.tag, source.rust entity.name.type.lifetime.rust#d97189
support.class.component#149eca
text.html.markdown punctuation.definition.heading.markdown, text.html.markdown entity.name.section.markdown#8d85f0bold
text.html.markdown punctuation.definition.bold.markdown, text.html.markdown markup.bold.markdown#ba9959bold
text.html.markdown punctuation.definition.italic.markdown, text.html.markdown markup.italic.markdown#bf8286italic
text.html.markdown punctuation.definition.strikethrough.markdown, text.html.markdown markup.strikethrough.markdown#676767strikethrough
text.html.markdown punctuation.separator.table.markdown, text.html.markdown punctuation.definition.table.markdown, support.class.component.vue#5aab81
source.dart#8a8b8a

Shiki preview

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

Loading...

Shimmer Theme - Coding Theme