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#87928a80
  • activityBar.border#87928a40
  • activityBar.dropBackground#dfe7e2E6
  • activityBar.foreground#526057
  • activityBarBadge.background#478c90
  • activityBarBadge.foreground#ecf4ee
  • badge.background#478c90
  • badge.foreground#ecf4ee
  • breadcrumbPicker.background#dfe7e2F2
  • button.background#478c90
  • button.foreground#ecf4ee
  • button.hoverBackground#478c9080
  • debugExceptionWidget.background#dfe7e2
  • debugExceptionWidget.border#dfe7e280
  • debugToolBar.background#ecf4ee
  • descriptionForeground#232a25
  • diffEditor.insertedTextBackground#48996323
  • diffEditor.insertedTextBorder#48996333
  • diffEditor.removedTextBackground#48996333
  • diffEditor.removedTextBorder#4899634D
  • dropdown.background#ecf4ee
  • dropdown.border#1c9aa099
  • dropdown.foreground#232a25
  • editor.background#ecf4ee
  • editor.findMatchBackground#87928a40
  • editor.findMatchHighlightBackground#78877d40
  • editor.foreground#526057
  • editor.hoverHighlightBackground#87928a64
  • editor.inactiveSelectionBackground#5260578C
  • editor.lineHighlightBackground#dfe7e2
  • editor.rangeHighlightBackground#dfe7e2
  • editor.selectionBackground#dfe7e2E6
  • editor.selectionHighlightBackground#dfe7e28C
  • editor.wordHighlightBackground#dfe7e2A6
  • editor.wordHighlightStrongBackground#dfe7e28C
  • editorBracketMatch.background#dfe7e2
  • editorBracketMatch.border#52605780
  • editorCodeLens.foreground#526057BF
  • editorCursor.background#ecf4ee
  • editorCursor.foreground#526057
  • editorError.foreground#9f713c
  • editorGroup.background#526057
  • editorGroup.border#dfe7e2
  • editorGroup.dropBackground#1c9aa044
  • editorGroupHeader.noTabsBackground#dfe7e2F2
  • editorGroupHeader.tabsBackground#dfe7e2F2
  • editorGroupHeader.tabsBorder#dfe7e2F2
  • editorGutter.addedBackground#48996380
  • editorGutter.background#dfe7e24D
  • editorGutter.deletedBackground#9f713c
  • editorGutter.modifiedBackground#a07e3b
  • editorHoverWidget.background#dfe7e2
  • editorHoverWidget.border#dfe7e280
  • editorIndentGuide.activeBackground#52605780
  • editorIndentGuide.background#52605726
  • editorLineNumber.activeForeground#78877d
  • editorLineNumber.foreground#52605759
  • editorMarkerNavigation.background#ecf4ee
  • editorMarkerNavigationError.background#9f713c
  • editorMarkerNavigationWarning.background#b16139
  • editorOverviewRuler.commonContentForeground#867469
  • editorOverviewRuler.currentContentForeground#867469
  • editorOverviewRuler.incomingContentForeground#867469
  • editorRuler.foreground#52605780
  • editorSuggestWidget.background#dfe7e2
  • editorSuggestWidget.border#dfe7e280
  • editorSuggestWidget.foreground#526057
  • editorSuggestWidget.highlightForeground#9f713c
  • editorSuggestWidget.selectedBackground#87928a40
  • editorWarning.foreground#a07e3b
  • editorWhitespace.foreground#52605764
  • editorWidget.background#dfe7e2
  • editorWidget.border#dfe7e280
  • errorForeground#b1613922
  • extensionButton.prominentBackground#489963CC
  • extensionButton.prominentForeground#171c19
  • extensionButton.prominentHoverBackground#489963
  • focusBorder#1c9aa066
  • foreground#526057
  • gitDecoration.addedResourceForeground#489963
  • gitDecoration.conflictingResourceForeground#a07e3b
  • gitDecoration.deletedResourceForeground#b1613990
  • gitDecoration.ignoredResourceForeground#87928a80
  • gitDecoration.modifiedResourceForeground#1c9aa0
  • gitDecoration.untrackedResourceForeground#232a25
  • input.background#dfe7e2
  • input.border#87928a80
  • input.foreground#232a25
  • input.placeholderForeground#526057AA
  • inputOption.activeBorder#1c9aa099
  • inputValidation.errorBackground#b16139
  • inputValidation.errorBorder#b1613988
  • inputValidation.infoBackground#ecf4ee
  • inputValidation.infoBorder#55859b
  • inputValidation.warningBackground#a07e3b
  • inputValidation.warningBorder#a07e3b88
  • list.activeSelectionBackground#87928a80
  • list.activeSelectionForeground#171c19
  • list.dropBackground#87928a77
  • list.errorForeground#b16139
  • list.focusBackground#87928a40
  • list.focusForeground#232a25
  • list.highlightForeground#1c9aa0
  • list.hoverBackground#87928a40
  • list.hoverForeground#232a25
  • list.inactiveSelectionBackground#87928a26
  • list.inactiveSelectionForeground#232a25
  • list.invalidItemForeground#867469
  • list.warningForeground#b16139
  • merge.currentHeaderBackground#526057
  • merge.incomingHeaderBackground#55859b
  • meta.objectliteral.js#55859b
  • notificationLink.foreground#1c9aa0
  • notifications.background#dfe7e2
  • notifications.foreground#232a25
  • panel.background#87928a40
  • panel.border#dfe7e2
  • panel.dropBackground#1c9aa040
  • panelTitle.activeBorder#55859b
  • panelTitle.activeForeground#171c19CC
  • panelTitle.inactiveForeground#5f6d64
  • peekView.border#526057
  • peekViewEditor.background#dfe7e2
  • peekViewEditor.matchHighlightBackground#55859b4D
  • peekViewResult.background#ecf4ee
  • peekViewResult.fileForeground#232a25
  • peekViewResult.lineForeground#232a25
  • peekViewResult.matchHighlightBackground#171c19CC
  • peekViewResult.selectionBackground#dfe7e2
  • peekViewResult.selectionForeground#526057
  • peekViewTitle.background#dfe7e2
  • peekViewTitleDescription.foreground#526057
  • peekViewTitleLabel.foreground#526057
  • pickerGroup.border#dfe7e2
  • pickerGroup.foreground#232a25
  • progress.background#87928a
  • progressBar.background#478c9088
  • punctuation.definition.generic.begin.html#867469
  • scrollbar.shadow#87928a
  • scrollbarSlider.activeBackground#87928a
  • scrollbarSlider.background#dfe7e2
  • scrollbarSlider.hoverBackground#87928a80
  • selection.background#478c9099
  • sideBar.background#ecf4ee
  • sideBar.border#87928a80
  • sideBar.foreground#87928a
  • sideBarSectionHeader.background#87928a59
  • sideBarSectionHeader.foreground#526057
  • sideBarTitle.foreground#526057
  • source.elm#87928a80
  • statusBar.background#87928a80
  • statusBar.border#87928a40
  • statusBar.debuggingBackground#78877d
  • statusBar.debuggingBorder#5f6d64
  • statusBar.foreground#526057
  • statusBar.noFolderBackground#87928a40
  • statusBar.noFolderBorder#87928a80
  • statusBarItem.activeBackground#526057
  • statusBarItem.hoverBackground#5f6d6426
  • statusBarItem.prominentBackground#5f6d6440
  • statusBarItem.prominentHoverBackground#5f6d6480
  • string.quoted.single.js#171c19
  • tab.activeBackground#ecf4ee
  • tab.activeBorder#ecf4ee
  • tab.activeForeground#232a25
  • tab.border#ecf4ee
  • tab.hoverBackground#ecf4ee
  • tab.inactiveBackground#dfe7e2
  • tab.inactiveForeground#78877d
  • tab.unfocusedActiveBorder#dfe7e2
  • tab.unfocusedActiveForeground#78877d
  • tab.unfocusedInactiveForeground#78877d
  • terminal.ansiBlack#232a25
  • terminal.ansiBlue#478c90
  • terminal.ansiBrightBlack#dfe7e2
  • terminal.ansiBrightBlue#78877d
  • terminal.ansiBrightCyan#87928a
  • terminal.ansiBrightGreen#526057
  • terminal.ansiBrightMagenta#55859b
  • terminal.ansiBrightRed#9f713c
  • terminal.ansiBrightWhite#171c19
  • terminal.ansiBrightYellow#5f6d64
  • terminal.ansiCyan#1c9aa0
  • terminal.ansiGreen#489963
  • terminal.ansiMagenta#867469
  • terminal.ansiRed#b16139
  • terminal.ansiWhite#526057
  • terminal.ansiYellow#a07e3b
  • terminal.background#dfe7e2
  • terminal.findMatchHighlightBackground#478c9080
  • terminal.foreground#171c19
  • terminal.selectionBackground#478c9080
  • textLink.activeForeground#1c9aa0
  • textLink.foreground#1c9aa0CC
  • titleBar.activeBackground#ecf4ee
  • titleBar.activeForeground#232a25
  • titleBar.inactiveBackground#dfe7e2
  • walkThrough.embeddedEditorBackground#dfe7e2
  • welcomePage.buttonBackground#dfe7e2
  • welcomePage.buttonHoverBackground#dfe7e280
  • widget.shadow#87928a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#87928a
meta.embedded, source.groovy.embedded#87928a
comment, punctuation.definition.comment#87928aitalic
variable, string constant.other.placeholder#b16139
constant.other.color#171c19
invalid, invalid.illegal#171c19
keyword, punctuation.accessor, storage.type#55859b
storage.modifier#a07e3b
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#87928aBF
keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution#b16139
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#b16139
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.debugger, keyword.other.special-method#55859b
meta.block variable.other#526057
support.other.variable, string.other.link#9f713c
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#489963
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#478c90normal
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#a07e3b
support.type#1c9aa0
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#526057
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#b16139
variable.language#b16139italic
entity.name.method.js#55859bitalic
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#55859b
entity.other.attribute-name#867469
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#a07e3bitalic
entity.other.attribute-name.class#55859b
source.sass keyword.control#55859b
markup.inserted#489963
markup.deleted#b16139
markup.deleted.diff#b16139
markup.inserted.diff#489963
markup.changed#867469
string.regexp#1c9aa0
constant.character.escape#1c9aa0
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#b16139italic
source.js constant.other.object.key.js string.unquoted.label.js#b16139italic
support.type.property-name.json#55859b
support.constant.json#489963
meta.structure.dictionary.value.json string.quoted.double#867469
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#b16139
source.json meta.structure.dictionary.json support.type.property-name.json#55859b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a07e3b
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#489963
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#55859b
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#a07e3b
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#489963
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#489963
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#489963
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#489963
text.html.markdown, punctuation.definition.list_item.markdown#171c19
text.html.markdown, beginning.punctuation.definition.list.markdown#526057
text.html.markdown markup.inline.raw.markdown#867469
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#78877d
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#b16139
markup.italic.markdown#9f713citalic
markup.bold, markup.bold string#9f713cbold
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#9f713cbold
markup.underline#a07e3bunderline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#ecf4ee
markup.quote.markdown#526057
markup.quoteitalic
string.other.link.title.markdown#55859b
markup.underline.link.markdown#478c90
string.other.link.description.title.markdown#867469
constant.other.reference.link.markdown#a07e3b
markup.raw.block#867469
markup.raw.block.fenced.markdown#ecf4ee50
punctuation.definition.fenced.markdown#ecf4ee50
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#171c19
variable.language.fenced.markdown#78877d
meta.separator#78877dbold
markup.table#171c19
token.info-token#478c90
token.warn-token#9f713c
token.error-token#b16139
token.debug-token#867469
string#232a25
string.quoted, meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js#232a25
support.constant.math#489963
string.regexp#489963
constant.numeric, constant.character.numeric#232a25BF
variable.language, variable.other#b16139
variable.language.this.js, variable.language.this.php#b16139
keyword#489963
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#526057italic
entity.name.class, meta.class entity.name.type.class#9f713c
entity.name.type#526057
entity.name.function#526057
punctuation.definition.variable#526057
punctuation.section.embedded.begin, punctuation.section.embedded.end#867469
constant.language, punctuation.definition.constant, variable.other.constant, meta.preprocessor#489963
support.function.construct, keyword.other.new#55859b
constant.character, constant.other#9f713c
constant.character.escape#9f713c
string.regexp, string.regexp keyword.other#78877d
entity.other.inherited-class#55859b
entity.name.tag#b16139
punctuation.definition.tag, meta.tag#5f6d64
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#489963
entity.other.attribute-name#478c90
entity.name.tag.custom#478c90
support.function#478c90
punctuation.separator.continuation#b16139
invalid.broken#232a25
invalid.unimplemented#171c19
invalid.illegal#171c19
support.type, support.class#1c9aa0
support.variable.dom#1c9aa0
support.type.exception#9f713c
support.other.variable
invalid#171c19
invalid.deprecated#9f713c
keyword.operator#1c9aa0
keyword.operator.relational#867469italic
keyword.operator.assignment#867469
keyword.operator.arithmetic#867469
keyword.operator.bitwise#867469
keyword.operator.increment#867469
keyword.operator.ternary#867469
comment.line.double-slash#87928a
object#478c90
constant.language.null#b16139
meta.brace#526057
meta.delimiter.period#232a25
constant.language.boolean#b16139
object.comma#171c19
variable.parameter.function#1c9aa0
support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag#a07e3b
meta.property-list entity.name.tag.reference#478c90
constant.other.color.rgb-value punctuation.definition.constant#9f713c
meta.selector#867469italic
entity.other.attribute-name.id#1c9aa0
meta.property-name#1c9aa0
entity.name.tag.doctype, meta.tag.sgml.doctype#526057italic
keyword.control.operator#1c9aa0
keyword.operator.logical#867469
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#489963
variable.other.object.property#232a25italic
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx#232a25
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#867469italic
variable.interpolation#b16139
support.variable.property#1c9aa0
string.template meta.template.expression#b16139
string.template punctuation.definition.string#232a25
italic#867469italic
bold#489963bold
quote#526057italic
raw#526057
variable.assignment.coffee#1c9aa0
variable.parameter.function.coffee#232a25
variable.assignment.coffee#489963
variable.other.readwrite.cs#232a25
entity.name.type.class.cs, storage.type.cs#55859b
entity.name.type.namespace.cs#526057
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css, support.constant.property-value.css#a07e3b
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#1c9aa0
keyword.other.unit.css, keyword.control.at-rule.media.css#a07e3b
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#55859b
source.elixir entity.name.function#489963
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#478c90
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#489963
source.elixir .punctuation.binary.elixir#867469italic
source.go meta.function-call.go#526057
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#867469italic
source.go constant.language.go, source.go constant.other.placeholder.go#b16139
meta.class entity.name.type.class.js#9f713c
meta.method.declaration storage.type.js#55859b
terminator.js#232a25
meta.js punctuation.definition.js#232a25
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#526057
variable.other.jsdoc, variable.other.phpdoc#1c9aa0
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#232a25
variable.parameter.function.js#55859b
variable.js, variable.other.js#232a25
entity.name.type.js, entity.name.type.module.js#9f713c
support.class.js#232a25
variable.other.ruby#232a25
entity.name.type.class.ruby#9f713c
constant.language.symbol.hashkey.ruby#489963
meta.attribute-selector.less entity.other.attribute-name.attribute#9f713c
variable.other.php, variable.other.property.php#232a25
support.class.php#9f713c
meta.function-call.php punctuation#232a25
variable.other.global.php#489963
variable.other.global.php punctuation.definition.variable#489963
constant.language.python#b16139
variable.parameter.function.python, meta.function-call.arguments.python#55859b
meta.function-call.python, meta.function-call.generic.python#232a25
punctuation.python#232a25
entity.name.function.decorator.python#489963
source.python variable.language.special#55859b
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass#b16139
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#55859b
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#9f713c
entity.name.tag.scss, entity.name.tag.sass#489963
keyword.other.unit.scss, keyword.other.unit.sass#a07e3b
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#232a25
entity.name.type.ts, entity.name.type.tsx#9f713c
support.class.node.ts, support.class.node.tsx#55859b
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#526057
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block#232a25
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx#55859b
meta.tag.js meta.jsx.children.tsx#55859b
entity.name.tag.yaml#489963
variable.other.readwrite.js, variable.parameter#232a25
support.class.component.js, support.class.component.tsx#9f713c
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#232a25
meta.class entity.name.type.class.tsx#9f713c
entity.name.type.tsx, entity.name.type.module.tsx#9f713c
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#55859b
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#232a25italic
markup.deleted#232a25
markup.changed#232a25
markup.inserted#232a25
markup.quote#489963
markup.list#489963
markup.bold, markup.italic#9f713c
markup.inline.raw#78877d
markup.heading.setext#478c90

Shiki preview

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

Loading...

Atelier VSCode Themes by Atelierbram - VS Code Theme