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#ab9bab80
  • activityBar.border#ab9bab40
  • activityBar.dropBackground#d8cad8E6
  • activityBar.foreground#695d69
  • activityBarBadge.background#516aec
  • activityBarBadge.foreground#f7f3f7
  • badge.background#516aec
  • badge.foreground#f7f3f7
  • breadcrumbPicker.background#d8cad8F2
  • button.background#516aec
  • button.foreground#f7f3f7
  • button.hoverBackground#516aec80
  • debugExceptionWidget.background#d8cad8
  • debugExceptionWidget.border#d8cad880
  • debugToolBar.background#f7f3f7
  • descriptionForeground#292329
  • diffEditor.insertedTextBackground#918b3b23
  • diffEditor.insertedTextBorder#918b3b33
  • diffEditor.removedTextBackground#918b3b33
  • diffEditor.removedTextBorder#918b3b4D
  • dropdown.background#f7f3f7
  • dropdown.border#15939399
  • dropdown.foreground#292329
  • editor.background#f7f3f7
  • editor.findMatchBackground#ab9bab40
  • editor.findMatchHighlightBackground#9e8f9e40
  • editor.foreground#695d69
  • editor.hoverHighlightBackground#ab9bab64
  • editor.inactiveSelectionBackground#695d698C
  • editor.lineHighlightBackground#d8cad8
  • editor.rangeHighlightBackground#d8cad8
  • editor.selectionBackground#d8cad8E6
  • editor.selectionHighlightBackground#d8cad88C
  • editor.wordHighlightBackground#d8cad8A6
  • editor.wordHighlightStrongBackground#d8cad88C
  • editorBracketMatch.background#d8cad8
  • editorBracketMatch.border#695d6980
  • editorCodeLens.foreground#695d69BF
  • editorCursor.background#f7f3f7
  • editorCursor.foreground#695d69
  • editorError.foreground#a65926
  • editorGroup.background#695d69
  • editorGroup.border#d8cad8
  • editorGroup.dropBackground#15939344
  • editorGroupHeader.noTabsBackground#d8cad8F2
  • editorGroupHeader.tabsBackground#d8cad8F2
  • editorGroupHeader.tabsBorder#d8cad8F2
  • editorGutter.addedBackground#918b3b80
  • editorGutter.background#d8cad84D
  • editorGutter.deletedBackground#a65926
  • editorGutter.modifiedBackground#bb8a35
  • editorHoverWidget.background#d8cad8
  • editorHoverWidget.border#d8cad880
  • editorIndentGuide.activeBackground#695d6980
  • editorIndentGuide.background#695d6926
  • editorLineNumber.activeForeground#9e8f9e
  • editorLineNumber.foreground#695d6959
  • editorMarkerNavigation.background#f7f3f7
  • editorMarkerNavigationError.background#a65926
  • editorMarkerNavigationWarning.background#ca402b
  • editorOverviewRuler.commonContentForeground#cc33cc
  • editorOverviewRuler.currentContentForeground#cc33cc
  • editorOverviewRuler.incomingContentForeground#cc33cc
  • editorRuler.foreground#695d6980
  • editorSuggestWidget.background#d8cad8
  • editorSuggestWidget.border#d8cad880
  • editorSuggestWidget.foreground#695d69
  • editorSuggestWidget.highlightForeground#a65926
  • editorSuggestWidget.selectedBackground#ab9bab40
  • editorWarning.foreground#bb8a35
  • editorWhitespace.foreground#695d6964
  • editorWidget.background#d8cad8
  • editorWidget.border#d8cad880
  • errorForeground#ca402b22
  • extensionButton.prominentBackground#918b3bCC
  • extensionButton.prominentForeground#1b181b
  • extensionButton.prominentHoverBackground#918b3b
  • focusBorder#15939366
  • foreground#695d69
  • gitDecoration.addedResourceForeground#918b3b
  • gitDecoration.conflictingResourceForeground#bb8a35
  • gitDecoration.deletedResourceForeground#ca402b90
  • gitDecoration.ignoredResourceForeground#ab9bab80
  • gitDecoration.modifiedResourceForeground#159393
  • gitDecoration.untrackedResourceForeground#292329
  • input.background#d8cad8
  • input.border#ab9bab80
  • input.foreground#292329
  • input.placeholderForeground#695d69AA
  • inputOption.activeBorder#15939399
  • inputValidation.errorBackground#ca402b
  • inputValidation.errorBorder#ca402b88
  • inputValidation.infoBackground#f7f3f7
  • inputValidation.infoBorder#7b59c0
  • inputValidation.warningBackground#bb8a35
  • inputValidation.warningBorder#bb8a3588
  • list.activeSelectionBackground#ab9bab80
  • list.activeSelectionForeground#1b181b
  • list.dropBackground#ab9bab77
  • list.errorForeground#ca402b
  • list.focusBackground#ab9bab40
  • list.focusForeground#292329
  • list.highlightForeground#159393
  • list.hoverBackground#ab9bab40
  • list.hoverForeground#292329
  • list.inactiveSelectionBackground#ab9bab26
  • list.inactiveSelectionForeground#292329
  • list.invalidItemForeground#cc33cc
  • list.warningForeground#ca402b
  • merge.currentHeaderBackground#695d69
  • merge.incomingHeaderBackground#7b59c0
  • meta.objectliteral.js#7b59c0
  • notificationLink.foreground#159393
  • notifications.background#d8cad8
  • notifications.foreground#292329
  • panel.background#ab9bab40
  • panel.border#d8cad8
  • panel.dropBackground#15939340
  • panelTitle.activeBorder#7b59c0
  • panelTitle.activeForeground#1b181bCC
  • panelTitle.inactiveForeground#776977
  • peekView.border#695d69
  • peekViewEditor.background#d8cad8
  • peekViewEditor.matchHighlightBackground#7b59c04D
  • peekViewResult.background#f7f3f7
  • peekViewResult.fileForeground#292329
  • peekViewResult.lineForeground#292329
  • peekViewResult.matchHighlightBackground#1b181bCC
  • peekViewResult.selectionBackground#d8cad8
  • peekViewResult.selectionForeground#695d69
  • peekViewTitle.background#d8cad8
  • peekViewTitleDescription.foreground#695d69
  • peekViewTitleLabel.foreground#695d69
  • pickerGroup.border#d8cad8
  • pickerGroup.foreground#292329
  • progress.background#ab9bab
  • progressBar.background#516aec88
  • punctuation.definition.generic.begin.html#cc33cc
  • scrollbar.shadow#ab9bab
  • scrollbarSlider.activeBackground#ab9bab
  • scrollbarSlider.background#d8cad8
  • scrollbarSlider.hoverBackground#ab9bab80
  • selection.background#516aec99
  • sideBar.background#f7f3f7
  • sideBar.border#ab9bab80
  • sideBar.foreground#ab9bab
  • sideBarSectionHeader.background#ab9bab59
  • sideBarSectionHeader.foreground#695d69
  • sideBarTitle.foreground#695d69
  • source.elm#ab9bab80
  • statusBar.background#ab9bab80
  • statusBar.border#ab9bab40
  • statusBar.debuggingBackground#9e8f9e
  • statusBar.debuggingBorder#776977
  • statusBar.foreground#695d69
  • statusBar.noFolderBackground#ab9bab40
  • statusBar.noFolderBorder#ab9bab80
  • statusBarItem.activeBackground#695d69
  • statusBarItem.hoverBackground#77697726
  • statusBarItem.prominentBackground#77697740
  • statusBarItem.prominentHoverBackground#77697780
  • string.quoted.single.js#1b181b
  • tab.activeBackground#f7f3f7
  • tab.activeBorder#f7f3f7
  • tab.activeForeground#292329
  • tab.border#f7f3f7
  • tab.hoverBackground#f7f3f7
  • tab.inactiveBackground#d8cad8
  • tab.inactiveForeground#9e8f9e
  • tab.unfocusedActiveBorder#d8cad8
  • tab.unfocusedActiveForeground#9e8f9e
  • tab.unfocusedInactiveForeground#9e8f9e
  • terminal.ansiBlack#292329
  • terminal.ansiBlue#516aec
  • terminal.ansiBrightBlack#d8cad8
  • terminal.ansiBrightBlue#9e8f9e
  • terminal.ansiBrightCyan#ab9bab
  • terminal.ansiBrightGreen#695d69
  • terminal.ansiBrightMagenta#7b59c0
  • terminal.ansiBrightRed#a65926
  • terminal.ansiBrightWhite#1b181b
  • terminal.ansiBrightYellow#776977
  • terminal.ansiCyan#159393
  • terminal.ansiGreen#918b3b
  • terminal.ansiMagenta#cc33cc
  • terminal.ansiRed#ca402b
  • terminal.ansiWhite#695d69
  • terminal.ansiYellow#bb8a35
  • terminal.background#d8cad8
  • terminal.findMatchHighlightBackground#516aec80
  • terminal.foreground#1b181b
  • terminal.selectionBackground#516aec80
  • textLink.activeForeground#159393
  • textLink.foreground#159393CC
  • titleBar.activeBackground#f7f3f7
  • titleBar.activeForeground#292329
  • titleBar.inactiveBackground#d8cad8
  • walkThrough.embeddedEditorBackground#d8cad8
  • welcomePage.buttonBackground#d8cad8
  • welcomePage.buttonHoverBackground#d8cad880
  • widget.shadow#ab9bab

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ab9bab
meta.embedded, source.groovy.embedded#ab9bab
comment, punctuation.definition.comment#ab9babitalic
variable, string constant.other.placeholder#ca402b
constant.other.color#1b181b
invalid, invalid.illegal#1b181b
keyword, punctuation.accessor, storage.type#7b59c0
storage.modifier#bb8a35
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#ab9babBF
keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution#ca402b
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ca402b
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.debugger, keyword.other.special-method#7b59c0
meta.block variable.other#695d69
support.other.variable, string.other.link#a65926
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#918b3b
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#516aecnormal
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#bb8a35
support.type#159393
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#695d69
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ca402b
variable.language#ca402bitalic
entity.name.method.js#7b59c0italic
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#7b59c0
entity.other.attribute-name#cc33cc
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#bb8a35italic
entity.other.attribute-name.class#7b59c0
source.sass keyword.control#7b59c0
markup.inserted#918b3b
markup.deleted#ca402b
markup.deleted.diff#ca402b
markup.inserted.diff#918b3b
markup.changed#cc33cc
string.regexp#159393
constant.character.escape#159393
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#ca402bitalic
source.js constant.other.object.key.js string.unquoted.label.js#ca402bitalic
support.type.property-name.json#7b59c0
support.constant.json#918b3b
meta.structure.dictionary.value.json string.quoted.double#cc33cc
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#ca402b
source.json meta.structure.dictionary.json support.type.property-name.json#7b59c0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#bb8a35
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#918b3b
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#7b59c0
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#bb8a35
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#918b3b
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#918b3b
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#918b3b
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#918b3b
text.html.markdown, punctuation.definition.list_item.markdown#1b181b
text.html.markdown, beginning.punctuation.definition.list.markdown#695d69
text.html.markdown markup.inline.raw.markdown#cc33cc
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#9e8f9e
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#ca402b
markup.italic.markdown#a65926italic
markup.bold, markup.bold string#a65926bold
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#a65926bold
markup.underline#bb8a35underline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#f7f3f7
markup.quote.markdown#695d69
markup.quoteitalic
string.other.link.title.markdown#7b59c0
markup.underline.link.markdown#516aec
string.other.link.description.title.markdown#cc33cc
constant.other.reference.link.markdown#bb8a35
markup.raw.block#cc33cc
markup.raw.block.fenced.markdown#f7f3f750
punctuation.definition.fenced.markdown#f7f3f750
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#1b181b
variable.language.fenced.markdown#9e8f9e
meta.separator#9e8f9ebold
markup.table#1b181b
token.info-token#516aec
token.warn-token#a65926
token.error-token#ca402b
token.debug-token#cc33cc
string#292329
string.quoted, meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js#292329
support.constant.math#918b3b
string.regexp#918b3b
constant.numeric, constant.character.numeric#292329BF
variable.language, variable.other#ca402b
variable.language.this.js, variable.language.this.php#ca402b
keyword#918b3b
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#695d69italic
entity.name.class, meta.class entity.name.type.class#a65926
entity.name.type#695d69
entity.name.function#695d69
punctuation.definition.variable#695d69
punctuation.section.embedded.begin, punctuation.section.embedded.end#cc33cc
constant.language, punctuation.definition.constant, variable.other.constant, meta.preprocessor#918b3b
support.function.construct, keyword.other.new#7b59c0
constant.character, constant.other#a65926
constant.character.escape#a65926
string.regexp, string.regexp keyword.other#9e8f9e
entity.other.inherited-class#7b59c0
entity.name.tag#ca402b
punctuation.definition.tag, meta.tag#776977
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#918b3b
entity.other.attribute-name#516aec
entity.name.tag.custom#516aec
support.function#516aec
punctuation.separator.continuation#ca402b
invalid.broken#292329
invalid.unimplemented#1b181b
invalid.illegal#1b181b
support.type, support.class#159393
support.variable.dom#159393
support.type.exception#a65926
support.other.variable
invalid#1b181b
invalid.deprecated#a65926
keyword.operator#159393
keyword.operator.relational#cc33ccitalic
keyword.operator.assignment#cc33cc
keyword.operator.arithmetic#cc33cc
keyword.operator.bitwise#cc33cc
keyword.operator.increment#cc33cc
keyword.operator.ternary#cc33cc
comment.line.double-slash#ab9bab
object#516aec
constant.language.null#ca402b
meta.brace#695d69
meta.delimiter.period#292329
constant.language.boolean#ca402b
object.comma#1b181b
variable.parameter.function#159393
support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag#bb8a35
meta.property-list entity.name.tag.reference#516aec
constant.other.color.rgb-value punctuation.definition.constant#a65926
meta.selector#cc33ccitalic
entity.other.attribute-name.id#159393
meta.property-name#159393
entity.name.tag.doctype, meta.tag.sgml.doctype#695d69italic
keyword.control.operator#159393
keyword.operator.logical#cc33cc
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#918b3b
variable.other.object.property#292329italic
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx#292329
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#cc33ccitalic
variable.interpolation#ca402b
support.variable.property#159393
string.template meta.template.expression#ca402b
string.template punctuation.definition.string#292329
italic#cc33ccitalic
bold#918b3bbold
quote#695d69italic
raw#695d69
variable.assignment.coffee#159393
variable.parameter.function.coffee#292329
variable.assignment.coffee#918b3b
variable.other.readwrite.cs#292329
entity.name.type.class.cs, storage.type.cs#7b59c0
entity.name.type.namespace.cs#695d69
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css, support.constant.property-value.css#bb8a35
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#159393
keyword.other.unit.css, keyword.control.at-rule.media.css#bb8a35
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#7b59c0
source.elixir entity.name.function#918b3b
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#516aec
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#918b3b
source.elixir .punctuation.binary.elixir#cc33ccitalic
source.go meta.function-call.go#695d69
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#cc33ccitalic
source.go constant.language.go, source.go constant.other.placeholder.go#ca402b
meta.class entity.name.type.class.js#a65926
meta.method.declaration storage.type.js#7b59c0
terminator.js#292329
meta.js punctuation.definition.js#292329
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#695d69
variable.other.jsdoc, variable.other.phpdoc#159393
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#292329
variable.parameter.function.js#7b59c0
variable.js, variable.other.js#292329
entity.name.type.js, entity.name.type.module.js#a65926
support.class.js#292329
variable.other.ruby#292329
entity.name.type.class.ruby#a65926
constant.language.symbol.hashkey.ruby#918b3b
meta.attribute-selector.less entity.other.attribute-name.attribute#a65926
variable.other.php, variable.other.property.php#292329
support.class.php#a65926
meta.function-call.php punctuation#292329
variable.other.global.php#918b3b
variable.other.global.php punctuation.definition.variable#918b3b
constant.language.python#ca402b
variable.parameter.function.python, meta.function-call.arguments.python#7b59c0
meta.function-call.python, meta.function-call.generic.python#292329
punctuation.python#292329
entity.name.function.decorator.python#918b3b
source.python variable.language.special#7b59c0
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#ca402b
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#7b59c0
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#a65926
entity.name.tag.scss, entity.name.tag.sass#918b3b
keyword.other.unit.scss, keyword.other.unit.sass#bb8a35
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#292329
entity.name.type.ts, entity.name.type.tsx#a65926
support.class.node.ts, support.class.node.tsx#7b59c0
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#695d69
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#292329
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx#7b59c0
meta.tag.js meta.jsx.children.tsx#7b59c0
entity.name.tag.yaml#918b3b
variable.other.readwrite.js, variable.parameter#292329
support.class.component.js, support.class.component.tsx#a65926
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#292329
meta.class entity.name.type.class.tsx#a65926
entity.name.type.tsx, entity.name.type.module.tsx#a65926
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#7b59c0
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#292329italic
markup.deleted#292329
markup.changed#292329
markup.inserted#292329
markup.quote#918b3b
markup.list#918b3b
markup.bold, markup.italic#a65926
markup.inline.raw#9e8f9e
markup.heading.setext#516aec

Shiki preview

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

Loading...

Atelier VSCode Themes by Atelierbram - VS Code Theme