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.activeBorder#54bef2
  • activityBar.background#1b2636
  • activityBar.border#1b2636
  • activityBar.foreground#cacde2
  • activityBarBadge.background#54bef2
  • activityBarBadge.foreground#071730
  • badge.background#54bef2
  • badge.foreground#071730
  • breadcrumb.activeSelectionForeground#54bef2
  • breadcrumb.background#1b2636
  • breadcrumb.focusForeground#cacde2
  • breadcrumb.foreground#6d88a7
  • breadcrumbPicker.background#1b2636
  • button.background#54bef2
  • button.border#1b2636
  • button.foreground#071730
  • button.hoverBackground#67e8f9
  • button.secondaryBackground#07173050
  • button.secondaryForeground#d2d8e7
  • button.secondaryHoverBackground#071730
  • charts.blue#54bef2
  • charts.foreground#cacde2
  • charts.green#82f1b1
  • charts.orange#ff9c66
  • charts.purple#c792ea
  • charts.red#fb7185
  • charts.yellow#ffcb6b
  • debugConsole.errorForeground#fb7185
  • debugConsole.infoForeground#cacde2
  • debugConsole.sourceForeground#54bef2
  • debugConsole.warningForeground#ffcb6b
  • debugConsoleInputIcon.foreground#54bef2
  • debugToolBar.background#1b2636
  • descriptionForeground#cacde2cc
  • diffEditor.insertedTextBackground#82f1b120
  • diffEditor.removedTextBackground#fb718560
  • dropdown.background#1b2636
  • dropdown.border#cacde210
  • editor.background#1b2636
  • editor.findMatchBackground#cacde240
  • editor.findMatchBorder#54bef2
  • editor.findMatchHighlightBackground#54bef260
  • editor.findMatchHighlightBorder#cacde210
  • editor.foreground#cacde2
  • editor.lineHighlightBackground#07173050
  • editor.selectionBackground#54bef240
  • editor.selectionHighlightBackground#ffcb6b30
  • editorBracketMatch.background#07173050
  • editorBracketMatch.border#54bef240
  • editorCodeLens.foreground#6d88a7
  • editorCursor.foreground#ffcb6b
  • editorError.foreground#fb718580
  • editorGroup.border#1b2636
  • editorGroupHeader.tabsBackground#1b2636
  • editorGutter.addedBackground#82f1b140
  • editorGutter.deletedBackground#fb718540
  • editorGutter.modifiedBackground#54bef240
  • editorHoverWidget.background#1b2636
  • editorHoverWidget.border#cacde210
  • editorIndentGuide.activeBackground#4e5c7e
  • editorIndentGuide.background#6d88a740
  • editorInfo.foreground#54bef240
  • editorLineNumber.activeForeground#6d88a7
  • editorLineNumber.foreground#4e5c7e
  • editorLink.activeForeground#d2d8e7
  • editorMarkerNavigation.background#54bef210
  • editorOverviewRuler.addedForeground#82f1b1
  • editorOverviewRuler.background#1b2636
  • editorOverviewRuler.border#1b2636
  • editorOverviewRuler.currentContentForeground#ffcb6b60
  • editorOverviewRuler.deletedForeground#fb7185
  • editorOverviewRuler.errorForeground#fb7185
  • editorOverviewRuler.findMatchForeground#67e8f9
  • editorOverviewRuler.incomingContentForeground#ffcb6b60
  • editorOverviewRuler.infoForeground#54bef2
  • editorOverviewRuler.modifiedForeground#ffcb6b
  • editorOverviewRuler.rangeHighlightForeground#67e8f930
  • editorOverviewRuler.selectionHighlightForeground#67e8f930
  • editorOverviewRuler.warningForeground#ffcb6b
  • editorOverviewRuler.wordHighlightForeground#ffcb6b30
  • editorOverviewRuler.wordHighlightStrongForeground#ffcb6b60
  • editorRuler.foreground#6d88a7
  • editorSuggestWidget.background#1b2636
  • editorSuggestWidget.border#cacde210
  • editorSuggestWidget.focusHighlightForeground#54bef2
  • editorSuggestWidget.foreground#d2d8e7
  • editorSuggestWidget.highlightForeground#54bef2
  • editorSuggestWidget.selectedBackground#54bef240
  • editorSuggestWidget.selectedForeground#cacde2
  • editorWarning.foreground#ffcb6b80
  • editorWhitespace.foreground#cacde240
  • editorWidget.background#1b2636
  • editorWidget.border#54bef2
  • editorWidget.resizeBorder#54bef2
  • extensionButton.prominentBackground#54bef2cc
  • extensionButton.prominentHoverBackground#54bef2
  • focusBorder#1b263600
  • foreground#cacde2
  • gitDecoration.conflictingResourceForeground#ffcb6bcc
  • gitDecoration.deletedResourceForeground#fb7185cc
  • gitDecoration.ignoredResourceForeground#4e5c7e
  • gitDecoration.modifiedResourceForeground#ffcb6bcc
  • gitDecoration.submoduleResourceForeground#c792eacc
  • gitDecoration.untrackedResourceForeground#82f1b1cc
  • gitlens.closedPullRequestIconColor#fb7185
  • gitlens.decorations.branchAheadForegroundColor#82f1b1
  • gitlens.decorations.branchBehindForegroundColor#ffcb6b
  • gitlens.decorations.branchDivergedForegroundColor#ff9c66
  • gitlens.decorations.branchMissingUpstreamForegroundColor#fb7185
  • gitlens.decorations.branchUnpublishedForegroundColor#82f1b1
  • gitlens.gutterBackgroundColor#07173060
  • gitlens.gutterForegroundColor#cacde2
  • gitlens.gutterUncommittedForegroundColor#4e5c7e
  • gitlens.lineHighlightBackgroundColor#07173060
  • gitlens.lineHighlightOverviewRulerColor#cacde2
  • gitlens.mergedPullRequestIconColor#c792ea
  • gitlens.openPullRequestIconColor#82f1b1
  • gitlens.trailingLineBackgroundColor#07173050
  • gitlens.trailingLineForegroundColor#cacde240
  • gitlens.unpublishedCommitIconColor#82f1b1
  • gitlens.unpulledChangesIconColor#ffcb6b
  • icon.foreground#cacde2
  • input.background#07173050
  • input.border#1b2636
  • input.foreground#d2d8e7
  • input.placeholderForeground#cacde240
  • inputOption.activeBackground#07173060
  • inputOption.activeBorder#cacde210
  • inputValidation.errorBorder#fb718580
  • inputValidation.infoBorder#54bef280
  • inputValidation.warningBorder#ffcb6b80
  • keybindingLabel.background#07173050
  • keybindingLabel.border#4e5c7ecc
  • keybindingLabel.bottomBorder#6d88a7cc
  • keybindingLabel.foreground#d2d8e7
  • list.activeSelectionBackground#6d88a760
  • list.activeSelectionForeground#ffffff
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#07173050
  • list.focusBackground#54bef220
  • list.focusForeground#ffffff
  • list.focusHighlightForeground#ffffff
  • list.highlightForeground#d2d8e7
  • list.hoverBackground#07173050
  • list.hoverForeground#d2d8e7
  • list.inactiveSelectionBackground#1b2636
  • list.inactiveSelectionForeground#54bef2
  • listFilterWidget.background#1b2636
  • listFilterWidget.noMatchesOutline#cacde210
  • listFilterWidget.outline#cacde210
  • menu.background#1b2636
  • menu.foreground#d2d8e7
  • menu.selectionBackground#1b2636
  • menu.selectionForeground#54bef2
  • menu.separatorBackground#d2d8e7
  • menubar.selectionBackground#1b2636
  • menubar.selectionForeground#54bef2
  • notificationCenterHeader.background#1b2636
  • notificationCenterHeader.foreground#d2d8e7
  • notificationLink.foreground#c792ea
  • notifications.background#1b2636
  • notifications.foreground#d2d8e7
  • notificationsErrorIcon.foreground#fb7185
  • notificationsInfoIcon.foreground#07173050
  • notificationsWarningIcon.foreground#ffcb6b
  • panel.background#1b2636
  • panel.border#1b2636
  • panel.dropBorder#c792ea
  • panelTitle.activeBorder#54bef2
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#6d88a7
  • peekView.border#cacde210
  • peekViewEditor.background#c792ea10
  • peekViewEditor.matchHighlightBackground#54bef240
  • peekViewEditorGutter.background#c792ea10
  • peekViewResult.background#c792ea10
  • peekViewResult.matchHighlightBackground#54bef240
  • peekViewResult.selectionBackground#6d88a740
  • peekViewTitle.background#c792ea10
  • peekViewTitleDescription.foreground#cacde240
  • pickerGroup.foreground#54bef2
  • progressBar.background#54bef2
  • scrollbar.shadow#1b263600
  • scrollbarSlider.activeBackground#54bef240
  • scrollbarSlider.background#54bef230
  • scrollbarSlider.hoverBackground#1b2636
  • selection.background#54bef240
  • settings.checkboxBackground#1b2636
  • settings.checkboxForeground#cacde2
  • settings.dropdownBackground#1b2636
  • settings.dropdownForeground#cacde2
  • settings.headerForeground#54bef2
  • settings.modifiedItemIndicator#54bef2
  • settings.numberInputBackground#1b2636
  • settings.numberInputForeground#cacde2
  • settings.textInputBackground#1b2636
  • settings.textInputForeground#cacde2
  • sideBar.background#1b2636
  • sideBar.border#1b2636
  • sideBar.foreground#6d88a7
  • sideBarSectionHeader.background#1b2636
  • sideBarSectionHeader.border#1b2636
  • sideBarTitle.foreground#cacde2
  • statusBar.background#1b2636
  • statusBar.border#1b2636
  • statusBar.debuggingBackground#54bef2
  • statusBar.debuggingForeground#071730
  • statusBar.foreground#6d88a7
  • statusBar.noFolderBackground#1b2636
  • statusBarItem.hoverBackground#07173050
  • statusBarItem.prominentForeground#071730
  • statusBarItem.remoteBackground#54bef2
  • statusBarItem.remoteForeground#071730
  • tab.activeBorder#54bef2
  • tab.activeForeground#cacde2
  • tab.activeModifiedBorder#6d88a7
  • tab.border#1b2636
  • tab.inactiveBackground#1b2636
  • tab.inactiveForeground#6d88a7
  • tab.unfocusedActiveBorder#6d88a7
  • tab.unfocusedActiveForeground#cacde2
  • terminal.ansiBlack#4e5c7e
  • terminal.ansiBlue#54bef2
  • terminal.ansiBrightBlack#6d88a7
  • terminal.ansiBrightBlue#54bef2
  • terminal.ansiBrightCyan#67e8f9
  • terminal.ansiBrightGreen#82f1b1
  • terminal.ansiBrightMagenta#c792ea
  • terminal.ansiBrightRed#fb7185
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffcb6b
  • terminal.ansiCyan#67e8f9
  • terminal.ansiGreen#82f1b1
  • terminal.ansiMagenta#c792ea
  • terminal.ansiRed#fb7185
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#ffcb6b
  • terminalCursor.background#071730
  • terminalCursor.foreground#cacde2
  • textCodeBlock.background#6d88a7
  • textLink.activeForeground#54bef2
  • textLink.foreground#54bef2
  • textPreformat.foreground#6d88a7
  • titleBar.activeBackground#1b2636
  • titleBar.activeForeground#d2d8e7
  • titleBar.border#1b2636
  • titleBar.inactiveBackground#1b2636
  • titleBar.inactiveForeground#6d88a7
  • toolbar.hoverBackground#07173050
  • widget.shadow#07173050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source | text#cacde2
comment, punctuation.definition.comment, string.quoted.docstring#4e5c7e
variable, string constant.other.placeholder#cacde2
invalid, invalid.broken, invalid.illegal, invalid.unimplemented#fb7185strikethrough
invalid.deprecated#ff9c66strikethrough
keyword, keyword.directive, keyword.control.directive, keyword.other.import, keyword.control.import, keyword.control.at-rule.import, keyword.other, keyword.other.unit, keyword.operator.new, keyword.operator.expression, keyword.operator.word, meta.preprocessor, storage.type#c792ea
storage.modifier#82f1b1
constant.other.color, constant.other.color.rgb-value, inline-color-decoration rgb-value#67e8f9
keyword.control, keyword.other.template, keyword.other.substitution#67e8f9
entity.name.operator, keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.assignment.compound, keyword.operator.bitwise, keyword.operator.logical#8da1ee
keyword.operator.type, keyword.operator.optional, punctuation.accessor, punctuation.definition, punctuation.other, punctuation.separator, punctuation.separator.key-value, punctuation.separator.label, punctuation.terminator#6d88a7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.quasi.element, keyword.other.substitution.begin, keyword.other.substitution.end, keyword.other.template.begin, keyword.other.template.end#6d88a7
punctuation.bracket, punctuation.brackets, punctuation.definition.arguments, punctuation.definition.tag, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.variable, punctuation.support, punctuation.support.type, punctuation.section.bracket, punctuation.section.brackets, punctuation.section.group, punctuation.section.groups, punctuation.section.round, punctuation.section.arguments, punctuation.section.parens#d2d8e7
block.scope.end | block.scope.begin, markup.heading, punctuation.section, punctuation.section.block, punctuation.section.brace, punctuation.section.braces, punctuation.section.function#6d88a7
entity.name.tag#c792ea
markup.heading entity.name, entity.name.section#54bef2
entity.name.function, entity.name.method.js, entity.name.operator.custom-literal, entity.name.scope-resolution, keyword.declaration.function, keyword.other.special-method, meta.class-method.js entity.name.function.js, meta.require, source.powershell variable.other.member, support.constant.handlebars, support.function, support.function.any-method, variable.function, variable.function.constructor#54bef2
entity.name.constant, variable.other.constant#fb7185
support.other.variable#fb7185
constant.numeric, constant.language, constant.character, constant.escape, constant.other, support.constant, support.constant.font-name, support.constant.property-value, variable.other.constant#fb7185
variable.parameter, variable.parameter.function, variable.parameter.function.language.special#fb7185
string, string.other.link, constant.other.symbol, constant.other.key, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#c3e88d
entity.name.class, entity.name.class.identifier.namespace.type, entity.name.impl, entity.name.interface, entity.name.trait, entity.name.function.constructor, entity.name.function.destructor, entity.name.package, entity.name.scope-resolution, entity.name.struct, entity.name.type, entity.name.type.namespace, entity.name.union, entity.other.inherited-class, entity.other.attribute, keyword.declaration, support.class, support.type, support.type.exception#ffcb6b
entity.name.namespace, variable.import.parameter, variable.other.class#ffcb6b
entity.name.module, variable.language#fb7185
entity.name.variable.field, variable.object.property, variable.other.enummember#d2d8e7
entity.name.label#54bef2
entity.name.type.module#cacde2
keyword.operator.glob, keyword.operator.wildcard, variable.language.wildcard#ffcb6b
entity.name.tag.js, punctuation.definition.tag.js, storage.type.annotation, punctuation.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function#ff9c66
entity.other.attribute-name#54bef2
string.regexp#67e8f9
string.regexp punctuation.definition.string#d2d8e7
constant.character.escape, constant.other.character-class#fb7185
keyword.control.anchor.regexp#c792ea
string.regexp keyword.other.operator, string.regexp meta.assertion#54bef2
keyword.operator.or.regexp#d2d8e7
string.regexp punctuation.definition.character-class, string.regexp punctuation.definition.group#cacde2
punctuation.definition.block.tag#d2d8e7
*url*, *link*, *uri*underline
constant.other.reference.link, string.other.link.description, string.other.link.title#c3e88d
markup.changed, markup.changed.git_gutter#ffcb6b
markup.deleted, markup.deleted.git_gutter#fb7185
markup.inserted, markup.inserted.git_gutter#82f1b1
markup.bold, markup.bold stringbold
markup.italicitalic
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 stringbold italic
markup.quote#6d88a7italic
markup.raw.block#6d88a7
markup.strike, markup.strikethrough#4e5c7estrikethrough
markup.underlineunderline
token.info-token#54bef2
token.warn-token#ff9c66
token.error-token#fb7185
token.debug-token#c792ea
source.c punctuation.section.parens.begin.bracket.round, source.cpp punctuation.section.parens.begin.bracket.round, source.c punctuation.section.parens.end.bracket.round, source.cpp punctuation.section.parens.end.bracket.round, source.c punctuation.section.parameters.begin.bracket.round, source.cpp punctuation.section.parameters.begin.bracket.round, source.c punctuation.section.parameters.end.bracket.round, source.cpp punctuation.section.parameters.end.bracket.round#d2d8e7
source.c punctuation.terminator.statement.c, source.cpp punctuation.terminator.statement.cpp, source.c punctuation.section.block.begin.bracket.curly.c, source.cpp punctuation.section.block.begin.bracket.curly.cpp, source.c punctuation.section.block.end.bracket.curly.c, source.cpp punctuation.section.block.end.bracket.curly.cpp#6d88a7
source.cpp meta.block variable.other#fb7185
source.c keyword.control.directive.conditional, source.cpp keyword.control.directive.conditional#c792ea
source.c keyword.operator.assignment, source.cpp keyword.operator.assignment, source.c keyword.operator.comparison, source.cpp keyword.operator.comparison, source.c keyword.operator, source.cpp keyword.operator, source.c keyword.operator.increment, source.cpp keyword.operator.increment, source.c keyword.operator.decrement, source.cpp keyword.operator.decrement, source.c keyword.operator.bitwise.shift, source.cpp keyword.operator.bitwise.shift#8da1ee
source.c punctuation.separator.pointer-access.c, source.cpp punctuation.separator.pointer-access.c#d2d8e7
source.c support.type.posix-reserved, source.cpp support.type.posix-reserved#fb7185
source.c string.quoted.other.lt-gt.include, source.cpp string.quoted.other.lt-gt.include#cacde2
source.cpp punctuation.separator.c | punctuation.separator#6d88a7
source.cpp keyword.operator.sizeof.c | keyword.operator.sizeof#8da1ee
source.cpp entity.name.scope-resolution.function.call, source.cpp entity.name.scope-resolution.function.definition, source.cs entity.name.label#54bef2
source.cs entity.name.variable.parameter#fb7185
source.cs function.parameter#fb7185
source.cs storage.type#ffcb6b
source.clojure entity.global#cacde2
source.clojure meta.symbol#ffcb6b
source.clojure constant.keyword#fb7185
source.coffee meta.arguments, source.coffee variable.parameter.function#fb7185
source.css entity.other.attribute-name.class#ffcb6b
source.css support.constant.color.w3c-standard-color-name#67e8f9
source.css entity.other.attribute-name.id, source.css source.sass keyword.control#fb7185
source.css entity.other.attribute-name, source.css entity.other.attribute-name.pseudo-element, source.css entity.other.attribute-name.pseudo-class#82f1b1
source.css punctuation.definition.keyword#d2d8e7
source.css keyword.control.at-rule.media#c792ea
source.css support.constant.property-value, source.scss support.constant.property-value#fb7185
source.css meta.property-list.css keyword.operator, source.sass keyword.operator, source.scss keyword.operator, source.less keyword.operator, source.postcss keyword.operator, source.stylus keyword.operator#8da1ee
source.css meta.property-list.css variable, 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#d2d8e7
source.diff meta.diff.header.git#c792ea
source.diff meta.diff.index, source.diff meta.toc-list.line-number.diff#4e5c7e
source.diff meta.diff.header.from-file#cacde2
source.diff meta.diff.header.to-file#cacde2
source.diff punctuation.definition.from-file#fb7185
source.diff punctuation.definition.to-file#82f1b1
source.diff meta.diff.range.context#cacde2
source.diff punctuation.definition.separator#4e5c7e
source.edge support.constant#fb7185
source.elixir constant.other.symbol.elixir#cacde2
source.elixir variable.other.readwrite.module.elixir#82f1b1
source.elixir variable.other.constant.elixir#82f1b1
source.elixir constant.language.symbol, source.elixir constant.language.symbol.double-quoted#fb7185
source.elm support.type.prelude#ffcb6b
source.elm support.constant#fb7185
source.go keyword.operator.assignment, source.go keyword.operator.arithmetic, source.go keyword.operator.address#8da1ee
source.go entity.name.package#ffcb6b
source.go constant.other.placeholder.go#fb7185
source.groovy storage.modifier.import#ffcb6b
source.groovy meta.method#54bef2
source.groovy meta.definition.variable.name#cacde2
source.groovy meta.definition.class.inherited.classes#d2d8e7
source.haskell variable.other.generic-type#ffcb6b
source.haskell punctuation.bracket#d2d8e7
source.haskell storage.type#ffcb6b
source.haskell meta.preprocessor#c792ea
source.hlsl support.variable.semantic#fb7185
source.hlsl support.type.texture, source.hlsl support.type.sampler, source.hlsl support.type.object, source.hlsl support.type.object.rw, source.hlsl support.type.fx, source.hlsl support.type.object#ffcb6b
text.html.basic constant.character.entity#fb7185
text.html.basic constant.other.inline-data#6d88a7
text.html.basic invalid.illegal.bad-ampersand#fb7185
text.html.basic meta.tag.sgml.doctype#67e8f9
text.html.basic punctuation.definition.entity#d2d8e7
text.html punctuation.definition.tag, text.html punctuation.definition.tag.begin, text.html punctuation.definition.tag.end#4e5c7e
source.properties entity.name.section.group-title.ini#54bef2
source.ini keyword.other.definition.ini#c3e88d
source.ini keyword.other.definition.ini#c3e88d
source.java comment.block.documentation.javadoc punctuation.definition.entity.html#6d88a7
source.java constant.other#fb7185
source.java keyword.other.documentation, source.java keyword.other.documentation.author, source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom, source.java keyword.other.documentation.see#c792ea
source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc#82f1b1
source.java meta.tag.template.value.javadoc#54bef2
source.java punctuation.definition.keyword.javadoc#d2d8e7
source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc#d2d8e7
source.java storage.type, source.java storage.type.annotation, source.java storage.type.generic, source.java storage.type.object.array#ffcb6b
source.java meta.method-call meta.method#54bef2
source.java storage.modifier.import#ffcb6b
source.java storage.modifier.package#ffcb6b
source.java storage.type#ffcb6b
source.java storage.type.annotation#c792ea
source.java storage.type.generic#82f1b1
source.java storage.type.primitive#c792ea
source.java punctuation.section.block.begin, source.java punctuation.section.block.end, source.java punctuation.section.method.begin, source.java punctuation.section.method.end, source.java punctuation.terminator, source.java punctuation.section.class.begin, source.java punctuation.section.class.end, source.java punctuation.section.inner-class.begin, source.java punctuation.section.inner-class.end, source.java punctuation.section.class.begin.bracket.curly, source.java punctuation.section.class.end.bracket.curly, source.java punctuation.section.method.begin.bracket.curly, source.java punctuation.section.method.end.bracket.curly, source.java punctuation.separator.period, source.java punctuation.definition.annotation#6d88a7
source.java punctuation.definition.method-parameters.begin, source.java punctuation.definition.method-parameters.end, source.java meta.method.identifier, source.java punctuation.bracket.angle, source.java punctuation.definition.annotation#d2d8e7
source.java keyword.other.import#c792ea
source.java storage.modifier#82f1b1
source.java keyword.operator.instanceof#c792ea
source.java meta.method-call meta.method#54bef2
source.java storage.type, source.java storage.type.annotation, source.java storage.type.generic, source.java storage.type.object.array#ffcb6b
source.java meta.definition.variable.name, source.java token.variable.parameter#cacde2
source.js constant.other.object.key.js string.unquoted.label.js#d2d8e7
source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function#ff9c66
source.js keyword.operator.module#c792ea
source.js string.quoted.template meta.method-call.with-arguments#cacde2
source.js storage.type.class.jsdoc#ffcb6b
source.js meta.object-literal.key#d2d8e7
source.js variable.other.object, source.js meta.property.object#cacde2
source.js meta.embedded.line meta.brace.square, source.js meta.embedded.line meta.brace.round, source.js string.quoted.template meta.brace.square, source.js string.quoted.template meta.brace.round#d2d8e7
source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object#cacde2
source.js string.quoted.template punctuation.quasi.element.begin, source.js string.quoted.template punctuation.quasi.element.end, source.js string.template punctuation.definition.template-expression#d2d8e7
source.js support.type.primitive#ffcb6b
source.js punctuation.definition.template-expression.begin, source.js punctuation.definition.template-expression.end, source.js keyword.other.substitution.begin#6d88a7
source.js support.type.type.flowtype#c792ea
source.js variable.other.readwrite.alias#cacde2
source.json meta.structure.dictionary.json support.type.property-name.json#cacde2
source.json punctuation.definition.string, source.json punctuation.support.type.property-name#6d88a7
source.php text.html.laravel-blade source.embedded.line.html entity.name.tag.laravel-blade#c792ea
source.php text.html.laravel-blade source.embedded.line.html support.constant.laravel-blade#fb7185
source.makefile meta.scope.prerequisites#ffcb6b
text.html.markdown#cacde2
text.html.markdown markup.quote#6d88a7
text.html.markdown punctuation.definition.constant, text.html.markdown punctuation.definition.string#d2d8e7
text.html.markdown markup.fenced_code.block, text.html.markdown markup.fenced_code.block meta.embedded.block, text.html.markdown markup.inline.raw#6d88a7
text.html.markdown variable.language.fenced.markdown, text.html.markdown fenced_code.block.language#4e5c7e
text.html.markdown markdown.heading, text.html.markdown markup.heading.markdown punctuation.definition.heading.markdown#6d88a7
text.html.markdown meta.dummy.line-break#4e5c7e
text.html.markdown markup.underline.link#54bef2
text.html.markdown constant.character.math.tex#fb7185
text.html.markdown punctuation.definition.function.math.tex#54bef2
text.html.markdown punctuation.definition.math, text.html.markdown punctuation.math.operator.latex#6d88a7
text.html.markdown markup.inline.raw.markdown#c792ea
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#6d88a7
text.html.markdown punctuation.definition.list_item.markdown, text.html.markdown punctuation.definition.quote.markdown, text.html.markdown punctuation.definition.raw.markdown#6d88a7
text.html.markdown meta.separator#6d88a7bold
text.html.markdown markup.table#6d88a7
text.html.markdown markup.heading.setext.1, text.html.markdown markup.heading.setext.2#6d88a7
variable.other.readwrite.global.special.perl#ffcb6b
source.php punctuation.section.array.begin, source.php punctuation.section.array.end#d2d8e7
source.php punctuation.definition.begin.bracket.curly, source.php punctuation.definition.end.bracket.curly, source.php punctuation.definition.parameters.begin.bracket.round, source.php punctuation.definition.parameters.end.bracket.round, source.php punctuation.definition.section.switch-block.begin.bracket.curly, source.php punctuation.definition.section.switch-block.end.bracket.curly, source.php punctuation.definition.section.switch-block.end.bracket.curly, source.php punctuation.definition.section.switch-block.start.bracket.curly, source.php punctuation.definition.storage-type.begin.bracket.round, source.php punctuation.definition.storage-type.end.bracket.round, source.php punctuation.section.scope.begin, source.php punctuation.section.scope.end, source.php punctuation.separator.delimiter, source.php punctuation.terminator.expression#6d88a7
source.php punctuation.definition.arguments.begin.bracket.round, source.php punctuation.definition.arguments.end.bracket.round, source.php punctuation.definition.array.begin.bracket.round, source.php punctuation.definition.array.end.bracket.round, source.php punctuation.definition.begin.bracket.round, source.php punctuation.definition.end.bracket.round#d2d8e7
source.php keyword.operator.error-control#d2d8e7
source.php source.go entity.nameto-label.php | support.other#54bef2
source.php keyword.operator.heredoc.php | keyword.operator.nowdoc#d2d8e7
source.php invalid.illegal.non-null-typehinted#fb7185
source.php keyword.operator.type#c792ea
text.html.php punctuation.section.embedded#67e8f9
source.php keyword.operator.arithmetic, source.php keyword.operator.bitwise, source.php keyword.operator.comparison, source.php keyword.operator.logical, source.php keyword.operator.regexp#8da1ee
source.php support.constant.core, source.php support.constant.ext, source.php support.constant.std, source.php support.constant.parser-token#fb7185
source.php entity.other.alias, source.php meta.interface, source.php support.other.namespace, source.php support.other.namespace.use, source.php support.other.namespace.use-as, source.php support.type.sys-types, source.php meta.use.php#ffcb6b
source.php meta.function-call, source.php meta.function-call.object, source.php meta.function-call.static#54bef2
source.php punctuation.separator.inheritance.php#d2d8e7
source.php constant.other.php#fb7185
source.php keyword.other.type, source.php keyword.other.array.phpdoc, source.php meta.other.type.phpdoc, source.php storage.type#ffcb6b
constant.character.entity.html.text.pug | constant.character.entity.jade#fb7185
source.python constant.other.caps#fb7185
source.python entity.name.function.decorator, source.python meta.function.decorator, source.python meta.function.decorator support.type, source.python support.token.decorator#ff9c66
source.python variable.parameter.function.language, source.python variable.parameter.function.language.special.self#fb7185
source.python meta.function.decorator#d2d8e7
source.python meta.function-call.generic, source.python support.variable.magic#54bef2
source.python keyword.operator.logical#c792ea
source.python variable.parameter.function, source.python variable.parameter.function.language#fb7185
source.python constant.character.format.placeholder.other#d2d8e7
source.python punctuation.definition.arguments.begin, source.python punctuation.definition.arguments.end, source.python punctuation.definition.list.begin, source.python punctuation.definition.list.end, source.python punctuation.parenthesis.begin, source.python punctuation.parenthesis.end, source.python punctuation.separator.arguments, source.python punctuation.separator.element, source.python punctuation.separator.period#6d88a7
source.python support.type#ffcb6b
source.python support.type#ffcb6b
source.rst keyword.control#6d88a7
source.ruby constant.language.symbol#ffcb6b
source.rust keyword.operator.misc#d2d8e7
source.rust variable.language#fb7185
source.rust entity.name.lifetime#fb7185
source.rust storage.modifier.lifetime#82f1b1
source.ruby function.parameter#fb7185
source.rust keyword.operator.sigil#d2d8e7
source.rust support.function.std#54bef2
source.rust support.constant.core#fb7185
source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly#d2d8e7
source.css.scss variable.interpolation#cacde2italic
source.shell variable.other#fb7185
source.sql keyword.other.DDL.create.II#fb7185
source.sql constant.other.table-name.sql#ffcb6b
source.sql text.variable, source.sql text.bracketed#cacde2
source.toml variable.key.table.toml#c792ea
source.ts punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function, source.tsx punctuation.decorator, source.tsx meta.decorator variable.other.readwrite, source.tsx meta.decorator entity.name.function#ff9c66
source.ts meta.object-literal.key entity.name.function, source.tsx meta.object-literal.key entity.name.function#54bef2
source.ts meta.object-literal.key, source.tsx meta.object-literal.key#cacde2
source.ts meta.embedded.line meta.brace.square, source.ts meta.embedded.line meta.brace.round, source.tsx meta.embedded.line meta.brace.square, source.tsx meta.embedded.line meta.brace.round#d2d8e7
source.ts support.constant.math, source.ts support.constant.dom, source.ts support.constant.json, source.tsx support.constant.math, source.tsx support.constant.dom, source.tsx support.constant.json#fb7185
source.ts support.class, source.ts support.type, source.ts entity.name.type, source.ts entity.name.class, source.tsx support.class, source.tsx support.type, source.tsx entity.name.type, source.tsx entity.name.class#ffcb6b
source.ts support.variable, source.tsx support.variable#cacde2
source.unison punctuation.definition.delayed, source.unison punctuation.definition.list.begin, source.unison punctuation.definition.list.end, source.unison punctuation.definition.ability.begin, source.unison punctuation.definition.ability.end, source.unison punctuation.operator.assignment.as, source.unison punctuation.separator.pipe, source.unison punctuation.separator.delimiter, source.unison punctuation.definition.hash#8da1ee
source.xi entity.name.function#c792ea
source.xi entity.name.class#54bef2
source.xi constant.character.character-class.regexp#fb7185
source.xi constant.regexp#67e8f9
source.xi keyword.control#fb7185
source.xi invalid#fb7185
source.xi beginning.punctuation.definition.quote.markdown#c3e88d
source.xi beginning.punctuation.definition.list.markdown#4e5c7e
source.xi constant.character#54bef2
source.xi accent#67e8f9
source.xi wikiword#ffcb6b
source.xi constant.other.color.rgb-value#8da1ee
text.xml string.unquoted.cdata#ff9c66italic
text.xml string.unquoted.cdata punctuation.definition.string#ff9c66
text.xml entity.name.tag.namespace#82f1b1
text.xml keyword.other.doctype#67e8f9
text.xml meta.tag.preprocessor entity.name.tag#67e8f9
source.yaml entity.name.tag#cacde2
source.yaml entity.other.document#6d88a7
source.yaml punctuation.definition.block.sequence.item#6d88a7
source.yaml storage.type.tag-handle#82f1b1

Shiki preview

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

Loading...

Starfall by sndst00m - VS Code Theme