Skip to main content
Coding Theme

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#212529
  • activityBar.border#212529
  • activityBar.foreground#a5a8a2cc
  • activityBarBadge.background#ffcc68
  • activityBarBadge.foreground#212529
  • badge.background#ffcc68
  • badge.foreground#212529
  • button.background#ffcc68
  • button.foreground#212529
  • button.hoverBackground#ffcd68e0
  • debugConsole.errorForeground#f27983
  • debugConsole.infoForeground#90B0C5
  • debugConsole.sourceForeground#a5a8a2
  • debugConsole.warningForeground#ffcd68e0
  • debugConsoleInputIcon.foreground#a5a8a2
  • debugExceptionWidget.background#212529
  • debugExceptionWidget.border#212529
  • debugToolBar.background#212529
  • diffEditor.insertedTextBackground#bae67e26
  • diffEditor.removedTextBackground#f29e7426
  • dropdown.background#212529
  • dropdown.border#212529
  • dropdown.foreground#a5a8a2
  • editor.background#1F2225
  • editor.findMatchBackground#c5c8c088
  • editor.findMatchBorder#ffcc5828
  • editor.findMatchHighlightBackground#c5c8c058
  • editor.findMatchHighlightBorder#c5c8c018
  • editor.findRangeHighlightBackground#3e3a26
  • editor.findRangeHighlightBorder#262f3e
  • editor.foreground#abb2bf
  • editor.inactiveSelectionBackground#ffcc5838
  • editor.lineHighlightBackground#ffffff11
  • editor.rangeHighlightBackground#3a352a
  • editor.selectionBackground#ffcc5845
  • editor.selectionHighlightBackground#ffcc5828
  • editor.selectionHighlightBorder#ffcc5818
  • editor.wordHighlightBackground#ffcc5810
  • editor.wordHighlightStrongBackground#ffcc5815
  • editorBracketMatch.background#a5a8a24d
  • editorBracketMatch.border#a5a8a299
  • editorCodeLens.foreground#5c6773
  • editorCursor.foreground#acaba9
  • editorError.foreground#af5850
  • editorGroup.border#1F2225
  • editorGroupHeader.noTabsBackground#1F2225
  • editorGroupHeader.tabsBackground#1F2225
  • editorGroupHeader.tabsBorder#1F2225
  • editorGutter.addedBackground#a6cc70c2
  • editorGutter.deletedBackground#f2798399
  • editorGutter.modifiedBackground#90b0c5c2
  • editorHoverWidget.background#212529
  • editorHoverWidget.border#a5a8a2
  • editorIndentGuide.activeBackground#e29e5f33
  • editorIndentGuide.background#e29e5f11
  • editorLineNumber.activeForeground#a5a8a2cc
  • editorLineNumber.foreground#a5a8a266
  • editorLink.activeForeground#ffcc68
  • editorMarkerNavigation.background#212529
  • editorOverviewRuler.addedForeground#a6cc70c2
  • editorOverviewRuler.border#2a2e33
  • editorOverviewRuler.deletedForeground#f2798399
  • editorOverviewRuler.errorForeground#af5850
  • editorOverviewRuler.modifiedForeground#77a8d999
  • editorOverviewRuler.warningForeground#ffcc68
  • editorRuler.foreground#a5a8a24d
  • editorSuggestWidget.background#212529
  • editorSuggestWidget.border#212529
  • editorSuggestWidget.highlightForeground#ffcc68
  • editorSuggestWidget.selectedBackground#58584c8a
  • editorWarning.foreground#ffcc68
  • editorWhitespace.foreground#a5a8a266
  • editorWidget.background#212529
  • extensionButton.prominentBackground#ffcc68
  • extensionButton.prominentForeground#212529
  • extensionButton.prominentHoverBackground#ffcc68
  • focusBorder#ffcc6858
  • foreground#a5a8a2
  • gitDecoration.conflictingResourceForeground#af5850
  • gitDecoration.deletedResourceForeground#f2798399
  • gitDecoration.ignoredResourceForeground#ffcd6870
  • gitDecoration.modifiedResourceForeground#90b0c5c2
  • gitDecoration.submoduleResourceForeground#c3a5c8b0
  • gitDecoration.untrackedResourceForeground#a6cc70c2
  • input.background#1F2225
  • input.border#373e4c
  • input.foreground#cbccc6
  • input.placeholderForeground#586070
  • inputOption.activeBorder#ffcc68
  • inputValidation.errorBackground#212529
  • inputValidation.errorBorder#af5850
  • inputValidation.infoBackground#212529
  • inputValidation.infoBorder#90B0C5
  • inputValidation.warningBackground#212529
  • inputValidation.warningBorder#ffcc68
  • list.activeSelectionBackground#58584cd8
  • list.activeSelectionForeground#cbccc6
  • list.focusBackground#58584c8a
  • list.focusForeground#a5a8a2
  • list.highlightForeground#ffcc68
  • list.hoverBackground#58584cc0
  • list.hoverForeground#a5a8a2
  • list.inactiveSelectionBackground#2a2e33
  • list.inactiveSelectionForeground#a5a8a2
  • list.invalidItemForeground#acd80f
  • panel.background#212529
  • panel.border#2a2e33
  • panelTitle.activeBorder#ffcc68
  • panelTitle.activeForeground#cbccc6
  • panelTitle.inactiveForeground#a5a8a2
  • peekView.border#ffcc68
  • peekViewEditor.background#212529
  • peekViewEditor.matchHighlightBackground#ffcc6833
  • peekViewResult.background#212529
  • peekViewResult.fileForeground#a5a8a2
  • peekViewResult.matchHighlightBackground#ffcc6833
  • peekViewTitle.background#212529
  • peekViewTitleDescription.foreground#a5a8a2
  • peekViewTitleLabel.foreground#a5a8a2
  • pickerGroup.border#2a2e33
  • pickerGroup.foreground#484f5e
  • progressBar.background#ffcc68
  • scrollbar.shadow#252014
  • scrollbarSlider.activeBackground#a5a8a2b3
  • scrollbarSlider.background#a5a8a266
  • scrollbarSlider.hoverBackground#a5a8a299
  • searchEditor.findMatchBorder#ffcc683b
  • selection.background#ffcc6850
  • settings.headerForeground#cbccc6
  • settings.modifiedItemIndicator#8ABEB7
  • sideBar.background#212529
  • sideBar.border#212529
  • sideBarSectionHeader.background#212529
  • sideBarSectionHeader.foreground#a5a8a2
  • sideBarTitle.foreground#a5a8a2
  • statusBar.background#212529
  • statusBar.border#2a2e33
  • statusBar.debuggingBackground#f2798399
  • statusBar.debuggingForeground#212529
  • statusBar.foreground#a5a8a2
  • statusBar.noFolderBackground#212529
  • statusBarItem.activeBackground#00000050
  • statusBarItem.hoverBackground#00000030
  • statusBarItem.prominentBackground#2a2e33
  • statusBarItem.prominentHoverBackground#00000030
  • tab.activeBackground#1F2225
  • tab.activeBorderTop#ffcc68
  • tab.activeForeground#cbccc6
  • tab.border#1F2225
  • tab.inactiveBackground#212529
  • tab.inactiveForeground#a5a8a2cc
  • tab.unfocusedActiveBorderTop#a5a8a2
  • tab.unfocusedActiveForeground#a5a8a2
  • tab.unfocusedInactiveForeground#a5a8a2
  • terminal.ansiBlack#1F2225
  • terminal.ansiBlue#90B0C5
  • terminal.ansiBrightBlack#1F2225
  • terminal.ansiBrightBlue#90B0C5
  • terminal.ansiBrightCyan#8ABEB7
  • terminal.ansiBrightGreen#B5BD68
  • terminal.ansiBrightMagenta#C3A5C8
  • terminal.ansiBrightRed#EC958D
  • terminal.ansiBrightWhite#DEE3E5
  • terminal.ansiBrightYellow#ffcc68
  • terminal.ansiCyan#8ABEB7
  • terminal.ansiGreen#B5BD68
  • terminal.ansiMagenta#C3A5C8
  • terminal.ansiRed#EC958D
  • terminal.ansiWhite#BFBFBF
  • terminal.ansiYellow#ffcc68
  • terminal.background#1F2225
  • terminal.foreground#cbccc6
  • textBlockQuote.background#212529
  • textLink.activeForeground#ffcc68
  • textLink.foreground#ffcc68
  • textPreformat.foreground#cbccc6
  • titleBar.activeBackground#212529
  • titleBar.activeForeground#cbccc6
  • titleBar.border#2a2e33
  • titleBar.inactiveBackground#212529
  • titleBar.inactiveForeground#a5a8a2
  • walkThrough.embeddedEditorBackground#212529
  • widget.shadow#252014

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#EC958D
variable.other.generic-type.haskell#C3A5C8
storage.type.haskell#E29F5F
support.variable.magic.python#EC958D
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ABB2BF
variable.parameter.function.language.special.self.python#F0C674
storage.modifier.lifetime.rust#ABB2BF
support.function.std.rust#90B0C5
entity.name.lifetime.rust#F0C674
variable.language.rust#EC958D
support.constant.edge#C3A5C8
constant.other.character-class.regexp#EC958D
keyword.operator.quantifier.regexp#E29F5F
punctuation.definition.string.begin,punctuation.definition.string.end#B5BD68
variable.parameter.function#ABB2BF
comment markup.link#5C6370
markup.changed.diff#F0C674
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#90B0C5
markup.inserted.diff#B5BD68
markup.deleted.diff#EC958D
meta.function.c,meta.function.cpp#EC958D
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#ABB2BF
punctuation.separator.key-value#ABB2BF
keyword.operator.expression.import#90B0C5
support.constant.math#F0C674
support.constant.property.math#E29F5F
variable.other.constant#F0C674
storage.type.annotation.java, storage.type.object.array.java#F0C674
source.java#EC958D
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#ABB2BF
meta.method.java#90B0C5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#F0C674
keyword.operator.instanceof.java#C3A5C8
meta.definition.variable.name.java#EC958D
keyword.operator.logical#8ABEB7
keyword.operator.bitwise#8ABEB7
keyword.operator.channel#8ABEB7
support.constant.property-value.scss,support.constant.property-value.css#E29F5F
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8ABEB7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#E29F5F
punctuation.separator.list.comma.css#ABB2BF
support.constant.color.w3c-standard-color-name.css#E29F5F
support.type.vendored.property-name.css#8ABEB7
support.module.node,support.type.object.module,support.module.node#F0C674
entity.name.type.module#F0C674
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#EC958D
support.constant.json#E29F5F
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#C3A5C8
support.type.object.console#EC958D
support.variable.property.process#E29F5F
entity.name.function,support.function.console#90B0C5
keyword.operator.misc.rust#ABB2BF
keyword.operator.sigil.rust#C3A5C8
keyword.operator.delete#C3A5C8
support.type.object.dom#8ABEB7
support.variable.dom,support.variable.property.dom#EC958D
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8ABEB7
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#C3A5C8
punctuation.separator.delimiter#ABB2BF
punctuation.separator.c,punctuation.separator.cpp#C3A5C8
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8ABEB7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#C3A5C8
variable.parameter.function.language.python#E29F5F
support.type.python#8ABEB7
keyword.operator.logical.python#C3A5C8
variable.parameter.function.python#E29F5F
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ABB2BF
meta.function-call.generic.python#90B0C5
constant.character.format.placeholder.other.python#E29F5F
keyword.operator#ABB2BF
keyword.operator.assignment.compound#C3A5C8
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8ABEB7
keyword#C3A5C8
entity.name.namespace#F0C674
variable#EC958D
variable.c#ABB2BF
variable.language#F0C674
token.variable.parameter.java#ABB2BF
import.storage.java#F0C674
token.package.keyword#C3A5C8
token.package#ABB2BF
entity.name.function, meta.require, support.function.any-method, variable.function#90B0C5
entity.name.type.namespace#F0C674
support.class, entity.name.type.class#F0C674
entity.name.class.identifier.namespace.type#F0C674
entity.name.class, variable.other.class.js, variable.other.class.ts#F0C674
variable.other.class.php#EC958D
entity.name.type#F0C674
keyword.control#C3A5C8
control.elements, keyword.operator.less#E29F5F
keyword.other.special-method#90B0C5
storage#C3A5C8
token.storage#C3A5C8
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#C3A5C8
token.storage.type.java#F0C674
support.function#8ABEB7
support.type.property-name#ABB2BF
support.constant.property-value#ABB2BF
support.constant.font-name#E29F5F
meta.tag#ABB2BF
string#B5BD68
entity.other.inherited-class#F0C674
constant.other.symbol#8ABEB7
constant.numeric#E29F5F
constant#E29F5F
punctuation.definition.constant#E29F5F
entity.name.tag#EC958D
entity.other.attribute-name#E29F5F
entity.other.attribute-name.id#90B0C5
entity.other.attribute-name.class.css#E29F5F
meta.selector#C3A5C8
markup.heading#EC958D
markup.heading punctuation.definition.heading, entity.name.section#90B0C5
keyword.other.unit#EC958D
markup.bold,todo.bold#E29F5F
punctuation.definition.bold#F0C674
markup.italic, punctuation.definition.italic,todo.emphasis#C3A5C8
emphasis md#C3A5C8
entity.name.section.markdown#EC958D
punctuation.definition.heading.markdown#EC958D
punctuation.definition.list.begin.markdown#EC958D
markup.heading.setext#ABB2BF
punctuation.definition.bold.markdown#E29F5F
markup.inline.raw.markdown#B5BD68
markup.inline.raw.string.markdown#B5BD68
punctuation.definition.list.markdown#EC958D
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#EC958D
beginning.punctuation.definition.list.markdown#EC958D
punctuation.definition.metadata.markdown#EC958D
markup.underline.link.markdown,markup.underline.link.image.markdown#C3A5C8
string.other.link.title.markdown,string.other.link.description.markdown#90B0C5
string.regexp#8ABEB7
constant.character.escape#8ABEB7
punctuation.section.embedded, variable.interpolation#EC958D
punctuation.section.embedded.begin,punctuation.section.embedded.end#C3A5C8
invalid.illegal#FFFFFF
invalid.illegal.bad-ampersand.html#ABB2BF
invalid.broken#FFFFFF
invalid.deprecated#FFFFFF
invalid.unimplemented#FFFFFF
source.json meta.structure.dictionary.json > string.quoted.json#EC958D
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#EC958D
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#B5BD68
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8ABEB7
support.type.property-name.json#EC958D
support.type.property-name.json punctuation#EC958D
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#C3A5C8
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#C3A5C8
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#F0C674
keyword.operator.error-control.php#C3A5C8
keyword.operator.type.php#C3A5C8
punctuation.section.array.begin.php#ABB2BF
punctuation.section.array.end.php#ABB2BF
invalid.illegal.non-null-typehinted.php#F44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#F0C674
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#90B0C5
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#ABB2BF
support.constant.core.rust#E29F5F
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#E29F5F
entity.name.goto-label.php,support.other.php#90B0C5
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8ABEB7
keyword.operator.regexp.php#C3A5C8
keyword.operator.comparison.php#8ABEB7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#C3A5C8
meta.function.decorator.python#90B0C5
support.token.decorator.python,meta.function.decorator.identifier.python#8ABEB7
function.parameter#ABB2BF
function.brace#ABB2BF
function.parameter.ruby, function.parameter.cs#ABB2BF
constant.language.symbol.ruby#8ABEB7
rgb-value#8ABEB7
inline-color-decoration rgb-value#E29F5F
less rgb-value#E29F5F
selector.sass#EC958D
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#F0C674
block.scope.end,block.scope.begin#ABB2BF
storage.type.cs#F0C674
entity.name.variable.local.cs#EC958D
token.info-token#90B0C5
token.warn-token#E29F5F
token.error-token#F44747
token.debug-token#C3A5C8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#C3A5C8
meta.template.expression#ABB2BF
keyword.operator.module#C3A5C8
support.type.type.flowtype#90B0C5
support.type.primitive#F0C674
meta.property.object#EC958D
variable.parameter.function.js#C5C8C0
keyword.other.template.begin#B5BD68
keyword.other.template.end#B5BD68
keyword.other.substitution.begin#B5BD68
keyword.other.substitution.end#B5BD68
keyword.operator.assignment#8ABEB7
keyword.operator.assignment.go#F0C674
keyword.operator.arithmetic.go, keyword.operator.address.go#C3A5C8
entity.name.package.go#F0C674
support.type.prelude.elm#8ABEB7
support.constant.elm#E29F5F
punctuation.quasi.element#C3A5C8
constant.character.entity#EC958D
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8ABEB7
entity.global.clojure#F0C674
meta.symbol.clojure#EC958D
constant.keyword.clojure#8ABEB7
meta.arguments.coffee, variable.parameter.function.coffee#EC958D
source.ini#B5BD68
meta.scope.prerequisites.makefile#EC958D
source.makefile#F0C674
storage.modifier.import.groovy#F0C674
meta.method.groovy#90B0C5
meta.definition.variable.name.groovy#EC958D
meta.definition.class.inherited.classes.groovy#B5BD68
support.variable.semantic.hlsl#F0C674
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#C3A5C8
text.variable, text.bracketed#EC958D
support.type.swift, support.type.vb.asp#F0C674
entity.name.function.xi#F0C674
entity.name.class.xi#8ABEB7
constant.character.character-class.regexp.xi#EC958D
constant.regexp.xi#C3A5C8
keyword.control.xi#8ABEB7
invalid.xi#ABB2BF
beginning.punctuation.definition.quote.markdown.xi#B5BD68
beginning.punctuation.definition.list.markdown.xi#7F848E
constant.character.xi#90B0C5
accent.xi#90B0C5
wikiword.xi#E29F5F
constant.other.color.rgb-value.xi#FFFFFF
punctuation.definition.tag.xi#5C6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#F0C674
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#EC958D
meta.brace.square#ABB2BF
comment, punctuation.definition.comment#c5c8c088italic
markup.quote.markdown#5C6370
punctuation.definition.block.sequence.item.yaml#ABB2BF
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#8ABEB7
entity.name.variable.parameter.cs#F0C674
entity.name.variable.field.cs#EC958D
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentation#c5c8c088italic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic
comment, storage, variable.language.this, variable.language.super, source.js constant.other.object.key.js string.unquoted.label.jsitalic
keyword.operator.arithmetic.js, keyword.operator.relational.js, keyword.operator.arithmetic.ts, keyword.operator.relational.ts, keyword.operator.arithmetic.tsx, keyword.operator.relational.tsx, keyword.operator.arithmetic.jsx, keyword.operator.relational.jsx#C3A5C8
variable.parameter.js, variable.other.object.property.js, variable.other.object.js, variable.other.property.js, variable.other.readwrite.js, variable.parameter.ts, variable.other.object.property.ts, variable.other.object.ts, variable.other.property.ts, variable.other.readwrite.ts, variable.parameter.tsx, variable.other.object.property.tsx, variable.other.object.tsx, variable.other.property.tsx, variable.other.readwrite.tsx, variable.parameter.jsx, variable.other.object.property.jsx, variable.other.object.jsx, variable.other.property.jsx, variable.other.readwrite.jsx#C5C8C0
punctuation.definition.block.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.terminator.statement.js, meta.brace.round.js, meta.brace.square.js, keyword, keyword.operator.ternary.js, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js, punctuation.definition.block.ts, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, punctuation.terminator.statement.ts, meta.brace.round.ts, meta.brace.square.ts, keyword.operator.ternary.ts, keyword.operator.type.annotation.ts, keyword.operator.optional.ts, punctuation.definition.block.tsx, punctuation.definition.parameters.begin.tsx, punctuation.definition.parameters.end.tsx, punctuation.terminator.statement.tsx, meta.brace.round.tsx, meta.brace.square.tsx, keyword.operator.ternary.tsx, keyword.operator.type.annotation.tsx, keyword.operator.optional.tsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.block.jsx, punctuation.definition.parameters.begin.jsx, punctuation.definition.parameters.end.jsx, punctuation.terminator.statement.jsx, meta.brace.round.jsx, meta.brace.square.jsx, keyword, keyword.operator.ternary.jsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx#8ABEB7
punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.ts, punctuation.definition.string.template.begin.tsx, punctuation.definition.string.template.end.tsx, punctuation.definition.string.template.begin.jsx, punctuation.definition.string.template.end.jsx#8ABEB7bold
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.alias.jsx#F0C674
support.function.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, support.function.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, support.function.tsx, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, support.function.jsx, punctuation.definition.template-expression.begin.jsx, punctuation.definition.template-expression.end.jsx#90B0C5

Shiki preview

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

Loading...

marcoSvenTheme - Coding Theme