Attentio

Name: Attentio
Author: Shaditya Kinlekar

Publisher: Shaditya KinlekarThemes in package: 3

Enjoy a more focused and comfortable coding experience with Attentio!

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Attentio — Attentio Flow

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#8eb0e626
activityBar.activeBorder#8eb0e6
activityBar.background#16192f
activityBar.border#07080e
activityBar.dropBorder#444c6e33
activityBar.foreground#e1bdff
activityBar.inactiveForeground#e7e7e796
activityBarBadge.background#8eb0e6
activityBarBadge.foreground#0d101b
badge.background#8eb0e6
badge.foreground#111422
breadcrumb.background#010107
breadcrumb.foreground#abd0de
breadcrumbPicker.background#111422
button.background#8eb0e675
button.border#8eb0e675
button.foreground#c0c4d8
button.hoverBackground#8eb0e690
button.secondaryBackground#8eb0e620
button.secondaryForeground#c0c4d8
button.secondaryHoverBackground#8eb0e635
charts.blue#69c3ff
charts.foreground#c0c4d8
charts.green#3cec85
charts.lines#c0c4d8
charts.orange#ff955c
charts.purple#f38cec
charts.red#e35535
charts.yellow#eacd61
checkbox.foreground#c0c4d8
commandCenter.activeBackground#fdfdfd35
commandCenter.activeBorder#e7e7e700
commandCenter.activeForeground#fdfdfd
commandCenter.background#5a5a5e72
commandCenter.border#e7e7e700
commandCenter.foreground#fdfdfd85
contrastActiveBorder#00000000
contrastBorder#00000000
debugExceptionWidget.background#1a1e33
debugExceptionWidget.border#07080e
debugToolBar.background#1a1e33
descriptionForeground#8e8e8e
diffEditor.border#07080e
diffEditor.diagonalFill#07080e80
diffEditor.insertedLineBackground#3cec8520
diffEditor.insertedTextBackground#3cec8520
diffEditor.insertedTextBorder#00000000
diffEditor.removedLineBackground#e3553525
diffEditor.removedTextBackground#e3553525
diffEditor.removedTextBorder#00000000
diffEditorGutter.insertedLineBackground#00000000
diffEditorGutter.removedLineBackground#00000000
diffEditorOverview.insertedForeground#3cec8525
diffEditorOverview.removedForeground#e3553530
disabledForeground#c0c4d84d
dropdown.background#111422
dropdown.border#444c6e50
dropdown.foreground#c0c4d8
dropdown.listBackground#111422
editor.background#010107
editor.findMatchBackground#8eb0e630
editor.findMatchBorder#8eb0e660
editor.findMatchHighlightBackground#8eb0e633
editor.findMatchHighlightBorder#8eb0e64d
editor.foldBackground#0d101ba0
editor.foreground#c0c4d8
editor.hoverHighlightBackground#8eb0e640
editor.inactiveSelectionBackground#8eb0e640
editor.lineHighlightBackground#8eb0e60d
editor.lineHighlightBorder#8eb0e620
editor.linkedEditingBackground#69c3ff33
editor.rangeHighlightBackground#8eb0e633
editor.selectionBackground#8eb0e640
editor.selectionForeground#c0c4d8
editor.selectionHighlightBackground#8eb0e615
editor.selectionHighlightBorder#8eb0e640
editor.snippetTabstopHighlightBackground#ffffff00
editor.wordHighlightBackground#8eb0e620
editor.wordHighlightBorder#8eb0e64d
editor.wordHighlightStrongBackground#8eb0e640
editorBracketHighlight.foreground1#eacd61
editorBracketHighlight.foreground2#f38cec
editorBracketHighlight.foreground3#69c3ff
editorBracketHighlight.foreground4#b78aff
editorBracketHighlight.foreground5#22ecdb
editorBracketHighlight.foreground6#ff738a
editorBracketHighlight.unexpectedBracket.foreground#e35535
editorBracketMatch.background#8eb0e640
editorBracketMatch.border#8eb0e660
editorCodeLens.foreground#a1a7c480
editorCursor.background#8eb0e6
editorCursor.foreground#EA7773
editorError.border#00000000
editorError.foreground#e35535
editorGhostText.border#00000000
editorGhostText.foreground#c0c4d870
editorGroup.border#07080e
editorGroup.dropBackground#8eb0e615
editorGroupHeader.border#bb272700
editorGroupHeader.noTabsBackground#010107
editorGroupHeader.tabsBackground#010107
editorGroupHeader.tabsBorder#07080e00
editorGutter.addedBackground#3cec85cc
editorGutter.background#010107
editorGutter.commentRangeForeground#1a1e33
editorGutter.deletedBackground#e35535cc
editorGutter.modifiedBackground#69c3ffcc
editorHoverWidget.background#1a1e33
editorHoverWidget.border#07080e
editorIndentGuide.activeBackground1#444c6ebb
editorIndentGuide.background1#444c6e30
editorInfo.border#00000000
editorInlayHint.background#a1a7c420
editorInlayHint.foreground#a1a7c490
editorInlayHint.typeBackground#b78aff30
editorInlayHint.typeForeground#b78affaa
editorLineNumber.activeForeground#444c6e
editorLineNumber.foreground#444c6e90
editorLink.activeForeground#c0c4d8
editorMarkerNavigation.background#0d101b
editorMarkerNavigationError.background#e3553590
editorMarkerNavigationInfo.background#69c3ff90
editorMarkerNavigationWarning.background#ff955c90
editorOverviewRuler.border#07080e
editorOverviewRuler.commonContentForeground#eacd61
editorOverviewRuler.currentContentForeground#e35535
editorOverviewRuler.incomingContentForeground#3cec85
editorRuler.foreground#444c6e33
editorStickyScrollHover.background#1b2036
editorSuggestWidget.background#000000
editorSuggestWidget.border#07080e
editorSuggestWidget.foreground#a1a7c4
editorSuggestWidget.highlightForeground#eacd61
editorSuggestWidget.selectedBackground#8eb0e64d
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#000000aa
editorWarning.border#00000000
editorWarning.foreground#eacd61
editorWhitespace.foreground#444c6e60
editorWidget.background#1a1e33
editorWidget.resizeBorder#8eb0e650
errorForeground#e35535
errorLens.errorForeground#e3553599
errorLens.hintForeground#69c3ff99
errorLens.infoForeground#69c3ff99
errorLens.warningForeground#ff955c99
extensionButton.background#8eb0e660
extensionButton.foreground#c0c4d8
extensionButton.hoverBackground#8eb0e690
extensionButton.prominentBackground#8eb0e69d
extensionButton.prominentForeground#c0c4d8
extensionButton.prominentHoverBackground#8eb0e6
focusBorder#8eb0e640
foreground#a1a7c4aa
gitDecoration.addedResourceForeground#16b673
gitDecoration.conflictingResourceForeground#ffc180
gitDecoration.deletedResourceForeground#e34e1c
gitDecoration.ignoredResourceForeground#5b788b
gitDecoration.modifiedResourceForeground#49e9a6
gitDecoration.untrackedResourceForeground#40d4e7
icon.foreground#a1a7c4aa
input.background#00000000
input.border#444c6e60
input.foreground#c0c4d8
input.placeholderForeground#c0c4d860
inputOption.activeBorder#8eb0e6
inputValidation.errorBackground#1a1e33
inputValidation.errorBorder#eacd61
inputValidation.infoBackground#1a1e33
inputValidation.infoBorder#8eb0e6
inputValidation.warningBackground#1a1e33
inputValidation.warningBorder#eacd61
keybindingLabel.background#1a1e33
keybindingLabel.border#454c6e
keybindingLabel.bottomBorder#454c6e
keybindingLabel.foreground#737ba6
list.activeSelectionBackground#0c3f5f
list.activeSelectionForeground#ebf7ff
list.dropBackground#8eb0e615
list.errorForeground#e35535
list.focusBackground#00558a50
list.focusForeground#ebf7ff
list.highlightForeground#eacd61
list.hoverBackground#00558a50
list.hoverForeground#ebf7ff
list.inactiveSelectionBackground#00558a50
list.inactiveSelectionForeground#becfda
list.warningForeground#ff955c
menu.background#1a1e33
menu.border#07080e
menu.foreground#9298ba
menu.selectionForeground#f0f1f5
menu.separatorBackground#07080e65
menubar.selectionBackground#1a1e33
menubar.selectionForeground#a1a7c4
merge.border#07080e
merge.commonContentBackground#eacd6130
merge.commonHeaderBackground#eacd6180
merge.currentContentBackground#3cec8530
merge.currentHeaderBackground#3cec8580
merge.incomingContentBackground#69c3ff30
merge.incomingHeaderBackground#69c3ff80
minimap.background#010107
minimap.errorHighlight#e35535
minimap.findMatchHighlight#8eb0e6a0
minimap.selectionHighlight#8eb0e6a0
minimap.selectionOccurrenceHighlight#8eb0e6a0
minimap.warningHighlight#ff955c
minimapGutter.addedBackground#3cec85
minimapGutter.deletedBackground#e35535
minimapGutter.modifiedBackground#69c3ff
notificationCenterHeader.background#1a1e33
notificationCenterHeader.foreground#c0c4d8
notificationLink.foreground#eacd61
notifications.background#1a1e33
notifications.border#07080e
notifications.foreground#a1a7c4
notificationsErrorIcon.foreground#e35535
notificationsInfoIcon.foreground#69c3ff
notificationsWarningIcon.foreground#ff955c
panel.background#010107
panel.border#6397ff38
panel.dropBorder#444c6e80
panelSection.border#07080e
panelSectionHeader.background#444c6e20
panelSectionHeader.border#07080e
panelSectionHeader.foreground#c0c4d8
panelTitle.activeBorder#fff
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#aacbff
peekView.border#07080e
peekViewEditor.background#181c30
peekViewEditor.matchHighlightBackground#1a1e3340
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#181c30
peekViewEditorStickyScroll.background#181c30
peekViewResult.background#15192b
peekViewResult.fileForeground#c0c4d8
peekViewResult.lineForeground#a1a7c4
peekViewResult.matchHighlightBackground#8eb0e680
peekViewResult.selectionBackground#8eb0e633
peekViewResult.selectionForeground#c0c4d8
peekViewTitle.background#1a1e33
peekViewTitleDescription.foreground#c0c4d8
peekViewTitleLabel.foreground#c0c4d8
pickerGroup.border#07080e
pickerGroup.foreground#c0c4d8
profileBadge.background#8eb0e6
profileBadge.foreground#111422
progressBar.background#eacd61
quickInput.foreground#9298ba
quickInputList.focusBackground#0c3f5f
quickInputList.focusForeground#f0f1f5
quickInputTitle.background#0d101b
sash.hoverBorder#8eb0e650
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#8eb0e640
scrollbarSlider.background#8eb0e620
scrollbarSlider.hoverBackground#8eb0e630
selection.background#8eb0e660
settings.headerForeground#8eb0e6
settings.modifiedItemIndicator#8eb0e6
sideBar.background#000305
sideBar.border#07080e
sideBar.foreground#e7e7e7db
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#07080e
sideBarSectionHeader.foreground#c0c4d8
sideBarTitle.foreground#c0c4d8
statusBar.background#16192f
statusBar.border#07080e
statusBar.debuggingBackground#8eb0e644
statusBar.debuggingForeground#c0c4d8
statusBar.foreground#e7e7e7c4
statusBar.noFolderBackground#16192f
statusBar.noFolderBorder#07080e
statusBar.noFolderForeground#e7e7e7c4
statusBarItem.activeBackground#1a1e33
statusBarItem.errorBackground#e35535
statusBarItem.hoverBackground#d8affb
statusBarItem.hoverForeground#000000
statusBarItem.prominentBackground#07080e
statusBarItem.prominentHoverBackground#1a1e33
statusBarItem.warningBackground#ff955c
tab.activeBackground#000000
tab.activeBorder#ffffffb0
tab.activeBorderTop#ffffffb0
tab.activeForeground#e0e0e0
tab.border#07080e
tab.hoverBackground#313752
tab.hoverForeground#b2caff
tab.inactiveBackground#010107
tab.inactiveForeground#9fb6c6
tab.lastPinnedBorder#07080e
tab.unfocusedActiveBackground#202438
tab.unfocusedActiveBorder#ffffff24
tab.unfocusedActiveBorderTop#222131fc
tab.unfocusedActiveForeground#9fb6c6
tab.unfocusedHoverBackground#35334b
tab.unfocusedHoverForeground#9dbdff
tab.unfocusedInactiveForeground#9fb6c6
terminal.ansiBlack#28353e
terminal.ansiBlue#49ace9
terminal.ansiBrightBlack#475e6c
terminal.ansiBrightBlue#60b6eb
terminal.ansiBrightCyan#60dbeb
terminal.ansiBrightGreen#60ebb1
terminal.ansiBrightMagenta#e798b3
terminal.ansiBrightRed#e97749
terminal.ansiBrightWhite#becfda
terminal.ansiBrightYellow#e69533
terminal.ansiCyan#49d6e9
terminal.ansiGreen#49e9a6
terminal.ansiMagenta#df769b
terminal.ansiRed#e66533
terminal.ansiWhite#aec3d0
terminal.ansiYellow#e4b781
terminal.background#010107
terminal.foreground#becfda
terminal.selectionBackground#8eb0e660
terminal.selectionForeground#000000
terminalCursor.background#051b29
terminalCursor.foreground#e4b781
textBlockQuote.background#69c3ff34
textBlockQuote.border#69c3ffb9
textCodeBlock.background#69c3ff34
textLink.activeForeground#69c3ff
textLink.foreground#69c3ff
textPreformat.foreground#eacd61
textSeparator.foreground#8eb0e6
titleBar.activeBackground#16192f
titleBar.activeForeground#fdfdfdac
titleBar.border#07080e
titleBar.inactiveBackground#16192f
titleBar.inactiveForeground#fdfdfdac
toolbar.hoverBackground#444c6e60
tree.inactiveIndentGuidesStroke#333333
tree.indentGuidesStroke#f6f6f6
walkThrough.embeddedEditorBackground#111422
welcomePage.progress.background#1a1e33
welcomePage.progress.foreground#8eb0e6
welcomePage.tileBackground#a1a7c410
welcomePage.tileBorder#a1a7c420
welcomePage.tileHoverBackground#a1a7c420
widget.shadow#07080e30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, punctuation.definition.tag, comment.block.documentation punctuation.definition.bracket, source.ocaml comment constant.regexp meta.separator, markup.other.anchor support.constant, markup.fenced_code, markup.fenced_code punctuation.definition, punctuation.definition.heading, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown	#cccccc8a	—
constant.character, constant.escape, text.html.markdown, punctuation.definition.list_item, keyword.begin.tag.ejs, constant.name.attribute.tag.pug, source.clojure meta.symbol, constant.other.description.jsdoc, keyword.other.array.phpdoc.php, keyword.operator.other.powershell, meta.link.inline punctuation.definition.string, source.sql, source meta.brace, source punctuation, text.html punctuation, markup meta punctuation.definition, meta.bracket.julia, meta.array.julia, entity.name.footnote, source.ocaml punctuation.definition.tag, source.ocaml entity.name.filename, source.reason entity.name.filename, entity.other.attribute-name strong, binding.fsharp keyword.symbol.fsharp, entity.name.record.field.elm, entity.name.record.field.accessor.elm, storage.modifier.array.bracket, source.css entity.other, meta.attribute-selector punctuation.definition.entity, markup.other.anchor string, punctuation.separator, punctuation.section, punctuation.terminator	#becfda	—
keyword, keyword.control, keyword.other.template, keyword.other.substitution, storage.modifier, meta.tag.sgml, punctuation.accessor, constant.other.color, entity.name.section, markup.heading, markup.heading punctuation.definition, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.type.function.pug, text.pug storage.type, text.pug meta.tag.other, source.clojure storage.control, meta.expression.clojure, punctuation.separator.slice.python, punctuation.separator.question-mark.cs, punctuation.definition.parameters.varargs, source.go keyword.operator, punctuation.separator.pointer-access, punctuation.separator.other.ruby, keyword.package, keyword.import, punctuation.definition.keyword, punctuation.separator.hash.cs, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, source.kotlin storage.type.import, source.kotlin storage.type.package, constant.string.documentation.powershell, punctuation.section.directive, storage.type.rust, punctuation.definition.attribute, punctuation.definition.preprocessor, punctuation.separator.namespace, punctuation.separator.method, keyword.control punctuation.definition.function, source.ocaml variable.interpolation string, source.reason variable.interpolation, punctuation.definition.directive, storage.type.modifier, keyword.other.class.fileds, source.toml entity.other.attribute-name, source.css entity.name.tag.custom, sharing.modifier, keyword.control.class.ruby, keyword.control.def.ruby	#df769b	—
variable, variable.object, variable.other, variable.parameter, support, entity.name.module, variable.import.parameter, variable.other.class, meta.toc-list.id.html, source.json meta.structure.dictionary.json support.type.property-name.json, meta.var.clojure, entity.name.variable, source.java meta.class.body.java, entity.name.package.go, source.c, source.cpp, source.go, source.python, meta.function-call.arguments.python, source.ruby, source.coffee.embedded.source, source.coffee, storage.modifier.import, storage.modifier.package, storage.type.annotation, punctuation.definition.annotation, source.groovy.embedded.source, punctuation.definition.variable, source.powershell, string.quoted.interpolated.vala constant.character.escape.vala, source.apacheconf, source.objc, source.crystal, string.quoted.double.kotlin entity.string.template.element.kotlin, entity.name.package.kotlin, meta.template.expression.kotlin, parameter.variable.function, variable.other.constant.elixir, source.elixir.embedded.source, source.sql.embedded, punctuation.definition.placeholder, source.swift, source.julia, source.shell, variable.other.normal punctuation.definition.variable.shell, source.reason variable.language, source.reason variable.language string.other.link, source.elm meta.value, source.elm meta.declaration.module, meta.embedded.block variable punctuation.definition.variable.php, string.quoted.double.class.other, source.toml keyword, support.type.nim, source.tf meta.template.expression, source.scala entity.name.import, markup.code, markup.fenced_code.block	#e4b781	—
support.variable.property, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, entity.name.type.annotation.kotlin, support.type.primitive, meta.type.parameters entity.name.type, meta.type.annotation entity.name.type, punctuation.definition.typeparameters, source.python support.type.python, comment.block.documentation.phpdoc.php keyword.other.type.php, storage.type.php, keyword.type, storage.type.cs, storage.type.c, storage.type.objc, punctuation.definition.storage.type.objc, markup punctuation.definition, storage.type.powershell, comment.block.documentation entity.name.type, source.java storage.type, storage.type.primitive, source.groovy storage.type, storage.type.r, source.haskell storage.type, punctuation.separator.clause-head-body, source.go storage.type, storage.type.core.rust, storage.class.std.rust, storage.modifier.lifetime.rust, entity.name.lifetime.rust, support.type.vb, support.type.julia, constant.other.reference, source.graphql support.type, source.reason support.type string, source.elm storage.type, storage.type.user-defined, storage.type.built-in, support.type.builtin, source.swift support.type, support.class.crystal, storage.type.integral, source.cpp storage.type.cpp, source.vala storage.type, source.hlsl storage.type.basic, source.hlsl support.type.other, source.apex storage.type, source.nim storage.type, support.class.builtin, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, markup.raw.monospace, markup.mark, entity.name.type	#d67e5c	—
constant, variable.other.constant, support.constant, punctuation.definition.entity, constant.character.entity, support.variable.magic, markup.quote, entity.name.type.type-parameter.cs, punctuation.bracket.angle, entity.name.function.preprocessor.c, storage.type.scala, entity.helper.apacheconf, variable.language.crystal, punctuation.definition.constant, support.constant punctuation.definition.variable, constant.character.math, support.class.math, source.graphql constant.character, source.reason constant.language.list, source.cpp variable.other.enummember, support.variable.class.hideshow, entity.other.attribute-name.class, meta.attribute.id entity.other.attribute-name, text.html entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name, text.xml entity.other.attribute-name, source.cs entity.other.attribute-name, constant.character.format.placeholder, constant.other.placeholder, source.vue entity.other.attribute-name, entity.other.attribute-name.mjml, source.vue meta.directive punctuation.separator.key-value, meta.definition.attribute-entry punctuation.separator	#d5971a	—
variable.language, variable.parameter.function.language.special, punctuation.definition.italic, punctuation.definition.bold, entity.name.tag, variable.language punctuation.definition.variable, keyword.control.clojure, support.type.exception.python, keyword.other.this.cs, keyword.other.base.cs, keyword.other.var.cs, storage.modifier.super, source.go keyword, keyword.function.go, meta.separator, keyword.other.fn.rust, storage.modifier.static.rust, source.r meta.function.r keyword.control.r, storage.type.def, meta.class.identifier storage.modifier, source.scala keyword.declaration, storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation punctuation.definition.inline.tag, entity.tag.apacheconf, keyword.other.julia, source.julia storage.modifier, constant.language.empty-list.haskell, meta.function.powershell storage.type.powershell, keyword.control.fun, punctuation.terminator.function, keyword.other.rust, keyword.other.declaration-specifier.swift, keyword.control.class, keyword.control.def, source.ocaml keyword markup.underline, source.ocaml storage.type markup.underline, binding.fsharp keyword, function.anonymous keyword, function.anonymous keyword.symbol.fsharp, meta.embedded.block variable.language punctuation.definition.variable.php, keyword.declaration.dart, source.wsd keyword.other.class, source.wsd keyword.other.linebegin, keyword.other.skinparam.keyword, keyword.other.nim, markup.deleted.diff, source.tf support.class.variable, meta.function.lua keyword.control.lua, markup.block entity.name.tag, markup.meta.attribute-list, source.zig keyword.default, source.zig keyword.structure	#e66533	—
string, punctuation.definition.string, source.css support.constant, entity.name.import.go, markup.raw.texttt, markup.inserted.diff, source.scala punctuation.definition.character, constant.character.literal.scala, source.tf entity.name	#49e9a6	—
string.template, punctuation.definition.string.template, string.interpolated.python string.quoted.single.python, string.quoted.double.heredoc, string.quoted.interpolated.vala, string.quoted.interpolated.vala punctuation.definition.string, string.regexp.apacheconf, markup.inline.raw.string, markup.inline.raw punctuation.definition.raw, string.quoted.double.interpolated.crystal, string.quoted.double.interpolated.crystal punctuation.definition.string, text.tex markup.raw	#16b673	—
constant.numeric, constant.language, punctuation.separator.decimal.period.php, keyword.operator.null-conditional.cs, punctuation.separator.question-mark.cs, constant.integer.apacheconf, keyword.operator.nullable-type, constant.language punctuation.definition.variable, constant.others.fsharp, keyword.other.unit, string.quoted.double.skinparam.value, source.toml constant, source.zig keyword.constant.bool, source.zig keyword.constant.default	#7060eb	—
variable.function, support.type.property-name, entity.name.function, string.other.link, markup.link, support.type.vendored, support.other.variable, meta.function-call.generic.python, meta.method-call.groovy meta.method.groovy, meta.class.body.groovy meta.method.body.java storage.type.groovy, punctuation.definition.decorator, support.function.any-method, text.tex support.function, text.tex punctuation.definition.function, entity.name.section.fsharp entity.name.section.fsharp, support.variable.class.function, keyword.control.cucumber.table, punctuation.decorator, source.tf support.class	#16a3b6	—
entity.name, entity.other, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type, support.class, punctuation.definition.parameters, support.function, support.function.construct, markup.changed.git_gutter, markup.underline.link, markup.underline.link.image, markup.underline, meta.symbol.namespace.clojure, entity.mime-type.apacheconf, keyword.operator.function.infix, entity.name.function.infix, entity.name.function.call.kotlin, text.tex support.function.verb, text.tex support.function.texttt, source.reason constant.language.unit, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, constant.language.unit.fsharp, source.wsd support.class.preprocessings, keyword.language.gherkin.feature.scenario, source.nim keyword.other.common.function, entity.name.scope-resolution.function.call	#49d6e9	—
source.js constant.other.object.key.js string.unquoted.label.js, source.js punctuation.section.embedded, punctuation.definition.template-expression, support.class, storage.type.string.python, string.interpolated.pug, support.constant.handlebars, source.clojure punctuation.section.set, source.clojure punctuation.section.metadata, entity.global.clojure, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python, punctuation.definition.interpolation, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby source.ruby, support.constant.math, entity.namespace.r, meta.method-call.groovy storage.type.groovy, source.scala entity.name.class.declaration, constant.character.escape, support.function.macro.julia, string.replacement.apacheconf, storage.modifier.using.vala, constant.other.haskell, source.objc entity.name.tag, string.quoted.other.literal.upper.crystal punctuation.definition.string, meta.embedded.line.crystal punctuation.section.embedded, meta.embedded.line.crystal punctuation.section.embedded source.crystal, punctuation.section.embedded, punctuation.section.tag, punctuation.section.embedded source.swift, variable.other.bracket punctuation.definition.variable, string.interpolated.dollar punctuation.definition.string, constant.character.escape punctuation.definition.keyword, source.ocaml entity.name.class constant.numeric, source.reason entity.name.class, keyword.format.specifier.fsharp, support.module.elm, meta.embedded.block.php punctuation.definition.variable.php, source.vala storage.type, support.variable.class.group, entity.name.type.class, source.tf meta.keyword.list, source.tf meta.keyword.map, entity.name.class.lua, markup.substitution	#49ace9	—
invalid, invalid.illegal	#e3541c	—
comment, storage.modifier, punctuation.definition.comment, entity.other, variable.language, support.type.vendored, support.constant.vendored, markup.quote, markup.italic, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, keyword.control.clojure, source.clojure meta.symbol.dynamic, keyword.other.this.cs, keyword.other.base.cs, variable.other.member.c, support.type.core.rust, variable.other.object.property, variable.other.property, source.r meta.function.r keyword.control.r, comment.line.roxygen.r keyword, comment.line.roxygen.r variable.parameter.r, keyword.control.inheritance.coffee, comment.block.documentation.phpdoc.php keyword, keyword.other.array.phpdoc.php, storage.type.modifier, comment.block.javadoc.java keyword, comment.block.javadoc.java variable.parameter.java, keyword.operator.documentation.powershell, storage.type.scala, variable.parameter.function.language.special, comment.block.documentation.scala keyword, comment.block.documentation.scala variable.parameter, support.function.builtin.go, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, constant.other.symbol.ruby, source.vala storage.type.generic, constant.other.table-name, constant.other.placeholder, variable.other.field, entity.alias.import.go, source.swift keyword.other.declaration-specifier, support.variable.swift, keyword.other.capture-specifier, text.tex support.function.emph, constant.other.math, support.function.textit, entity.name.footnote, entity.name.function.directive.graphql, source.graphql support.type.enum, source.ocaml entity.name.filename, source.reason entity.name.filename, abstract.definition.fsharp keyword, abstract.definition.fsharp entity, function.anonymous keyword, entity.name.record.field.accessor.elm, support.type.primitive, support.type.builtin, keyword.type.cs, storage.type.built-in, storage.type.primitive, source.python support.type.python, storage.type.core.rust, source.swift support.type, source.go storage.type, storage.type.php, storage.type.function.kotlin, entity.name.type.kotlin, support.type.julia, variable.other.member, keyword.other.import, keyword.package, keyword.import, source.wsd keyword.control.diagram, keyword.language.gherkin.feature.step, source.hlsl storage.type.basic, source.apex keyword.type, sharing.modifier, source.nim storage.type.concrete, meta.preprocessor.pragma.nim, storage.type.integral, entity.name.scope-resolution.function.call, support.class.builtin, comment.block.documentation storage.type.class, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, meta.import keyword.control, keyword.control.export, source.vue meta.directive punctuation.separator.key-value, keyword.local.lua, markup.mark.constrained markup.mark, markup.block.open, entity.name.type.primitive, entity.name.type.numeric, source.zig keyword.type, source.zig keyword.storage, source.zig keyword.structure	—	italic
keyword, keyword.control, keyword.operator, keyword.other.template, keyword.other.substitution, storage.type.function.arrow, constant.other.color, punctuation.accessor, entity.name.section, markdown.heading, markup.inline.raw punctuation.definition.raw, markup.heading, storage.type.function.pug, storage.type.function.python, storage.type.annotation, punctuation.bracket.angle, keyword.other.new, storage.type.generic.wildcard, source.go keyword.operator, constant.other.symbol.ruby punctuation.definition.constant.ruby, support.function.builtin.rust, storage.type.function.coffee, entity.name.variable.parameter, punctuation.separator.hash.cs, constant.other.symbol.ruby punctuation.definition.constant.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, meta.function.parameters variable.other, entity.name.type.annotation.kotlin, storage.type.objc, parameter.variable.function, markup punctuation.definition, punctuation.section.directive, punctuation.definition.preprocessor, source.ruby punctuation.definition.variable, support.function.textbf, source.graphql support.type.builtin, source.ocaml variable.interpolation string, entity.name.function.definition.special.constructor, entity.name.function.definition.special.member.destructor., meta.function.parameters variable punctuation.definition.variable.php, source.wsd keyword.other.activity, keyword.control.class.ruby, keyword.control.def.ruby, keyword.function.go, keyword.other.fn.rust, markup.other.anchor, markup.list.bullet, markup.list punctuation.definition, keyword.control.default, punctuation.section, punctuation.separator, punctuation.terminator, markup.bold.markdown, source.zig storage.type.function, entity.name.type	—	bold
markup.quote markup.bold, text.html punctuation.section.embedded, variable.other.c, storage.modifier.lifetime.rust, entity.name.lifetime.rust, source.rust meta.attribute.rust, meta.attribute.id entity.other.attribute-name, source.ocaml punctuation.definition.tag emphasis, source.tf entity.name, markup.quote punctuation.definition, markup.fenced_code punctuation.definition, fenced_code.block.language	—	bold italic
keyword.control.from, keyword.control.import, keyword.control.export, variable.parameter, keyword.begin.tag.ejs, source.python meta.function.decorator.python support.type.python, source.cs keyword.other, keyword.other.var.cs, source.go keyword, storage.modifier.static.rust, variable.parameter.r, variable.parameter.handlebars, storage.modifier.import, storage.modifier.package, meta.class.identifier storage.modifier, keyword.operator.other.powershell, source.css variable.parameter, string.interpolated variable.parameter, source.apacheconf keyword, keyword.other.julia, storage.modifier.using.vala, source.objc keyword.other.property.attribute, source.sql keyword.other, keyword.other.using.vala, keyword.operator.function.infix, keyword.control.directive, keyword.other.rust, keyword.other.declaration-specifier.swift, entity.name.function.swift, keyword.control.class, keyword.control.def, punctuation.definition.variable, entity.name.section.latex, source.ocaml keyword markup.underline, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, keyword.format.specifier.fsharp, entity.name.section.fsharp, binding.fsharp keyword, binding.fsharp keyword.symbol, record.fsharp keyword, keyword.symbol.fsharp, entity.name.section.fsharp keyword, namespace.open.fsharp keyword, namespace.open.fsharp entity, storage.type, source.cpp keyword.other, source.c keyword.other, keyword.other.unit, storage.modifier.array.bracket, meta.import.haskell keyword, keyword.declaration.dart, source.wsd keyword.other, keyword.other.skinparam, source.css keyword.control, source.css keyword.operator, keyword.language.gherkin.feature.scenario, keyword.control.cucumber.table, source.toml entity.other.attribute-name, source.toml keyword, keyword.other.nim, source.nim keyword.other.common.function, source.nim keyword.other, source.scala keyword.declaration, source.scala entity.name.class.declaration, keyword.control.lua, source.css punctuation.section, punctuation.section.embedded, source.c punctuation.section, source.cpp punctuation.section, source.java punctuation.section, source.php punctuation.section, source.powershell punctuation.section, source.r punctuation.section, source.ruby punctuation.section, source.swift punctuation.section, source.objc punctuation.section, source.zig keyword.constant.bool, source.zig keyword.default, source.zig keyword.statement, source.zig keyword.constant.default	—
markup.strikethrough	—	strikethrough

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Attentio — Attentio Glow

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#0099e1
activityBar.background#CEAB93
activityBar.foreground#383a42
activityBarBadge.background#0099e1
activityBarBadge.foreground#ffffff
badge.background#0099e1
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#009ae5
breadcrumb.focusForeground#383a42
breadcrumb.foreground#a0a1a7
button.background#0083c0
button.foreground#ffffff
button.hoverBackground#0099e1
button.secondaryBackground#d5d7d8
button.secondaryForeground#0083c0
button.secondaryHoverBackground#d9dbdc
charts.blue#275fe4
charts.green#23974a
charts.orange#df631c
charts.purple#823ff1
charts.red#d52753
charts.yellow#c5a332
checkbox.background#e8e8e8
checkbox.border#d5d7d8
checkbox.foreground#0083c0
commandCenter.activeBackground#f1f1f1
commandCenter.background#e8e8e8
commandCenter.border#d5d7d8
debugConsole.errorForeground#d52753
debugConsole.infoForeground#275fe4
debugConsole.sourceForeground#a0a1a7
debugConsole.warningForeground#df631c
debugConsoleInputIcon.foreground#0083c0
debugExceptionWidget.background#ffcccc
debugExceptionWidget.border#ff2e3f
debugIcon.breakpointCurrentStackframeForeground#0099e1
debugIcon.breakpointDisabledForeground#727378
debugIcon.breakpointForeground#d52753
debugIcon.breakpointStackframeForeground#23974a
debugIcon.breakpointUnverifiedForeground#a05a48
debugIcon.continueForeground#23974a
debugIcon.disconnectForeground#d52753
debugIcon.pauseForeground#A05A48
debugIcon.restartForeground#df631c
debugIcon.startForeground#23974a
debugIcon.stepBackForeground#0098e4
debugIcon.stepIntoForeground#0098e4
debugIcon.stepOutForeground#0098e4
debugIcon.stepOverForeground#0098e4
debugIcon.stopForeground#D52753
debugTokenExpression.boolean#0098DD
debugTokenExpression.error#ff0000
debugTokenExpression.name#A05A48
debugTokenExpression.number#CE33C0
debugTokenExpression.string#C5A332
debugTokenExpression.value#383A42
debugToolBar.background#eeeeee
debugView.exceptionLabelBackground#ff0000
debugView.exceptionLabelForeground#f9f9f9
debugView.stateLabelBackground#d5d7d8
debugView.stateLabelForeground#383A42
debugView.valueChangedHighlight#58b8e6
diffEditor.diagonalFill#d5d7d8
diffEditor.insertedLineBackground#1ef1531f
diffEditor.insertedTextBackground#1ef15335
diffEditor.removedLineBackground#f33b5127
diffEditor.removedTextBackground#f33b5131
dropdown.background#e8e8e8
dropdown.border#d5d7d8
dropdown.foreground#383a42
dropdown.listBackground#e8e8e8
editor.background#F7F7F7
editor.findMatchBackground#99e5c2c5
editor.findMatchBorder#f31459
editor.findMatchHighlightBackground#99e5c2c5
editor.findRangeHighlightBackground#a0a1a72d
editor.focusedStackFrameHighlightBackground#43db7644
editor.foldBackground#ffffff8c
editor.foreground#383a42
editor.hoverHighlightBackground#383a4213
editor.lineHighlightBackground#f1f1f1
editor.rangeHighlightBackground#c1e2faa6
editor.selectionBackground#d2ecff
editor.selectionHighlightBackground#383a4213
editor.snippetFinalTabstopHighlightBackground#a0a1a733
editor.snippetFinalTabstopHighlightBorder#a0a1a7
editor.snippetTabstopHighlightBackground#a0a1a733
editor.snippetTabstopHighlightBorder#a0a1a7
editor.stackFrameHighlightBackground#ffc47760
editor.symbolHighlightBackground#ce33c12d
editor.wordHighlightBackground#afcfff65
editor.wordHighlightStrongBackground#e99dd562
editorBracketHighlight.foreground1#1fc255
editorBracketHighlight.foreground2#a557ff
editorBracketHighlight.foreground3#0ab6ff
editorBracketHighlight.foreground4#ffa023
editorBracketHighlight.foreground5#0e91a8
editorBracketHighlight.foreground6#f067f0
editorBracketHighlight.unexpectedBracket.foreground#ff0000
editorBracketMatch.background#00000000
editorBracketMatch.border#7a82da
editorCodeLens.foreground#a0a1a7
editorCursor.background#f9f9f9
editorCursor.foreground#000000
editorError.background#ff00001a
editorError.foreground#ff0000
editorGroup.border#d5d7d8
editorGroup.dropBackground#009ae128
editorGroup.emptyBackground#e8e8e8
editorGroup.focusedEmptyBorder#0099e1
editorGroupHeader.noTabsBackground#e8e8e8
editorGroupHeader.tabsBackground#e8e8e8
editorGutter.addedBackground#3cbc66
editorGutter.deletedBackground#a05a48
editorGutter.modifiedBackground#0099e1
editorHint.foreground#7a82da
editorHoverWidget.statusBarBackground#d5d8d8
editorIndentGuide.activeBackground#c2c4c7
editorIndentGuide.background#d5d7d8
editorInfo.background#009ae111
editorInfo.foreground#0099e1
editorInlayHint.background#27618d10
editorInlayHint.foreground#27618da6
editorLightBulb.foreground#ff8f3a
editorLightBulbAutoFix.foreground#ff8f3a
editorLineNumber.activeForeground#000000
editorLineNumber.foreground#a0a1a7
editorLink.activeForeground#0099e1
editorMarkerNavigation.background#f9f9f9
editorOverviewRuler.addedForeground#3cbc66
editorOverviewRuler.bracketMatchForeground#7a82da
editorOverviewRuler.deletedForeground#a05a48
editorOverviewRuler.errorForeground#ff0000
editorOverviewRuler.findMatchForeground#99e5c2c5
editorOverviewRuler.infoForeground#0099e1
editorOverviewRuler.modifiedForeground#0099e1
editorOverviewRuler.selectionHighlightForeground#8bcdffa7
editorOverviewRuler.warningForeground#ff8f3a
editorOverviewRuler.wordHighlightForeground#8bcdffa7
editorOverviewRuler.wordHighlightStrongForeground#e99dd5b9
editorPane.background#eeeeee
editorRuler.foreground#d5d7d8
editorWarning.background#ff8f3a33
editorWarning.foreground#ff8f3a
editorWhitespace.foreground#d5d7d8
editorWidget.background#e8e8e8
editorWidget.border#d5d7d8
errorForeground#ff0000
extensionButton.prominentBackground#0083c0
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#0099e1
focusBorder#0099e1
foreground#383a42
gitDecoration.addedResourceForeground#23974a
gitDecoration.conflictingResourceForeground#d52753
gitDecoration.deletedResourceForeground#a05a48
gitDecoration.ignoredResourceForeground#a0a1a7
gitDecoration.modifiedResourceForeground#0099e1
gitDecoration.renamedResourceForeground#ce33c0
gitDecoration.stageDeletedResourceForeground#a05a48
gitDecoration.stageModifiedResourceForeground#0099e1
gitDecoration.submoduleResourceForeground#823ff1
gitDecoration.untrackedResourceForeground#23974a
gitlens.gutterBackgroundColor#ffffff55
gitlens.gutterForegroundColor#383a42
gitlens.gutterUncommittedForegroundColor#0099e1
gitlens.lineHighlightBackgroundColor#7a82da27
gitlens.lineHighlightOverviewRulerColor#7a82da8d
gitlens.trailingLineForegroundColor#a0a1a788
input.background#f9f9f9
input.border#d5d7d8
input.foreground#383a42
input.placeholderForeground#a0a1a7
inputOption.activeBackground#d2ecff
inputOption.activeBorder#0099e1
inputOption.activeForeground#000000
inputValidation.errorBackground#ffcccc
inputValidation.errorBorder#ff2e3f
inputValidation.infoBackground#d2ecff
inputValidation.infoBorder#0099e1
inputValidation.warningBackground#ffcfab
inputValidation.warningBorder#ff8f3a
keybindingLabel.background#d2ecff
keybindingLabel.border#383a4230
keybindingLabel.bottomBorder#383a4230
keybindingLabel.foreground#383a42
list.activeSelectionBackground#00a7f5
list.activeSelectionForeground#ffffff
list.dropBackground#d2ecff
list.errorForeground#ff0000
list.focusForeground#000000
list.highlightForeground#0098dd
list.hoverBackground#f1f1f1
list.inactiveSelectionBackground#f6f6f6
list.warningForeground#ff8f3a
listFilterWidget.background#99e5c2c5
listFilterWidget.noMatchesOutline#ff2e3f
merge.currentContentBackground#a05a481c
merge.currentHeaderBackground#a05a483b
merge.incomingContentBackground#009ae121
merge.incomingHeaderBackground#009ae13b
mergeEditor.change.background#1ef1531f
mergeEditor.change.word.background#1ef15335
mergeEditor.conflict.handled.minimapOverViewRuler#3cbc66
mergeEditor.conflict.handledFocused.border#3cbc66
mergeEditor.conflict.handledUnfocused.border#3cbc673a
mergeEditor.conflict.unhandled.minimapOverViewRuler#0ab6ff
mergeEditor.conflict.unhandledFocused.border#0ab6ff
mergeEditor.conflict.unhandledUnfocused.border#0ab5ff96
minimap.background#F9F9F9cc
minimap.findMatchHighlight#99e5c2c5
minimap.selectionHighlight#8bcdffa7
minimap.selectionOccurrenceHighlight#8bcdffa7
notebook.cellBorderColor#d5d7d8
notebook.cellEditorBackground#f5f5f5
notebook.cellHoverBackground#bdbbbb21
notebook.cellStatusBarItemHoverBackground#f1f1f1
notebook.cellToolbarSeparator#d5d7d8
notebook.focusedCellBackground#e8e8e8
notebook.focusedCellBorder#0099e1
notebook.inactiveFocusedCellBorder#bdbbbb
notebook.inactiveSelectedCellBorder#0099e1
notebook.outputContainerBackgroundColor#e8e8e8
notebook.selectedCellBackground#e8e8e8
notebook.symbolHighlightBackground#d2ecff
notebookScrollbarSlider.activeBackground#00000026
notebookScrollbarSlider.background#00000012
notebookScrollbarSlider.hoverBackground#0000001a
notebookStatusErrorIcon.foreground#d52753
notebookStatusRunningIcon.foreground#275fe4
notebookStatusSuccessIcon.foreground#23974a
notificationCenter.border#d5d7d8
notificationCenterHeader.background#d5d7d8
notificationCenterHeader.foreground#383a42
notificationLink.foreground#0099e1
notifications.background#e8e8e8
notifications.border#d5d7d8
notifications.foreground#383a42
notificationToast.border#d5d7d8
panel.border#d5d7d8
panelTitle.activeBorder#0099e1
panelTitle.activeForeground#383a42
panelTitle.inactiveForeground#383a42aa
peekView.border#0099e1
peekViewEditor.background#f9f9f9
peekViewEditor.matchHighlightBackground#99e5c1
peekViewResult.background#e8e8e8
peekViewResult.fileForeground#383a42
peekViewResult.lineForeground#383a42
peekViewResult.matchHighlightBackground#99e5c1
peekViewResult.selectionBackground#0099e1
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#e8e8e8
peekViewTitleDescription.foreground#a0a1a7
peekViewTitleLabel.foreground#383a42
pickerGroup.border#d5d7d8
pickerGroup.foreground#0099e1
progressBar.background#0099e1
quickInputList.focusBackground#d2ecff
quickInputList.focusForeground#000000
sash.hoverBorder#0099e1
scrollbar.shadow#d1d1d1
scrollbarSlider.activeBackground#00000026
scrollbarSlider.background#00000012
scrollbarSlider.hoverBackground#0000001a
selection.background#d2ecff
sideBar.background#AD8B73
sideBar.border#d1d1d1
sideBar.dropBackground#e8e8e8
sideBar.foreground#383a42
sideBarSectionHeader.background#d5d7d8
sideBarSectionHeader.foreground#383a42
sideBarTitle.foreground#383a42
statusBar.background#ebebeb
statusBar.border#eaeaea
statusBar.debuggingBackground#ebebeb
statusBar.debuggingBorder#ff8f3a
statusBar.debuggingForeground#383a42
statusBar.foreground#383a42
statusBar.noFolderBackground#ebebeb
statusBar.noFolderBorder#823ff1
statusBar.noFolderForeground#383a42
statusBarItem.activeBackground#00000026
statusBarItem.errorBackground#ff00001a
statusBarItem.errorForeground#ff0000
statusBarItem.hoverBackground#00000013
statusBarItem.prominentBackground#0083c0
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#0099e1
statusBarItem.remoteBackground#383a42
statusBarItem.remoteForeground#ebebeb
statusBarItem.warningBackground#ffcfab
statusBarItem.warningForeground#ff8f3a
symbolIcon.arrayForeground#7a82da
symbolIcon.booleanForeground#0098DD
symbolIcon.classForeground#d52753
symbolIcon.colorForeground#823FF1
symbolIcon.constantForeground#823ff1
symbolIcon.constructorForeground#0098DD
symbolIcon.enumeratorForeground#d52753
symbolIcon.enumeratorMemberForeground#A05A48
symbolIcon.eventForeground#40B8C5
symbolIcon.fieldForeground#A05A48
symbolIcon.fileForeground#383a42
symbolIcon.folderForeground#383a42
symbolIcon.functionForeground#23974a
symbolIcon.interfaceForeground#d52753
symbolIcon.keyForeground#A05A48
symbolIcon.keywordForeground#0098DD
symbolIcon.methodForeground#23974a
symbolIcon.moduleForeground#d52753
symbolIcon.namespaceForeground#d52753
symbolIcon.nullForeground#0098DD
symbolIcon.numberForeground#CE33C0
symbolIcon.objectForeground#383a42
symbolIcon.operatorForeground#7A82DA
symbolIcon.propertyForeground#A05A48
symbolIcon.referenceForeground#383a42
symbolIcon.snippetForeground#A0A1A7
symbolIcon.stringForeground#C5A332
symbolIcon.structForeground#d52753
symbolIcon.textForeground#A0A1A7
symbolIcon.typeParameterForeground#40B8C5
symbolIcon.unitForeground#C5A332
symbolIcon.variableForeground#383a42
tab.activeBackground#fff
tab.activeBorder#000
tab.activeBorderTop#000000
tab.activeForeground#000
tab.border#000000
tab.hoverBackground#ecfffd
tab.hoverForeground#000000
tab.inactiveBackground#eeeeee
tab.inactiveForeground#a0a1a7
tab.unfocusedActiveBorderTop#a0a1a7
terminal.ansiBlack#373a41
terminal.ansiBlue#275fe4
terminal.ansiBrightBlack#676a77
terminal.ansiBrightBlue#0099e0
terminal.ansiBrightCyan#6d92ba
terminal.ansiBrightGreen#3cbc66
terminal.ansiBrightMagenta#ce32c0
terminal.ansiBrightRed#ff637f
terminal.ansiBrightWhite#d3d3d3
terminal.ansiBrightYellow#c5a231
terminal.ansiCyan#26608c
terminal.ansiGreen#239749
terminal.ansiMagenta#823ef0
terminal.ansiRed#d52652
terminal.ansiWhite#b9bac1
terminal.ansiYellow#df621b
terminal.findMatchBorder#f31459
terminal.tab.activeBorder#0099e1
terminalCommandDecoration.defaultBackground#d5d7d8
terminalCommandDecoration.errorBackground#ff0000
terminalCommandDecoration.successBackground#23974a
terminalCursor.foreground#000000
textBlockQuote.background#d5d7d8
textBlockQuote.border#0099e1
textCodeBlock.background#d5d7d8
textLink.activeForeground#0099e1
textLink.foreground#0099e1
textPreformat.foreground#a05a48
textSeparator.foreground#d5d7d8
titleBar.activeBackground#c2c4c7
titleBar.activeForeground#383a42
titleBar.inactiveBackground#c2c4c799
titleBar.inactiveForeground#383a4299
walkThrough.embeddedEditorBackground#e8e8e8
widget.shadow#a0a1a7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment.unused.elixir	#383a42	—
comment, punctuation.definition.comment, comment.block.documentation punctuation.definition, string.comment, comment.block.documentation, comment.block	#a0a1a7	—
comment.block.documentation variable, keyword.other.documentation, storage.type.class.jsdoc, comment.block variable.parameter, keyword.other.phpdoc, comment.block.documentation entity.name.type, meta.other.type.phpdoc support class	#727378	—
punctuation.comma.graphql, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.function, punctuation.brace, punctuation.terminator.statement, punctuation.delimiter.object.comma, punctuation.definition.entity, punctuation.definition, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.separator.key-value, punctuation.separator.dictionary, punctuation.terminator, punctuation.delimiter.comma, punctuation.separator.comma, punctuation.accessor, punctuation.separator.array, punctuation.section, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.separator.statement, punctuation.separator.parameter, punctuation.section.array.elixir, punctuation.separator.object.elixir, punctuation.section.embedded.elixir, punctuation.section.function.elixir, punctuation.section.scope.elixir, punctuation.section.embedded, meta.brace.round, meta.brace.square, meta.brace.curly, constant.name.attribute.tag.pug, punctuation.section.embedded, punctuation.separator.method, punctuation.separator, punctuation.other.comma, punctuation.bracket, keyword.control.ternary, string.interpolated.pug, support.function.interpolation.sass, punctuation.parenthesis.begin, punctuation.parenthesis.end, punctuation.operation.graphql, punctuation.colon.graphql	#7a82da	—
none	#383a42	—
keyword.operator	#7a82da	—
keyword, keyword.operator.expression, keyword.operator.type.asserts, variable.language, keyword.other.special-method.elixir, meta.control.flow	#0098dd	—
variable, source.elixir.embedded.source, string source.groovy, string meta.embedded.line.ruby	#383a42	—
entity.name.function, meta.require, support.function.any-method, meta.function-call, meta.method-call, variable.function	#23974a	—
support.class, entity.name.class, entity.name.type.class, meta.class.instance, meta.class.inheritance, entity.other.inherited-class, entity.name.type, variable.other.constant.elixir, storage.type.haskell, support.type.graphql, support.type.enum.graphql	#d52753	—
keyword.other.special-method	#23974a	—
storage, constant.language	#0098dd	—
support.function	#23974a	—
string, punctuation.definition.string, support.constant.property-value, string.quoted.double.shell, support.function.variable.quoted.single.elixir, storage.type.string	#c5a332	—
constant.numeric, variable.other.anonymous.elixir	#ce33c0	—
none	#ce33c0	—
none	#0098dd	—
constant, variable.other.constant, constant.other.symbol, constant.language.symbol, support.constant, support.variable.magic.python, variable.other.enummember	#823ff1	—
entity.name.tag, punctuation.definition.tag	#275fe4	—
entity.other.attribute-name, string.unquoted.alias.graphql	#df631c	—
meta.selector	#7a82da	—
none	#ce33c0	—
markup.heading, punctuation.definition.heading, entity.name.section, markup.heading.setext	#c5a332
keyword.other.unit	#c5a332	—
markup.bold, punctuation.definition.bold	#d52753	bold
markup.italic, punctuation.definition.italic	#df631c	italic
markup.strikethrough, punctuation.definition.strikethrough	#a0a1a7	strikethrough
markup.strikethrough markup.italic, markup.strikethrough markup.italic punctuation.definition.italic	#a0a1a7	italic strikethrough
markup.strikethrough markup.bold, markup.strikethrough markup.bold punctuation.definition.bold	#a0a1a7	bold strikethrough
markup.raw.inline	#c5a332	—
string.other.link	#275fe4	—
meta.link	#0098dd	—
beginning.punctuation.definition.list	#a05a48	—
markup.quote	#823ff1	—
meta.separator	#383a42	—
markup.inserted	#23974a	—
markup.deleted	#d52753	—
markup.changed	#0098dd	—
string.regexp	#a05a48	—
constant.character.escape, constant.other.character-class	#df631c	—
variable.interpolation	#0098dd	—
invalid	#ff0000	—
keyword.operator.new	#0098dd	—
entity.other.attribute-name.id	#d52753	—
meta.function-call.arguments	#383a42	—
meta.object-literal.key, meta.object.member, variable.other.property, variable.other.object.property, support.variable.property, variable.object.property, support.type.property-name, meta.property-name, entity.name.tag.yaml, constant.other.key, constant.other.object.key.js, string.unquoted.label.js, support.type.map.key, variable.graphql	#a05a48	—
markup.inline.raw, markup.fenced_code.block, markup.raw.block	#a05a48	—
markup.underline.link.image	#23974a	—
variable.parameter, parameter.variable.function.elixir, variable.other.block.ruby	#40B8C5	—
support.type.primitive, support.type.builtin	#0098dd	—
string.interpolated.dollar.shell	#d52753	—
string.other.math.shell	#275fe4	—
punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell	#7a82da	—
comment.rainbow4	#a05a48	—
markup.bold.rainbow9	#823ff1
invalid.rainbow10	#df631c	—
comment, storage.modifier, punctuation.definition.comment, entity.other, variable.language, support.type.vendored, support.constant.vendored, markup.quote, markup.italic, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, keyword.control.clojure, source.clojure meta.symbol.dynamic, keyword.other.this.cs, keyword.other.base.cs, variable.other.member.c, support.type.core.rust, variable.other.object.property, variable.other.property, source.r meta.function.r keyword.control.r, comment.line.roxygen.r keyword, comment.line.roxygen.r variable.parameter.r, keyword.control.inheritance.coffee, comment.block.documentation.phpdoc.php keyword, keyword.other.array.phpdoc.php, storage.type.modifier, comment.block.javadoc.java keyword, comment.block.javadoc.java variable.parameter.java, keyword.operator.documentation.powershell, storage.type.scala, variable.parameter.function.language.special, comment.block.documentation.scala keyword, comment.block.documentation.scala variable.parameter, support.function.builtin.go, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, constant.other.symbol.ruby, source.vala storage.type.generic, constant.other.table-name, constant.other.placeholder, variable.other.field, entity.alias.import.go, source.swift keyword.other.declaration-specifier, support.variable.swift, keyword.other.capture-specifier, text.tex support.function.emph, constant.other.math, support.function.textit, entity.name.footnote, entity.name.function.directive.graphql, source.graphql support.type.enum, source.ocaml entity.name.filename, source.reason entity.name.filename, abstract.definition.fsharp keyword, abstract.definition.fsharp entity, function.anonymous keyword, entity.name.record.field.accessor.elm, support.type.primitive, support.type.builtin, keyword.type.cs, storage.type.built-in, storage.type.primitive, source.python support.type.python, storage.type.core.rust, source.swift support.type, source.go storage.type, storage.type.php, storage.type.function.kotlin, entity.name.type.kotlin, support.type.julia, variable.other.member, keyword.other.import, keyword.package, keyword.import, source.wsd keyword.control.diagram, keyword.language.gherkin.feature.step, source.hlsl storage.type.basic, source.apex keyword.type, sharing.modifier, source.nim storage.type.concrete, meta.preprocessor.pragma.nim, storage.type.integral, entity.name.scope-resolution.function.call, support.class.builtin, comment.block.documentation storage.type.class, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, meta.import keyword.control, keyword.control.export, source.vue meta.directive punctuation.separator.key-value, keyword.local.lua, markup.mark.constrained markup.mark, markup.block.open, entity.name.type.primitive, entity.name.type.numeric, source.zig keyword.type, source.zig keyword.storage, source.zig keyword.structure	—	italic
keyword, keyword.control, keyword.operator, keyword.other.template, keyword.other.substitution, storage.type.function.arrow, constant.other.color, punctuation.accessor, entity.name.section, markdown.heading, markup.inline.raw punctuation.definition.raw, markup.heading, storage.type.function.pug, storage.type.function.python, storage.type.annotation, punctuation.bracket.angle, keyword.other.new, storage.type.generic.wildcard, source.go keyword.operator, constant.other.symbol.ruby punctuation.definition.constant.ruby, support.function.builtin.rust, storage.type.function.coffee, entity.name.variable.parameter, punctuation.separator.hash.cs, constant.other.symbol.ruby punctuation.definition.constant.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, meta.function.parameters variable.other, entity.name.type.annotation.kotlin, storage.type.objc, parameter.variable.function, markup punctuation.definition, punctuation.section.directive, punctuation.definition.preprocessor, source.ruby punctuation.definition.variable, support.function.textbf, source.graphql support.type.builtin, source.ocaml variable.interpolation string, entity.name.function.definition.special.constructor, entity.name.function.definition.special.member.destructor., meta.function.parameters variable punctuation.definition.variable.php, source.wsd keyword.other.activity, keyword.control.class.ruby, keyword.control.def.ruby, keyword.function.go, keyword.other.fn.rust, markup.other.anchor, markup.list.bullet, markup.list punctuation.definition, keyword.control.default, punctuation.section, punctuation.separator, punctuation.terminator, markup.bold.markdown, source.zig storage.type.function, entity.name.type	—	bold
markup.quote markup.bold, text.html punctuation.section.embedded, variable.other.c, storage.modifier.lifetime.rust, entity.name.lifetime.rust, source.rust meta.attribute.rust, meta.attribute.id entity.other.attribute-name, source.ocaml punctuation.definition.tag emphasis, source.tf entity.name, markup.quote punctuation.definition, markup.fenced_code punctuation.definition, fenced_code.block.language	—	bold italic
keyword.control.from, keyword.control.import, keyword.control.export, variable.parameter, keyword.begin.tag.ejs, source.python meta.function.decorator.python support.type.python, source.cs keyword.other, keyword.other.var.cs, source.go keyword, storage.modifier.static.rust, variable.parameter.r, variable.parameter.handlebars, storage.modifier.import, storage.modifier.package, meta.class.identifier storage.modifier, keyword.operator.other.powershell, source.css variable.parameter, string.interpolated variable.parameter, source.apacheconf keyword, keyword.other.julia, storage.modifier.using.vala, source.objc keyword.other.property.attribute, source.sql keyword.other, keyword.other.using.vala, keyword.operator.function.infix, keyword.control.directive, keyword.other.rust, keyword.other.declaration-specifier.swift, entity.name.function.swift, keyword.control.class, keyword.control.def, punctuation.definition.variable, entity.name.section.latex, source.ocaml keyword markup.underline, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, keyword.format.specifier.fsharp, entity.name.section.fsharp, binding.fsharp keyword, binding.fsharp keyword.symbol, record.fsharp keyword, keyword.symbol.fsharp, entity.name.section.fsharp keyword, namespace.open.fsharp keyword, namespace.open.fsharp entity, storage.type, source.cpp keyword.other, source.c keyword.other, keyword.other.unit, storage.modifier.array.bracket, meta.import.haskell keyword, keyword.declaration.dart, source.wsd keyword.other, keyword.other.skinparam, source.css keyword.control, source.css keyword.operator, keyword.language.gherkin.feature.scenario, keyword.control.cucumber.table, source.toml entity.other.attribute-name, source.toml keyword, keyword.other.nim, source.nim keyword.other.common.function, source.nim keyword.other, source.scala keyword.declaration, source.scala entity.name.class.declaration, keyword.control.lua, source.css punctuation.section, punctuation.section.embedded, source.c punctuation.section, source.cpp punctuation.section, source.java punctuation.section, source.php punctuation.section, source.powershell punctuation.section, source.r punctuation.section, source.ruby punctuation.section, source.swift punctuation.section, source.objc punctuation.section, source.zig keyword.constant.bool, source.zig keyword.default, source.zig keyword.statement, source.zig keyword.constant.default	—
markup.strikethrough	—	strikethrough

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Attentio — Attentio Pulse

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#8eb0e626
activityBar.activeBorder#8eb0e6
activityBar.background#16192f
activityBar.border#07080e
activityBar.dropBorder#444c6e33
activityBar.foreground#e1bdff
activityBar.inactiveForeground#e7e7e796
activityBarBadge.background#8eb0e6
activityBarBadge.foreground#0d101b
badge.background#8eb0e6
badge.foreground#111422
breadcrumb.background#010107
breadcrumb.foreground#abd0de
breadcrumbPicker.background#111422
button.background#8eb0e675
button.border#8eb0e675
button.foreground#c0c4d8
button.hoverBackground#8eb0e690
button.secondaryBackground#8eb0e620
button.secondaryForeground#c0c4d8
button.secondaryHoverBackground#8eb0e635
charts.blue#69c3ff
charts.foreground#c0c4d8
charts.green#3cec85
charts.lines#c0c4d8
charts.orange#ff955c
charts.purple#f38cec
charts.red#e35535
charts.yellow#eacd61
checkbox.foreground#c0c4d8
commandCenter.activeBackground#fdfdfd35
commandCenter.activeBorder#e7e7e700
commandCenter.activeForeground#fdfdfd
commandCenter.background#5a5a5e72
commandCenter.border#e7e7e700
commandCenter.foreground#fdfdfd85
contrastActiveBorder#00000000
contrastBorder#00000000
debugExceptionWidget.background#1a1e33
debugExceptionWidget.border#07080e
debugToolBar.background#1a1e33
descriptionForeground#8e8e8e
diffEditor.border#07080e
diffEditor.diagonalFill#07080e80
diffEditor.insertedLineBackground#3cec8520
diffEditor.insertedTextBackground#3cec8520
diffEditor.insertedTextBorder#00000000
diffEditor.removedLineBackground#e3553525
diffEditor.removedTextBackground#e3553525
diffEditor.removedTextBorder#00000000
diffEditorGutter.insertedLineBackground#00000000
diffEditorGutter.removedLineBackground#00000000
diffEditorOverview.insertedForeground#3cec8525
diffEditorOverview.removedForeground#e3553530
disabledForeground#c0c4d84d
dropdown.background#111422
dropdown.border#444c6e50
dropdown.foreground#c0c4d8
dropdown.listBackground#111422
editor.background#010107
editor.findMatchBackground#8eb0e630
editor.findMatchBorder#8eb0e660
editor.findMatchHighlightBackground#8eb0e633
editor.findMatchHighlightBorder#8eb0e64d
editor.foldBackground#0d101ba0
editor.foreground#c0c4d8
editor.hoverHighlightBackground#8eb0e640
editor.inactiveSelectionBackground#8eb0e640
editor.lineHighlightBackground#8eb0e60d
editor.lineHighlightBorder#8eb0e620
editor.linkedEditingBackground#69c3ff33
editor.rangeHighlightBackground#8eb0e633
editor.selectionBackground#8eb0e640
editor.selectionForeground#c0c4d8
editor.selectionHighlightBackground#8eb0e615
editor.selectionHighlightBorder#8eb0e640
editor.snippetTabstopHighlightBackground#ffffff00
editor.wordHighlightBackground#8eb0e620
editor.wordHighlightBorder#8eb0e64d
editor.wordHighlightStrongBackground#8eb0e640
editorBracketHighlight.foreground1#eacd61
editorBracketHighlight.foreground2#f38cec
editorBracketHighlight.foreground3#69c3ff
editorBracketHighlight.foreground4#b78aff
editorBracketHighlight.foreground5#22ecdb
editorBracketHighlight.foreground6#ff738a
editorBracketHighlight.unexpectedBracket.foreground#e35535
editorBracketMatch.background#8eb0e640
editorBracketMatch.border#8eb0e660
editorCodeLens.foreground#a1a7c480
editorCursor.background#8eb0e6
editorCursor.foreground#caa3ff
editorError.border#00000000
editorError.foreground#e35535
editorGhostText.border#00000000
editorGhostText.foreground#c0c4d870
editorGroup.border#07080e
editorGroup.dropBackground#8eb0e615
editorGroupHeader.border#bb272700
editorGroupHeader.noTabsBackground#010107
editorGroupHeader.tabsBackground#010107
editorGroupHeader.tabsBorder#07080e00
editorGutter.addedBackground#3cec85cc
editorGutter.background#010107
editorGutter.commentRangeForeground#1a1e33
editorGutter.deletedBackground#e35535cc
editorGutter.modifiedBackground#69c3ffcc
editorHoverWidget.background#1a1e33
editorHoverWidget.border#07080e
editorIndentGuide.activeBackground1#444c6ebb
editorIndentGuide.background1#444c6e30
editorInfo.border#00000000
editorInlayHint.background#a1a7c420
editorInlayHint.foreground#a1a7c490
editorInlayHint.typeBackground#b78aff30
editorInlayHint.typeForeground#b78affaa
editorLineNumber.activeForeground#444c6e
editorLineNumber.foreground#444c6e90
editorLink.activeForeground#c0c4d8
editorMarkerNavigation.background#0d101b
editorMarkerNavigationError.background#e3553590
editorMarkerNavigationInfo.background#69c3ff90
editorMarkerNavigationWarning.background#ff955c90
editorOverviewRuler.border#07080e
editorOverviewRuler.commonContentForeground#eacd61
editorOverviewRuler.currentContentForeground#e35535
editorOverviewRuler.incomingContentForeground#3cec85
editorRuler.foreground#444c6e33
editorStickyScrollHover.background#1b2036
editorSuggestWidget.background#000000
editorSuggestWidget.border#07080e
editorSuggestWidget.foreground#a1a7c4
editorSuggestWidget.highlightForeground#eacd61
editorSuggestWidget.selectedBackground#8eb0e64d
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#000000aa
editorWarning.border#00000000
editorWarning.foreground#eacd61
editorWhitespace.foreground#444c6e60
editorWidget.background#1a1e33
editorWidget.resizeBorder#8eb0e650
errorForeground#e35535
errorLens.errorForeground#e3553599
errorLens.hintForeground#69c3ff99
errorLens.infoForeground#69c3ff99
errorLens.warningForeground#ff955c99
extensionButton.background#8eb0e660
extensionButton.foreground#c0c4d8
extensionButton.hoverBackground#8eb0e690
extensionButton.prominentBackground#8eb0e69d
extensionButton.prominentForeground#c0c4d8
extensionButton.prominentHoverBackground#8eb0e6
focusBorder#8eb0e640
foreground#a1a7c4aa
gitDecoration.addedResourceForeground#16b673
gitDecoration.conflictingResourceForeground#ffc180
gitDecoration.deletedResourceForeground#e34e1c
gitDecoration.ignoredResourceForeground#5b788b
gitDecoration.modifiedResourceForeground#49e9a6
gitDecoration.untrackedResourceForeground#40d4e7
icon.foreground#a1a7c4aa
input.background#00000000
input.border#444c6e60
input.foreground#c0c4d8
input.placeholderForeground#c0c4d860
inputOption.activeBorder#8eb0e6
inputValidation.errorBackground#1a1e33
inputValidation.errorBorder#eacd61
inputValidation.infoBackground#1a1e33
inputValidation.infoBorder#8eb0e6
inputValidation.warningBackground#1a1e33
inputValidation.warningBorder#eacd61
keybindingLabel.background#1a1e33
keybindingLabel.border#454c6e
keybindingLabel.bottomBorder#454c6e
keybindingLabel.foreground#737ba6
list.activeSelectionBackground#0c3f5f
list.activeSelectionForeground#ebf7ff
list.dropBackground#8eb0e615
list.errorForeground#e35535
list.focusBackground#00558a50
list.focusForeground#ebf7ff
list.highlightForeground#eacd61
list.hoverBackground#00558a50
list.hoverForeground#ebf7ff
list.inactiveSelectionBackground#00558a50
list.inactiveSelectionForeground#becfda
list.warningForeground#ff955c
menu.background#1a1e33
menu.border#07080e
menu.foreground#9298ba
menu.selectionForeground#f0f1f5
menu.separatorBackground#07080e65
menubar.selectionBackground#1a1e33
menubar.selectionForeground#a1a7c4
merge.border#07080e
merge.commonContentBackground#eacd6130
merge.commonHeaderBackground#eacd6180
merge.currentContentBackground#3cec8530
merge.currentHeaderBackground#3cec8580
merge.incomingContentBackground#69c3ff30
merge.incomingHeaderBackground#69c3ff80
minimap.background#040814
minimap.errorHighlight#e35535
minimap.findMatchHighlight#8eb0e6a0
minimap.selectionHighlight#8eb0e6a0
minimap.selectionOccurrenceHighlight#8eb0e6a0
minimap.warningHighlight#ff955c
minimapGutter.addedBackground#3cec85
minimapGutter.deletedBackground#e35535
minimapGutter.modifiedBackground#69c3ff
notificationCenterHeader.background#1a1e33
notificationCenterHeader.foreground#c0c4d8
notificationLink.foreground#eacd61
notifications.background#1a1e33
notifications.border#07080e
notifications.foreground#a1a7c4
notificationsErrorIcon.foreground#e35535
notificationsInfoIcon.foreground#69c3ff
notificationsWarningIcon.foreground#ff955c
panel.background#010107
panel.border#6397ff38
panel.dropBorder#444c6e80
panelSection.border#07080e
panelSectionHeader.background#444c6e20
panelSectionHeader.border#07080e
panelSectionHeader.foreground#c0c4d8
panelTitle.activeBorder#fff
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#aacbff
peekView.border#07080e
peekViewEditor.background#181c30
peekViewEditor.matchHighlightBackground#1a1e3340
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#181c30
peekViewEditorStickyScroll.background#181c30
peekViewResult.background#15192b
peekViewResult.fileForeground#c0c4d8
peekViewResult.lineForeground#a1a7c4
peekViewResult.matchHighlightBackground#8eb0e680
peekViewResult.selectionBackground#8eb0e633
peekViewResult.selectionForeground#c0c4d8
peekViewTitle.background#1a1e33
peekViewTitleDescription.foreground#c0c4d8
peekViewTitleLabel.foreground#c0c4d8
pickerGroup.border#07080e
pickerGroup.foreground#c0c4d8
profileBadge.background#8eb0e6
profileBadge.foreground#111422
progressBar.background#eacd61
quickInput.foreground#9298ba
quickInputList.focusBackground#0c3f5f
quickInputList.focusForeground#f0f1f5
quickInputTitle.background#0d101b
sash.hoverBorder#8eb0e650
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#8eb0e640
scrollbarSlider.background#8eb0e620
scrollbarSlider.hoverBackground#8eb0e630
selection.background#8eb0e660
settings.headerForeground#8eb0e6
settings.modifiedItemIndicator#8eb0e6
sideBar.background#000305
sideBar.border#07080e
sideBar.foreground#e7e7e7db
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#07080e
sideBarSectionHeader.foreground#c0c4d8
sideBarTitle.foreground#c0c4d8
statusBar.background#16192f
statusBar.border#07080e
statusBar.debuggingBackground#8eb0e644
statusBar.debuggingForeground#c0c4d8
statusBar.foreground#e7e7e7c4
statusBar.noFolderBackground#16192f
statusBar.noFolderBorder#07080e
statusBar.noFolderForeground#e7e7e7c4
statusBarItem.activeBackground#1a1e33
statusBarItem.errorBackground#e35535
statusBarItem.hoverBackground#d8affb
statusBarItem.hoverForeground#000000
statusBarItem.prominentBackground#07080e
statusBarItem.prominentHoverBackground#1a1e33
statusBarItem.warningBackground#ff955c
tab.activeBackground#000000
tab.activeBorder#ffffffb0
tab.activeBorderTop#ffffffb0
tab.activeForeground#e0e0e0
tab.border#07080e
tab.hoverBackground#313752
tab.hoverForeground#b2caff
tab.inactiveBackground#010107
tab.inactiveForeground#9fb6c6
tab.lastPinnedBorder#07080e
tab.unfocusedActiveBackground#202438
tab.unfocusedActiveBorder#ffffff24
tab.unfocusedActiveBorderTop#222131fc
tab.unfocusedActiveForeground#9fb6c6
tab.unfocusedHoverBackground#35334b
tab.unfocusedHoverForeground#9dbdff
tab.unfocusedInactiveForeground#9fb6c6
terminal.ansiBlack#111422
terminal.ansiBlue#69c3ff
terminal.ansiBrightBlack#69c3ff
terminal.ansiBrightBlue#69c3ff
terminal.ansiBrightCyan#22ecdb
terminal.ansiBrightGreen#3cec85
terminal.ansiBrightMagenta#f38cec
terminal.ansiBrightRed#e35535
terminal.ansiBrightWhite#c0c4d8
terminal.ansiBrightYellow#eacd61
terminal.ansiCyan#22ecdb
terminal.ansiGreen#3cec85
terminal.ansiMagenta#f38cec
terminal.ansiRed#e35535
terminal.ansiWhite#c0c4d8
terminal.ansiYellow#eacd61
terminal.background#010107
terminal.foreground#c0c4d8
terminal.selectionForeground#c0c4d8
terminalCursor.background#111422
terminalCursor.foreground#eacd61
textBlockQuote.background#69c3ff34
textBlockQuote.border#69c3ffb9
textCodeBlock.background#69c3ff34
textLink.activeForeground#69c3ff
textLink.foreground#69c3ff
textPreformat.foreground#eacd61
textSeparator.foreground#8eb0e6
titleBar.activeBackground#16192f
titleBar.activeForeground#fdfdfdac
titleBar.border#07080e
titleBar.inactiveBackground#16192f
titleBar.inactiveForeground#fdfdfdac
toolbar.hoverBackground#444c6e60
tree.inactiveIndentGuidesStroke#333333
tree.indentGuidesStroke#f6f6f6
walkThrough.embeddedEditorBackground#111422
welcomePage.progress.background#1a1e33
welcomePage.progress.foreground#8eb0e6
welcomePage.tileBackground#a1a7c410
welcomePage.tileBorder#a1a7c420
welcomePage.tileHoverBackground#a1a7c420
widget.shadow#07080e30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
support.module.elm, entity.other.inherited-class.python, variable.other.object, support.other.namespace.php, entity.other.attribute-name.namespace.xml, record.accessor, entity.name.record.field.accessor, storage.modifier.import.java, storage.modifier.import.groovy, meta.import.swift entity.name.type.swift, meta.member.access.python, variable.other.property.ts, variable.other.property.js, constant.language.symbol.elixir, punctuation.tag.liquid support.class.liquid, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell punctuation.definition.variable.powershell, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell	#FF955C	—
entity.name.type	#A4EF58	—
comment, punctuation.definition.comment, punctuation.definition.tag, comment.block.documentation punctuation.definition.bracket, source.ocaml comment constant.regexp meta.separator, markup.other.anchor support.constant, markup.fenced_code, markup.fenced_code punctuation.definition, punctuation.definition.heading, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown	#cccccc8a	italic
constant, support.constant.core.php	#E35535	—
meta.section.struct.go variable.other.field.go, meta.section.struct.go variable.other.declaration.go, source, support, constant.character.entity.named, meta.jsx.children, source.lua, text.html.derivative, source.graphql meta.selections variable.other.alias.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql variable.graphql, source.graphql variable.arguments.graphql	#A1A7C4	—
entity.name.function.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, punctuation.definition.decorator, meta.decorator variable.other.readwrite.ts, variable.parameter.gdscript, entity.name.variable.parameter, variable.parameter	#F38CEC	—
keyword.control.export, support.type.object.module	#EACD61	—
support.function, entity.name.function, meta.function-call, meta.function, meta.method.declaration, meta.function-call support, variable.language.super.ts, source.directive, meta.function-call.generic, meta.method-call.static.php, meta.method-call.php, meta.class storage.type, meta.method.groovy, meta.bracket.square.access, entity.name.function-call.elixir, punctuation.output.liquid support.variable.liquid, meta.function.echo.edge source.js keyword.operator.error-control.js, entity.name.type.variant.gdscript, entity.name.function.powershell	#69C3FF	—
keyword.control.import, meta.module.name.elm support, meta.import.elm support, keyword.control.at-rule, punctuation.definition.keyword, variable.control.import.include, keyword.other.import.java	#EACD61	—
keyword.package.go, keyword.operator.pointer.go, keyword.control, keyword.control.conditional, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.begin.blade, keyword.end.blade, keyword.blade, keyword.type-alias, keyword.type, support.class.console, keyword.other.await, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.new, keyword.other.phpdoc, keyword.other.use.php, keyword.operator.logical.python, keyword.other.import.static.groovy, keyword.other.import.groovy, punctuation.definition.attribute.swift, source.svelte meta.scope.tag.main.svelte meta.tag.start.svelte variable.function.svelte, meta.directive.on.svelte entity.name.type.svelte, keyword.other.special-method.elixir, keyword.edge, entity.name.function.edge, support.constant.edge, keyword.other.gdscript, keyword.other.onready.gdscript, source.graphql meta.fragment.graphql keyword.on.graphql, source.graphql meta.type.interface.graphql keyword.implements.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql keyword.operator.nulltype.graphql, source.graphql meta.variables.graphql keyword.operator.nulltype.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql keyword.operator.nulltype.graphql, keyword.operator.class.php, keyword.operator.spread.php, keyword.operator.type.php, keyword.operator.increment-decrement.php, keyword.operator.increment-increment.php, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.operator.string.php, keyword.operator.ternary.php, keyword.operator.variadic.php, keyword.operator.nullable-type.php, keyword.other.use-as.php, keyword.import.go, keyword.operator.address.go, keyword.operator.null-coalescing, keyword.operator.arrow, keyword.struct.go, keyword.operator.liquid, keyword.operator.optional.ts, keyword.cmake	#EACD61	—
meta.object-literal.key, variable.object.property	#C0C4D8	—
keyword.other.definition.ini, support.type.property-name, entity.name.tag.yaml	#EACD61	—
keyword.operator.comparison, storage.type.function.arrow, keyword.operator.lua, keyword.operator.assignment, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.math	#EACD61	—
punctuation, attribute_value, meta.brace, punctuation.definition.parameters, punctuation.definition.template-expression, keyword.operator, keyword.other, punctuation.terminator, punctuation.separator, punctuation.definition.generic.begin, punctuation.definition.generic.end, meta.function.type-declaration, keyword.other.colon.elm, meta.record.field.elm keyword.other.elm, keyword.other.period.elm, meta.tag.xml, meta.tag.preprocessor.xml, punctuation.definition.block, punctuation.accessor, constant.name.attribute.tag.pug, string.interpolated.pug, keyword.other.whitespace.liquid, meta.tag.template.block.twig, meta.tag.template.value.twig, begin.bracket, end.bracket, text.html.twig meta.tag.inline.any, text.html.twig meta.tag.block.any, support.function.construct.begin.blade, support.function.construct.end.blade source.php, support.function.construct.end.blade, meta.function.echo.blade source.php, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, text.html.vue-html meta.tag.block.any, keyword.operator.assignment.tsx, meta.definition.method.signature.java, meta.class.body.groovy, meta.definition.method.groovy meta.method.body.java meta.declaration.assertion.groovy, punctuation.definition.list.begin.erlang, meta.expression.parenthesized, meta.definition.function.swift meta.parameter-clause.swift, source.swift meta.function-call.swift, punctuation.section.embedded.end.swift source.swift, source.lua, meta.function.lua, punctuation.definition.keyword.svelte, source.svelte meta.scope.tag.SpeakerPicture.svelte meta.tag.start.svelte entity.other.attribute-name.svelte, expression.embbeded.vue punctuation.definition.tag.begin.html.vue, expression.embbeded.vue punctuation.definition.tag.end.html.vue, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql meta.brace.square.graphql, punctuation.output.liquid, text.html.liquid meta.tag.liquid punctuation.definition.tag.end.liquid	#C0C4D860	—
entity.name.package.go, variable.language.this, variable.language.special.self, variable.parameter.function.language.special.self, variable.language.this.php punctuation.definition.variable.php, meta.class.body.php storage.type.php, variable.parameter.function.swift entity.name.function.swift, variable.other.jsdoc, support.variable.drive.powershell	#FF955C	—
storage, meta.var.expr storage.type, storage.type.function, keyword.function, storage.type.class, storage.type.property, keyword.other, keyword.local.lua, entity.name.class, meta.function.lua keyword.control.lua, storage.type.enum, storage.type.interface, storage.type.type, entity.name.type.class.java, support.class.php, entity.other.inherited-class.php, entity.name.type.class.groovy, storage.type.rust, entity.name.type.class.swift, source.svelte meta.script.svelte source.ts entity.name.label.ts, meta.directive.on.svelte keyword.control.svelte, storage.type.const.gdscript, storage.type.var.gdscript, source.graphql declaration.meta.type keyword, source.graphql meta.type.interface.graphql keyword.type.graphql, source.graphql keyword.schema.graphql, source.graphql keyword.operation.graphql, source.graphql meta.enum.graphql keyword.enum.graphql, source.graphql meta.fragment.graphql keyword.fragment.graphql, storage.type.trait.php, keyword.type.go, keyword.var.go, storage.type.powershell, keyword.const.go	#22ECDB	—
string, string.template, string.quoted.single, punctuation.definition.string, punctuation.definition.string.template, punctuation.definition.string.begin, punctuation.definition.string.end.html source.js-ignored-vscode, punctuation.definition.string.end.html source.js, punctuation.definition.string.end.html.vue, punctuation.definition.string.end.html source.ts, punctuation.definition.string.end.html source.tsx, punctuation.definition.string.end.html source.js.jsx, punctuation.definition.string.end, string.other.link, constant.character.escape.regexp, variable.parameter.url, constant.other.symbol.quoted.single.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.begin.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.end.erlang, meta.import.ts punctuation.definition.variable.svelte, punctuation.definition.string.end.html source.css-ignored-vscode, text.html.edge punctuation.definition.variable.js, string.unquoted.plain.out.yaml, string.quoted.single.python punctuation.definition.string.begin.python, string.quoted.single.python punctuation.definition.string.end.python	#3CEC85	—
string.quoted.docstring.multi.python, string.quoted.double.block.python punctuation.definition.string.end.python, string.quoted.double.block.python punctuation.definition.string.begin.python, string.quoted.double.block.python, punctuation.definition.string.begin.python, punctuation.definition.string.end.python	#3CEC8560	—
entity.name.type, support.type, support.class, storage.type, entity.other.inherited-class, keyword.type, storage.type.java, storage.type.primitive.java, storage.type.generic.java, keyword.other.type, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php source.php, punctuation.section.embedded.end.php, storage.type.object.array.java, storage.type.primitive.groovy, storage.type.groovy, meta.definition.type.body.swift meta.function-call.swift, meta.definition.type.class.swift meta.inheritance-clause.swift, variable.other.constant.elixir, source.graphql declaration.meta.type support, source.graphql meta.selections, source.graphql meta.enum.graphql meta.type.object.graphql constant.character.enum.graphql, source.graphql meta.fragment.graphql entity.name.fragment.graphql, entity.name.type.class.php, support.class.php, entity.other.inherited-class.php, entity.other.alias.php, meta.group.simple.subexpression.powershell meta.scriptblock.powershell storage.type.powershell	#B78AFF	—
variable, variable.language, entity.name.type.class.js, entity.name.variable, support.variable.magic, meta.method.body, entity.name.variable, punctuation.definition.variable, meta.class variable.object.property, variable.other.constant entity.name.function, entity.name.variable.tuple-element.cs punctuation.separator.colon.cs, meta.definition.variable.name.groovy, meta.body.struct.cpp, parameter.variable.function.elixir, meta.directive.edge source.js, meta.function.echo.edge source.js, text.html.edge meta.function.echo.edge meta.function-call.js, source.css variable.parameter.keyframe-list.css, source.css meta.property-value.css, source.css.scss meta.at-rule.keyframes.scss entity.name.function.scss, source.css.scss meta.property-value.scss, entity.name.variable.tuple-element, meta.group.simple.subexpression.powershell support.variable.automatic.powershell, support.variable.automatic.powershell, storage.source.cmake, entity.source.cmake	#FF738A	—
source.elm constant.type-constructor	#FF738A	—
source.elm storage.type	#B78AFF	—
entity.name.tag.other.html, entity.name.tag support.class.component, support.class.component.html	#B78AFF	—
source.diff meta.diff.header.to-file, source.diff markup.inserted.diff, source.diff punctuation.definition.to-file.diff, source.diff punctuation.definition.inserted.diff	#3CEC85	—
source.diff punctuation.definition.from-file.diff, source.diff meta.diff.header.from-file, source.diff markup.deleted.diff, source.diff punctuation.definition.deleted.diff	#E35535	—
source.diff meta.diff.header.command	#69C3FF	—
source.diff punctuation.definition.range.diff, source.diff meta.diff.range.unified	#FF955C	—
support.variable.liquid, support.class.liquid	#FF738A	—
text.html.basic entity.name, source.js-ignored-vscode, entity.name.tag, meta.embedded.block.blade constant.other.php, meta.embedded.block.blade keyword.operator.comparison.php, meta.embedded.block.blade keyword.operator.arithmetic.php, meta.tag.start.svelte keyword.control.svelte, meta.tag.end.svelte keyword.control.svelte	#69C3FF	—
meta.tag.sgml.doctype.html, punctuation.definition.tag, meta.tag.block.any, meta.tag.block.any.html, meta.tag.inline.any, source.css-ignored-vscode, meta.tag.metadata.style.end.html, text.html.vue invalid.illegal.character-not-allowed-here.html, meta.tag.inline.i.start.html, meta.tag.structure.div.start.html, punctuation.definition.tag.end.html.vue, invalid.illegal.character-not-allowed-here.html	#69C3FFAA	—
entity.other.attribute-name, entity.name.tag.liquid, invalid.deprecated.entity.other.attribute-name, meta.embedded.block.blade storage.type.php	#EACD61	—
markup.inline.raw.string.markdown, punctuation.definition.raw.markdown, markup.fenced_code.block.markdown, markup.fenced_code.block.markdown punctuation, markup.raw.block.markdown	#B78AFF	—
fenced_code.block.language	#B78AFF	—
punctuation.definition.list.begin	#69C3FF	—
punctuation.definition.list.begin	#69C3FF	—
entity.name.section, markup.heading.setext	#EACD61	—
punctuation.definition.heading	#EACD61	—
markup.underline.link, markup.underline.link.image	#69C3FF	—
markup.bold, punctuation.definition.bold	#FF738A	bold
markup.strikethrough, punctuation.definition.strikethrough	#E35535	—
markup.italic, punctuation.definition.italic	#FF955C	italic
markup.quote, markup.quote.markdown punctuation.definition.quote.begin	#F38CEC	—
punctuation.definition.quote.begin	#69C3FF	—
meta.embedded.block.frontmatter punctuation.definition.tag.begin, meta.embedded.block.frontmatter punctuation.definition.tag.end, meta.embedded.block.frontmatter string.unquoted.plain.out	#444C6E	italic
entity.other.attribute-name.pseudo-class	#F38CEC	—
entity.other.attribute-name.pseudo-element	#F38CEC	—
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity	#22ECDB	—
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity	#22ECDB	—
support.type.property-name.css, support.type.vendored.property-name, meta.property-list entity.name.tag.css, meta.property-list.scss meta.property-list.scss entity.name.tag.css, meta.property-list meta.property-name, source.css.scss meta.property-list.scss entity.name.tag.css	#C0C4D8	—
source.css.scss entity.other.attribute-name.id , source.css entity.other.attribute-name.id , entity.other.attribute-name.id punctuation.definition.entity	#B78AFF	—
entity.name.tag.reference, meta.property-list	#FF955C	—
keyword.other.unit	#FF955C	—
support.constant.property-value, support.constant.font-name, meta.property-value.css, meta.attribute.style.html	#FF955C	—
constant.numeric	#FF955C	—
entity.name.tag.css, meta.property-list.scss entity.name.tag.css	#69C3FF	—
comment	#CCCCCC80	—
punctuation.definition.comment	#CCCCCC80	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
comment, keyword.control, storage.modifier, punctuation.definition.comment, entity.other, variable.language, support.type.vendored, support.constant.vendored, markup.quote, markup.italic, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, keyword.control.clojure, source.clojure meta.symbol.dynamic, keyword.other.this.cs, keyword.other.base.cs, variable.other.member.c, support.type.core.rust, variable.other.object.property, variable.other.property, source.r meta.function.r keyword.control.r, comment.line.roxygen.r keyword, comment.line.roxygen.r variable.parameter.r, keyword.control.inheritance.coffee, comment.block.documentation.phpdoc.php keyword, keyword.other.array.phpdoc.php, storage.type.modifier, comment.block.javadoc.java keyword, comment.block.javadoc.java variable.parameter.java, keyword.operator.documentation.powershell, storage.type.scala, variable.parameter.function.language.special, comment.block.documentation.scala keyword, comment.block.documentation.scala variable.parameter, support.function.builtin.go, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, constant.other.symbol.ruby, source.vala storage.type.generic, constant.other.table-name, constant.other.placeholder, variable.other.field, entity.alias.import.go, source.swift keyword.other.declaration-specifier, support.variable.swift, keyword.other.capture-specifier, text.tex support.function.emph, constant.other.math, support.function.textit, entity.name.footnote, entity.name.function.directive.graphql, source.graphql support.type.enum, source.ocaml entity.name.filename, source.reason entity.name.filename, abstract.definition.fsharp keyword, abstract.definition.fsharp entity, function.anonymous keyword, entity.name.record.field.accessor.elm, support.type.primitive, support.type.builtin, keyword.type.cs, storage.type.built-in, storage.type.primitive, source.python support.type.python, storage.type.core.rust, source.swift support.type, source.go storage.type, storage.type.php, storage.type.function.kotlin, entity.name.type.kotlin, support.type.julia, variable.other.member, keyword.other.import, keyword.package, keyword.import, source.wsd keyword.control.diagram, keyword.language.gherkin.feature.step, source.hlsl storage.type.basic, source.apex keyword.type, sharing.modifier, source.nim storage.type.concrete, meta.preprocessor.pragma.nim, storage.type.integral, entity.name.scope-resolution.function.call, support.class.builtin, comment.block.documentation storage.type.class, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, meta.import keyword.control, keyword.control.export, source.vue meta.directive punctuation.separator.key-value, keyword.local.lua, markup.mark.constrained markup.mark, markup.block.open, entity.name.type.primitive, entity.name.type.numeric, source.zig keyword.type, source.zig keyword.storage, source.zig keyword.structure	—	italic
keyword, keyword.operator, keyword.other.template, keyword.other.substitution, storage.type.function.arrow, constant.other.color, punctuation.accessor, entity.name.section, markdown.heading, markup.inline.raw punctuation.definition.raw, markup.heading, storage.type.function.pug, storage.type.function.python, storage.type.annotation, punctuation.bracket.angle, keyword.other.new, storage.type.generic.wildcard, source.go keyword.operator, constant.other.symbol.ruby punctuation.definition.constant.ruby, support.function.builtin.rust, storage.type.function.coffee, entity.name.variable.parameter, punctuation.separator.hash.cs, constant.other.symbol.ruby punctuation.definition.constant.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, meta.function.parameters variable.other, entity.name.type.annotation.kotlin, storage.type.objc, parameter.variable.function, markup punctuation.definition, punctuation.section.directive, punctuation.definition.preprocessor, source.ruby punctuation.definition.variable, support.function.textbf, source.graphql support.type.builtin, source.ocaml variable.interpolation string, entity.name.function.definition.special.constructor, entity.name.function.definition.special.member.destructor., meta.function.parameters variable punctuation.definition.variable.php, source.wsd keyword.other.activity, keyword.control.class.ruby, keyword.control.def.ruby, keyword.function.go, keyword.other.fn.rust, markup.other.anchor, markup.list.bullet, markup.list punctuation.definition, keyword.control.default, punctuation.section, punctuation.separator, punctuation.terminator, markup.bold.markdown, source.zig storage.type.function, entity.name.type	—	bold
markup.quote markup.bold, text.html punctuation.section.embedded, variable.other.c, storage.modifier.lifetime.rust, entity.name.lifetime.rust, source.rust meta.attribute.rust, meta.attribute.id entity.other.attribute-name, source.ocaml punctuation.definition.tag emphasis, source.tf entity.name, markup.quote punctuation.definition, markup.fenced_code punctuation.definition, fenced_code.block.language	—	bold italic
keyword.control.from, keyword.control.import, keyword.control.export, variable.parameter, keyword.begin.tag.ejs, source.python meta.function.decorator.python support.type.python, source.cs keyword.other, keyword.other.var.cs, source.go keyword, storage.modifier.static.rust, variable.parameter.r, variable.parameter.handlebars, storage.modifier.import, storage.modifier.package, meta.class.identifier storage.modifier, keyword.operator.other.powershell, source.css variable.parameter, string.interpolated variable.parameter, source.apacheconf keyword, keyword.other.julia, storage.modifier.using.vala, source.objc keyword.other.property.attribute, source.sql keyword.other, keyword.other.using.vala, keyword.operator.function.infix, keyword.control.directive, keyword.other.rust, keyword.other.declaration-specifier.swift, entity.name.function.swift, keyword.control.class, keyword.control.def, punctuation.definition.variable, entity.name.section.latex, source.ocaml keyword markup.underline, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, keyword.format.specifier.fsharp, entity.name.section.fsharp, binding.fsharp keyword, binding.fsharp keyword.symbol, record.fsharp keyword, keyword.symbol.fsharp, entity.name.section.fsharp keyword, namespace.open.fsharp keyword, namespace.open.fsharp entity, storage.type, source.cpp keyword.other, source.c keyword.other, keyword.other.unit, storage.modifier.array.bracket, meta.import.haskell keyword, keyword.declaration.dart, source.wsd keyword.other, keyword.other.skinparam, source.css keyword.control, source.css keyword.operator, keyword.language.gherkin.feature.scenario, keyword.control.cucumber.table, source.toml entity.other.attribute-name, source.toml keyword, keyword.other.nim, source.nim keyword.other.common.function, source.nim keyword.other, source.scala keyword.declaration, source.scala entity.name.class.declaration, keyword.control.lua, source.css punctuation.section, punctuation.section.embedded, source.c punctuation.section, source.cpp punctuation.section, source.java punctuation.section, source.php punctuation.section, source.powershell punctuation.section, source.r punctuation.section, source.ruby punctuation.section, source.swift punctuation.section, source.objc punctuation.section, source.zig keyword.constant.bool, source.zig keyword.default, source.zig keyword.statement, source.zig keyword.constant.default	—
markup.strikethrough	—	strikethrough