Skip to main content
CodingTheme

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#00234a
  • activityBar.border#00000000
  • activityBar.dropBackground#2dbde055
  • activityBar.foreground#2dbde0cc
  • activityBarBadge.background#2dbde0
  • activityBarBadge.foreground#00234a
  • badge.background#2dbde0
  • badge.foreground#00234a
  • button.background#2dbde0
  • button.foreground#00234a
  • button.hoverBackground#9cd3f1
  • contrastBorder#00234a
  • debugExceptionWidget.background#00234a
  • debugExceptionWidget.border#9cd3f1
  • debugToolBar.background#00234a
  • diffEditor.insertedLineBackground#72ffc611
  • diffEditor.insertedTextBackground#72ffc622
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedLineBackground#e180b81f
  • diffEditor.removedTextBackground#e180b833
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#00234a
  • dropdown.border#00000000
  • dropdown.foreground#e7f7ff
  • editor.background#00234a
  • editor.findMatchBackground#174f63
  • editor.findMatchHighlightBackground#174f63
  • editor.findRangeHighlightBackground#e7f7ff22
  • editor.foreground#e7f7ff
  • editor.hoverHighlightBackground#e7f7ff11
  • editor.inactiveSelectionBackground#e7f7ff11
  • editor.lineHighlightBackground#2dbde022
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#2dbde022
  • editor.selectionBackground#2dbde029
  • editor.selectionHighlightBackground#2dbde011
  • editor.wordHighlightBackground#00000000
  • editor.wordHighlightStrongBackground#00000000
  • editorBracketMatch.background#2dbde044
  • editorBracketMatch.border#00000000
  • editorCursor.foreground#748da5
  • editorError.foreground#e180b8
  • editorGroupHeader.tabsBackground#00234a
  • editorGroupHeader.tabsBorder#00234a
  • editorGutter.addedBackground#174f63
  • editorGutter.deletedBackground#2d3660
  • editorGutter.modifiedBackground#2dbde044
  • editorHoverWidget.background#113358
  • editorHoverWidget.border#2dbde0
  • editorIndentGuide.activeBackground#456380
  • editorIndentGuide.background#1d3e61
  • editorInfo.foreground#9cd3f1
  • editorLineNumber.foreground#748da5
  • editorMarkerNavigation.background#00234a
  • editorMarkerNavigationError.background#e180b8
  • editorMarkerNavigationWarning.background#e180b8
  • editorOverviewRuler.commonContentForeground#9cd3f1
  • editorOverviewRuler.currentContentForeground#9cd3f1
  • editorOverviewRuler.incomingContentForeground#9cd3f1
  • editorRuler.foreground#748da5
  • editorSuggestWidget.background#113358
  • editorSuggestWidget.border#456380
  • editorSuggestWidget.foreground#e7f7ff
  • editorWarning.foreground#875b8c
  • editorWhitespace.foreground#456380
  • editorWidget.background#00234a
  • errorForeground#e180b8
  • extensionButton.prominentBackground#9cd3f1
  • extensionButton.prominentForeground#00234a
  • extensionButton.prominentHoverBackground#9cd3f1
  • focusBorder#00000000
  • foreground#e7f7ff
  • gitDecoration.addedResourceForeground#72ffc6
  • gitDecoration.conflictingResourceForeground#e180b8
  • gitDecoration.ignoredResourceForeground#748da5
  • gitDecoration.modifiedResourceForeground#2dbde0
  • gitDecoration.stageModifiedResourceForeground#0db39d
  • gitDecoration.submoduleResourceForeground#9cd3f1
  • gitDecoration.untrackedResourceForeground#72ffc6
  • input.background#113358
  • input.border#2dbde044
  • input.foreground#e7f7ff
  • input.placeholderForeground#748da5
  • inputOption.activeBorder#e7f7ff
  • inputValidation.errorBackground#e180b8
  • inputValidation.errorBorder#e180b8
  • inputValidation.infoBackground#9cd3f1
  • inputValidation.infoBorder#9cd3f1
  • inputValidation.warningBackground#2d3660
  • inputValidation.warningBorder#2d3660
  • list.activeSelectionBackground#2e4d6e
  • list.activeSelectionForeground#e7f7ff
  • list.errorForeground#e180b8
  • list.focusBackground#2e4d6e
  • list.focusForeground#e7f7ff
  • list.highlightForeground#e7f7ff
  • list.hoverBackground#113358
  • list.hoverForeground#e7f7ff
  • list.inactiveFocusBackground#1d3e61
  • list.inactiveSelectionBackground#1d3e61
  • list.inactiveSelectionForeground#e7f7ff
  • list.invalidItemForeground#e180b8
  • list.warningForeground#e180b8
  • merge.currentHeaderBackground#9cd3f1
  • merge.incomingHeaderBackground#9cd3f1
  • panel.background#00234a
  • panel.border#1d3e61
  • panelTitle.activeBorder#2dbde0
  • panelTitle.activeForeground#e7f7ff
  • panelTitle.inactiveForeground#748da5
  • peekView.border#9cd3f1
  • peekViewEditor.matchHighlightBackground#174f63
  • peekViewResult.fileForeground#e7f7ff
  • peekViewResult.lineForeground#e7f7ff
  • peekViewResult.matchHighlightBackground#174f63
  • peekViewResult.selectionForeground#e7f7ff
  • peekViewTitle.background#00234a
  • peekViewTitleLabel.foreground#e7f7ff
  • pickerGroup.foreground#9cd3f1
  • progressBar.background#9cd3f1
  • scrollbarSlider.activeBackground#1d3e61
  • scrollbarSlider.background#2e4d6e
  • scrollbarSlider.hoverBackground#1d3e61
  • settings.checkboxBackground#1d3e61
  • settings.checkboxBorder#00000000
  • settings.checkboxForeground#e7f7ff
  • settings.dropdownBackground#1d3e61
  • settings.dropdownBorder#00000000
  • settings.dropdownForeground#e7f7ff
  • settings.dropdownListBorder#2dbde0
  • settings.focusedRowBackground#113358
  • settings.focusedRowBorder#113358
  • settings.headerForeground#2dbde0
  • settings.inactiveSelectedItemBorder#2dbde0
  • settings.modifiedItemIndicator#2dbde0
  • settings.numberInputBackground#1d3e61
  • settings.numberInputBorder#00000000
  • settings.numberInputForeground#e7f7ff
  • settings.rowHoverBackground#00234a
  • settings.textInputBackground#1d3e61
  • settings.textInputBorder#00000000
  • settings.textInputForeground#e7f7ff
  • sideBar.background#092b51
  • sideBar.border#00000000
  • sideBar.foreground#e7f7ff
  • sideBarSectionHeader.background#00234a
  • sideBarSectionHeader.foreground#748da5
  • sideBarTitle.foreground#e7f7ff
  • statusBar.background#00234a
  • statusBar.border#00234a
  • statusBar.debuggingBackground#2d3660
  • statusBar.foreground#e7f7ff88
  • statusBar.noFolderBackground#00234a
  • tab.activeBackground#1d3e61
  • tab.activeBorder#2dbde0
  • tab.activeForeground#e7f7ff
  • tab.border#00234a
  • tab.inactiveBackground#113358
  • tab.inactiveForeground#748da5
  • tab.unfocusedActiveBorder#00234a
  • terminal.ansiBlack#a2b7c9
  • terminal.ansiBlue#0db39d
  • terminal.ansiBrightBlack#a2b7c9
  • terminal.ansiBrightBlue#9cd3f1
  • terminal.ansiBrightCyan#9cd3f1
  • terminal.ansiBrightGreen#72ffc6
  • terminal.ansiBrightMagenta#72ffc6
  • terminal.ansiBrightRed#e180b8
  • terminal.ansiBrightWhite#e7f7ff
  • terminal.ansiBrightYellow#2dbde0
  • terminal.ansiCyan#9cd3f1
  • terminal.ansiGreen#72ffc6
  • terminal.ansiMagenta#e180b8
  • terminal.ansiRed#e180b8
  • terminal.ansiWhite#e7f7ff
  • terminal.ansiYellow#2dbde0
  • textBlockQuote.background#2dbde02a
  • textBlockQuote.border#2dbde0
  • textCodeBlock.background#00000033
  • textLink.activeForeground#2dbde0aa
  • textLink.foreground#2dbde0
  • textPreformat.foreground#9cd3f1
  • textSeparator.foreground#00000022
  • titleBar.activeBackground#00234a
  • titleBar.activeForeground#748da5
  • titleBar.inactiveForeground#748da5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5c7892
comment.block, comment.block punctuation.definition.comment, string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string#8ba2b7italic
string, string.quoted, punctuation.definition.string#9cd3f1
string.regexp#9cd3f1
keyword.control.anchor.regexp#0db39d
constant.character.escape.backslash.regexp#72ffc6
punctuation.definition.group.regexp#2dbde0
punctuation.definition.template-expression#2dbde0
string.regexp keyword.other#9cd3f1
string.template meta.template.expression, string.template.js#9cd3f1
constant.language.booleanbold
constant.language.boolean.true#72ffc6bb
constant.language.boolean.false#e180b8bb
support.constant.math#2dbde0
constant.language, punctuation.definition.constant, variable.other.constant, variable.other.env, source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir, constant.other.caps.python#0db39d
constant.character, constant.other#2dbde0
support.constant, keyword.other.special-method, keyword.other.new#0db39d
support.constant.json#2dbde0
keyword.operator.arithmetic.js, keyword.operator.increment.js, meta.var.expr keyword.operator.assignment#72ffc6
meta.tag.attributes.js.jsx keyword.operator.assignment#9cd3f1
meta.array.literal.js variable.other.readwrite.js#9cd3f1
constant.character.escape#0db39d
constant.numeric, constant.character.numeric, constant.numeric.hex#2dbde0
variable#2dbde0
punctuation.accessor, keyword#a2b7c9
keyword.other.unit#72ffc6
keyword.operator#72ffc6
storage#72ffc6
constant.language.undefined#a2b7c9italic
constant.language.null#8ba2b7bold italic
storage.type, meta.var.expr storage.type, meta.class meta.method.declaration meta.var.expr storage.type.js#e180b8
entity.name.class, meta.class entity.name.type.class#2dbde0
entity.other.inherited-class#9cd3f1
entity.name.function#2dbde0
variable.parameter#e7f7ff
punctuation.definition.tag, meta.tag#e7f7ff
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#e7f7ffitalic
variable.other.jsdoc, variable.other.phpdoc#9cd3f1
storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc#0db39ditalic
entity.name.type.instance.jsdoc#e7f7ff
entity.name.type.instance.jsdoc punctuation.definition.bracket#8ba2b7italic
comment.block.documentation.js variable.other.jsdocbold
support.class.component, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html#72ffc6
meta.jsx.children.js.jsx#72ffc6
meta.tag.structure.body entity.name.tag, meta.tag.structure.head entity.name.tag, meta.tag.structure.html entity.name.tag, meta.tag.metadata.style entity.name.tag, meta.tag.structure.html punctuation.definition.tag, meta.tag.structure.head punctuation.definition.tag, meta.tag.structure.body punctuation.definition.tag, meta.tag.metadata.style punctuation.definition.tagbold
entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, punctuation.definition.tag#e7f7ff
meta.tag.metadata.script entity.name.tag, meta.tag.metadata.script punctuation.definition.tag#0db39d
punctuation.definition.tag.html#0db39d
entity.other.attribute-name#2dbde0
meta.attribute string.quoted, meta.tag.attributes.js.jsx string.quoted.double.js.jsx, meta.tag.attributes.js.jsx string.quoted.single.js.jsx#9cd3f1
meta.tag.attributes.js.jsx punctuation.definition.string.begin.js.jsx, meta.tag.attributes.js.jsx punctuation.definition.string.end.js.jsx#9cd3f1aa
punctuation.definition.entity.js.jsx, constant.character.entity.js.jsx#0db39dbold
entity.other.attribute-name.id.html, meta.attribute.id.html entity.other.attribute-name, meta.attribute.name.html entity.other.attribute-name, meta.attribute.href.html entity.other.attribute-name, meta.attribute.src.html entity.other.attribute-name#72ffc6
entity.name.tag.custom#2dbde0
constant.character.entity.named#e180b8
meta.tag.sgml.doctype.html, entity.name.tag.doctype, meta.tag.sgml.doctype, meta.tag.metadata.doctype.html entity.name.tag.html, meta.tag.metadata.doctype.html entity.other.attribute-name.html, meta.tag.metadata.doctype.html punctuation.definition.tag#72ffc699italic
support.constant#9cd3f1
support.constant.meta.property-value#0db39d
support.type, support.class#2dbde0
support.variable.dom#2dbde0
storage.modifier#e180b8
keyword.operator.relational#72ffc6
keyword.operator.assignment#72ffc6
meta.brace#e7f7ff
meta.delimiter.period#72ffc6
object.comma#e7f7ff
variable.parameter.function#0db39d
support.type.vendored.property-name, support.constant.vendored.property-value, support.type.property-name, meta.property-list entity.name.tag#9cd3f1
meta.property-list entity.name.tag.reference#e180b8
constant.other.color.rgb-value punctuation.definition.constant, constant.other.color.rgb-value.hex.css#0db39d
constant.other.color#72ffc6
meta.selector#72ffc6
entity.other.attribute-name.id#9cd3f1
meta.property-name#9cd3f1
punctuation.definition.parameters#e7f7ff
keyword.control.operator#0db39d
keyword.control.flow#0db39d
keyword.operator.logical#72ffc6
keyword.control#0db39d
variable.instance, variable.other.instance, variable.reaedwrite.instance, variable.other.readwrite.instance, variable.other.readwrite.instance punctuation.definition.variable#e180b8
variable.language#e180b8
variable.other.property#72ffc6
variable.other.object.property#e7f7ff
entity.name.function#2dbde0
keyword.operator.comparison#72ffc6
support.function#e7f7ff
invalid, invalid.deprecated#e180b8
invalid.broken#e180b8
invalid.unimplemented#e180b8
invalid.illegal#e180b8
support.variable.property#9cd3f1
support.variable.property.dom.js#0db39d
variable.function#0db39d
variable.interpolation#e180b8
meta.function-call#2dbde0
punctuation.section.embedded#e180b8
italic#72ffc6italic
bold#2dbde0bold
quote#9cd3f1
raw#9cd3f1
variable.assignment.coffee#0db39d
variable.parameter.function.coffee#e7f7ff
variable.assignment.coffee#0db39d
variable.other.readwrite.cs#e7f7ff
keyword.other.using#0db39d
entity.name.type.class.cs, storage.type.cs#2dbde0
entity.name.type.namespace.cs#72ffc6
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css#e180b8
entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss#2dbde0
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss#2dbde0
keyword.control.at-rule, keyword.control.at-rule punctuation.definition#0db39dbold
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass, keyword.operator.combinator.css#0db39dbold
source.css keyword.other.unit, source.css constant.numeric#72ffc6
meta.attribute-selector.css entity.other.attribute-name.attribute#0db39d
support.type.property-name.css#e7f7ff
meta.property-value.scss, meta.property-value.scss support.type.property-name.css#2dbde0
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable#2dbde0
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#0db39d
entity.name.tag.scss, entity.name.tag.sass#e180b8
keyword.other.unit.scss, keyword.other.unit.sass#72ffc6
support.function.misc.scss, support.function.misc.sass#9cd3f1
variable.parameter.url.scss, variable.parameter.url.sass#8ba2b7italic underline
meta.directive.vue entity.other.attribute-name, meta.directive.vue punctuation.separator.key-value.html#72ffc6
source.directive.vue string.unquoted.label.js#e180b8
source.directive.vue variable.other.object.js#2dbde0
expression.embedded.vue punctuation.definition#e180b8
expression.embedded.vue variable.other.readwrite.js#e7f7ff
expression.embedded.vue meta.property.object.js#72ffc6
source.directive.vue variable.other.readwrite.js, source.directive.vue punctuation.definition.string#9cd3f1
meta.directive.vue string.quoted.single.js#0db39d
source.vue meta.tag string.quoted#e7f7ff
source.vue source.directive.vue string.quoted#9cd3f1
source.vue entity.name.tag.template.htmlbold
source.vue entity.name.tag.script.htmlbold
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#2dbde0
source.elixir entity.name.function#2dbde0
source.elixir punctuation.definition.string#9cd3f1
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#2dbde0
source.elixir .punctuation.binary.elixir#72ffc6
source.go meta.function-call.go#2dbde0
meta.object-binding-pattern-variable.js variable.other.constant.js#9cd3f1
meta.class entity.name.type.class.js#2dbde0
meta.arrow.js punctuation.definition.parameters.begin.js, meta.arrow.js punctuation.definition.parameters.end.js#8ba2b7
meta.method.declaration storage.type.js#2dbde0
terminator.js#e7f7ff
meta.export.default.js, meta.export.default.js keyword.control, keyword.control.export.js#8ba2b7
meta.export.default.js variable.other.readwrite.js#9cd3f1bold
meta.js punctuation.definition.js#e7f7ff
variable.other.meta.import.js, meta.import.js variable.other, keyword.operator.module.js, meta.import.js.jsx string.quoted, meta.import.js.jsx punctuation.definition.string, meta.export.default.js.jsx string.quoted, meta.export.default.js.jsx punctuation.definition.string#9cd3f1
source.js keyword.control, keyword.operator.expression.import.js.jsx#0db39d
support.type.object.module.js#2dbde099
keyword.control.conditional.js#72ffc6
source.js variable.parameter#9cd3f1
variable.other.readwrite.js#e7f7ff
string.quoted.double.js meta.object-literal.key#72ffc6
variable.other.object.js, variable.other.object.jsx#e7f7ff
meta.function-call.js.jsx entity.name.function#2dbde0
variable.object.property.js, variable.object.property.jsx, variable.other.property.js.jsx#9cd3f1
meta.jsx entity.name.tag.js, meta.jsx punctuation.definition.tag#e7f7ff
variable.js, variable.other.js#e7f7ff
entity.name.type.js, entity.name.type.module.js#2dbde0
support.class.js#e7f7ff
meta.object-literal.key.js string.quoted, meta.object-literal.key.js, meta.object-literal.key.js punctuation.definition.string#72ffc6
string.unquoted.label.js#72ffc6
support.type.property-name.json#e180b8
string.quoted.double.json meta.structure.dictionary.value.json, string.quoted.double.json punctuation.definition.string.json#9cd3f1
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#0db39d
variable.other.ruby#e7f7ff
source.ruby keyword.control#72ffc6
constant.language.symbol.hashkey.ruby#0db39d
meta.embedded.line.ruby variable.other.readwrite.instance, meta.embedded.line.ruby variable.other.readwrite.instance punctuation.definition.variable.ruby, meta.embedded.line.ruby punctuation.definition.variable#0db39d
source.ruby support.class, entity.name.type.class.ruby#e180b8
entity.name.type.class.rubybold
variable.parameter.function.swift entity.name.function.swift#e7f7ff
meta.parameter-clause.swift support.type.swift#9cd3f1
meta.definition.type.class.swift storage.type.class.swift#0db39d
meta.definition.type.class.swift entity.name.type.class.swift#9cd3f1bold
meta.definition.type.class.swift meta.inheritance-clause.swift#8ba2b7italic
source.swift keyword.control#0db39d
meta.definition.function.initializer.swift storage.type.function.swift#72ffc6
meta.embedded.line.swift#e7f7ff
entity.name.tag.less#e180b8
meta.attribute-selector.less entity.other.attribute-name.attribute#0db39d
markup.heading.markdown, markup.heading.markdown entity.name.section.markdown#e180b8
punctuation.definition.heading.markdown#e180b888
markup.italic.markdown#e7f7ffitalic
markup.bold.markdown#e7f7ffbold
markup.quote.markdown, markup.quote.markdown meta.paragraph.markdown#9cd3f1italic
punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown#9cd3f188
markup.inline.raw.string.markdown#2dbde0
markup.inline.raw.markdown, markup.fenced_code.block.markdown#9cd3f1
punctuation.definition.raw.markdown#2dbde088
markup.underline.link.markdown, markup.underline.link.image.markdown#0db39d
string.other.link.title.markdown, string.other.link.description.markdown, meta.link.inline.markdown string.other.link.title.markdown#72ffc6
text.html.markdown punctuation.definition, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, meta.link.inline.markdown punctuation.definition.string.begin.markdown, meta.link.inline.markdown punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.list.end.markdown, fenced_code.block.language.markdown#748da5
punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown#72ffc6
punctuation.definition.metadata.markdown#0db39d
support.class.php#2dbde0
meta.function-call.php punctuation#e7f7ff
variable.other.global.php#2dbde0
variable.other.global.php punctuation.definition.variable#2dbde0
constant.language.python#0db39d
keyword.operator.logical.python#72ffc6italic
keyword.control.flow.python#72ffc6
support.function.builtin.python#0db39d
storage.type.number.python#748da5
variable.parameter.function.python, meta.function-call.arguments.python#9cd3f1
punctuation.python#e7f7ff
entity.name.function.decorator.python#a2b7c9italic
variable.parameter.function.language.special.self.python, variable.language.special.self.python#0db39dbold italic
meta.function.parameters.python, meta.function.parameters.python support.type.python#a2b7c9italic
meta.function.parameters.python variable.parameter.function.language.python#72ffc6
punctuation.definition.list.begin.python, punctuation.definition.list.end.python#e7f7ff
entity.name.function.decorator.python, entity.name.function.decorator.python punctuation.separator.period.python#0db39d
string.interpolated.python storage.type.string.python#0db39d
keyword.codetag.notation.pythonbold
comment.line.number-sign.python keyword.codetag.notation.python#5c7892italic bold
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#e7f7ff
entity.name.type.ts, entity.name.type.tsx#2dbde0
support.class.node.ts, support.class.node.tsx#2dbde0
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#e7f7ff
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block#e7f7ff
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx#2dbde0
meta.jsx.children.tsx, meta.tag.js meta.jsx.children.tsx#2dbde0
entity.name.tag.yaml#0db39d
comment.block.javadoc keyword.other.documentation#72ffc690
comment.block.javadoc entity.name.type.class#2dbde090
comment.block.javadoc variable.parameter#9cd3f190
punctuation.separator#a2b7c9
string.quoted.double.java#2dbde0
storage.type.generic.java#0db39d
variable.other.object.java#e7f7ff
meta.method-call.java entity.name.function.java#9cd3f1
meta.class.java storage.modifier.java#72ffc6
meta.class.body meta.method storage.modifier.java #72ffc6
storage.modifier.import.java, meta.import.java storage.modifier.java#748da5
storage.modifier.import.java variable.language.wildcard#e180b899
keyword.other.import.java#72ffc699
keyword.other.package.java#9cd3f1bold italic
entity.name.type.class.java#2dbde0bold
storage.modifier.package.java#e7f7ff
meta.import.java punctuation#e7f7ff99
meta.definition.variable.java storage.type.java#0db39d
storage.modifier.extends.java#8ba2b7
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, keyword.other.unit, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.operator, keyword.control.ternary, keyword.operator.or.regexp, punctuation.definintion.string, punctuation, markup.list.unnumbered.markdown, markup.list.numbered.markdown, meta.embedded
meta.import.ts meta.block.ts variable.other.readwrite.alias.ts, meta.import.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.import.js variable.other, entity.name.function.ts, entity.name.function.tsx, support.type.primitive, entity.name.tag.yaml, meta.tag.sgml.doctype.html, entity.name.tag.doctype, meta.tag.sgml.doctype, entity.other.attribute-name, entity.name.tag.custom, keyword.control.flow, support.type.property.css, support.function.basic_functions, variable.assignment.coffee, support.function.basic_functions, keyword.operator.expression.typeof, keyword.operator.type.annotation, assignment.coffee, entity.name.type.ts, support.constant.math, meta.object-literal.key, meta.var.expr storage.type, parameter, italic, quote, keyword, storage, language, type .function, type.function, storage.type.class, type.var, meta.parameter, meta.parameters, keyword.control, modifier, this, commentitalic
token.info-token#e180b8
token.warn-token#e180b8
token.error-token#e180b8
token.debug-token#9cd3f1

Shiki preview

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

Loading...

Replicant Theme by Kenzie Bottoms - VS Code Theme