Skip to main content
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
colors Workbench UI color keys from the theme JSON colors map.
activityBar.activeBackground #FFFFFF activityBar.activeBorder #00B000 activityBar.background #F3F3F3 activityBar.border #00800040 activityBar.dropBorder #00B000 activityBar.foreground #00B000 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle source #000000 — string, support.constant, string.template, entity.name.operator.custom-literal.string, meta.preprocessor.string #A31515 — constant.character.escape #A9A9A9 — constant.character.entity, constant.character.entity punctuation, constant.character.entity punctuation.definition.entity #A9A9A9 —
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
RespectMyEyes theme — RespectMyEyes Light
activityBar.inactiveForeground
#33333340
activityBarBadge.background #80C080
activityBarBadge.foreground #FFFFFF
breadcrumb.activeSelectionForeground #00A000
breadcrumb.background #F3F3F3
breadcrumb.focusForeground #00A000
breadcrumb.foreground #909090
breadcrumbPicker.background #F3F3F3
button.background #FFFFFF
button.foreground #00B000
button.hoverBackground #00B00040
button.secondaryBackground #FFFFFF
button.secondaryForeground #606060
button.secondaryHoverBackground #00B00040
debugConsole.errorForeground #FF0000
debugConsole.infoForeground #0000CC
debugConsole.sourceForeground #000000
debugConsole.warningForeground #E8810C
diffEditor.insertedTextBackground #00B00020
diffEditor.removedTextBackground #FF000020
dropdown.foreground #006000
editor.background #FFFFFF
editor.findMatchBackground #FEFE3380
editor.findMatchBorder #FFA500
editor.findMatchHighlightBackground #FEFE3380
editor.foldBackground #A9A9A920
editor.foreground #000000
editor.hoverHighlightBackground #00B00080
editor.inactiveSelectionBackground #00B00020
editor.lineHighlightBorder #00B00020
editor.linkedEditingBackground #C344AB20
editor.rangeHighlightBackground #FEFE3340
editor.selectionBackground #00E88F
editor.selectionHighlightBackground #00E88F20
editor.wordHighlightBackground #00B00020
editor.wordHighlightStrongBackground #00B00020
editorBracketMatch.background #A9A9A960
editorBracketMatch.border #FFFFFF00
editorCursor.foreground #00CC7E
editorGroupHeader.noTabsBackground #FFFFFF
editorGroupHeader.tabsBackground #F3F3F3
editorGutter.foldingControlForeground #A9A9A9
editorIndentGuide.activeBackground1 #00B00060
editorIndentGuide.activeBackground2 #00B00060
editorIndentGuide.activeBackground3 #00B00060
editorIndentGuide.activeBackground4 #00B00060
editorIndentGuide.activeBackground5 #00B00060
editorIndentGuide.activeBackground6 #00B00060
editorIndentGuide.background1 #C0C0C080
editorIndentGuide.background2 #C0C0C080
editorIndentGuide.background3 #C0C0C080
editorIndentGuide.background4 #C0C0C080
editorIndentGuide.background5 #C0C0C080
editorIndentGuide.background6 #C0C0C080
editorInlayHint.background #C0C0C030
editorInlayHint.foreground #50A750
editorLineNumber.activeForeground #0000CC
editorLineNumber.foreground #A9A9A980
editorPane.background #F3F3F380
editorSuggestWidget.background #F3F3F3
editorWarning.foreground #A9A9A9
editorWhitespace.foreground #C0C0C080
editorWidget.border #00B00080
focusBorder #00800080
icon.foreground #000000
input.background #FFFFFF
input.foreground #00B000
input.placeholderForeground #A0A0A0
inputOption.activeBackground #00B00040
list.activeSelectionBackground #FFFFFF
list.activeSelectionForeground #00A000
list.focusBackground #BFEBBF
list.highlightForeground #00A000
list.hoverBackground #FFFFFF
list.hoverForeground #000000
list.inactiveSelectionBackground #FFFFFF
list.inactiveSelectionForeground #00A000
menu.background #FFFFFF
menu.selectionBackground #00B00020
menu.selectionForeground #000000
menubar.selectionBackground #FFFFFF
panel.background #F3F3F3
panelTitle.activeForeground #008000
panelTitle.inactiveForeground #000000
progressBar.background #00B000
selection.background #00B00040
settings.numberInputBorder #CECECE
settings.textInputBorder #CECECE
sideBar.background #F3F3F3
sideBar.border #DDDDDD
sideBar.dropBackground #0000001A
sideBarSectionHeader.background #80808033
sideBarTitle.foreground #6F6F6F
statusBar.background #F3F3F3
statusBar.border #00800040
statusBar.debuggingBackground #F3F3F3
statusBar.debuggingBorder #CC6633
statusBar.debuggingForeground #CC6633
statusBar.foreground #008000
statusBar.noFolderBackground #F3F3F3
statusBar.noFolderBorder #68217A
statusBar.noFolderForeground #68217A
statusBarItem.activeBackground #FFFFFF2E
statusBarItem.hoverBackground #FFFFFF1F
statusBarItem.prominentBackground #00000080
statusBarItem.prominentForeground #FFFFFF
statusBarItem.prominentHoverBackground #0000004D
statusBarItem.remoteBackground #16825D
statusBarItem.remoteForeground #FFFFFF
symbolIcon.interfaceForeground #00A000
tab.activeForeground #00A000
tab.hoverBackground #FFFFFF
tab.inactiveForeground #909090
titleBar.activeBackground #F3F3F3
titleBar.activeForeground #333333
titleBar.inactiveBackground #F3F3F3
titleBar.inactiveForeground #33333380
tree.inactiveIndentGuidesStroke #00B00020
tree.indentGuidesStroke #00B00080 constant.numeric.other.preffix #E8810C —
constant.numeric.other.suffix #E8810C —
constant.numeric.other.separator.thousands #A9A9A9 —
constant.language #A31515 —
keyword.control, keyword.control.conditional #0BC5E3 —
keyword.control.import #A9A9A9 —
keyword.control.export #A31515 —
new.expr, keyword.operator.new, keyword.control.new, keyword.other.new, keyword.operator.expression.new #0000CC —
variable.language #C344AB —
entity.name.type, entity.other.inherited-class #E8810C —
meta.type.annotation, meta.type.parameters #E8810C —
meta.type.parameters entity.name.type, meta.return.type entity.name.type, meta.type.annotation entity.name.type #E8810C —
support.type.primitive, support.type.builtin #E8810C —
entity.name.function, support.function #0000CC —
meta.definition.function entity.name.function, meta.definition.method entity.name.function #0000CC —
meta.function-call entity.name.function, meta.function-call support.function #0000CC —
variable.parameter, entity.name.variable.parameter #C344AB —
variable.object.property, meta.definition.property variable.object.property, meta.definition.property entity.name.function #0000CC —
meta.object-literal.key, meta.object-literal.key entity.name.function #C344AB —
variable, variable.other, support.variable, entity.name.variable #000000 —
variable.other.enummember, entity.name.variable.enum-member, constant.other.enum #C344AB —
entity.name.label #C344AB —
punctuation, punctuation.accessor, punctuation.definition, punctuation.definition.string, punctuation.definition.section.case-statement, punctuation.definition.dictionary, punctuation.separator, punctuation.section, punctuation.terminator, punctuation.destructuring, keyword.operator, keyword.operator.type, keyword.operator.type.annotation, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational #A9A9A9 —
meta.brace.round, punctuation.definition.parameters, meta.parameters punctuation.definition.parameters, punctuation.parenthesis, meta.brace.square, punctuation.definition.array, punctuation.squarebracket, punctuation.definition.binding-pattern.array, punctuation.definition.block, punctuation.bracket, punctuation.curlybrace, punctuation.definition.binding-pattern.object, punctuation.definition.typeparameters, meta.brace.angle #A9A9A9 —
keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.increment, keyword.operator.decrement, keyword.operator.math #000000 —
keyword.operator.bitwise, keyword.operator.assignment.compound.bitwise #0BC5E3 —
keyword.operator.rest, keyword.operator.spread, punctuation.accessor.optional, keyword.operator.optional, keyword.operator.definiteassignment #A9A9A9 —
keyword.operator.ternary #0BC5E3 bold
meta.arrow meta.parameters punctuation.definition.parameters #0BC5E3 —
storage.type.function.arrow, keyword.operator.arrow #0BC5E3 bold
meta.type.annotation storage.type.function.arrow, meta.type.declaration storage.type.function.arrow #E8810C —
punctuation.definition.string.template string.template #0BC5E3 bold
string.template punctuation.definition.string.template #A9A9A9 bold
punctuation.definition.template-expression, punctuation.definition.interpolation #0BC5E3 —
comment, comment source, comment string, comment keyword, comment keyword.operator, comment keyword.operator.assignment, comment variable, comment variable.parameter, comment entity.name.type, comment entity.name.tag, comment entity.other.attribute-name, comment storage.type, comment meta.tag, comment punctuation, comment punctuation.definition.block, comment punctuation.definition.string, comment punctuation.definition.tag, comment punctuation.separator, punctuation.definition.comment #50A750 —
meta.property-name, support.type.property-name #0000CC —
meta.property-value, meta.structure.dictionary.value #A31515 —
meta.tag, entity.name.tag, entity.name.tag support.class #0000CC —
meta.attribute, entity.other.attribute-name #C344AB —
punctuation.definition.tag #0000CC —
meta.embedded, markup.inline #A9A9A9 —
meta.import.js keyword.control, meta.import.ts keyword.control, meta.import.jsx keyword.control, meta.import.tsx keyword.control, meta.import.js keyword.control.from.js, meta.import.ts keyword.control.from.ts, meta.import.jsx keyword.control.from.jsx, meta.import.tsx keyword.control.from.tsx #A9A9A9 —
source.js meta.import-equals.external keyword.control.require, source.ts meta.import-equals.external keyword.control.require, source.jsx meta.import-equals.external keyword.control.require, source.tsx meta.import-equals.external keyword.control.require, meta.embedded.block.javascript meta.import-equals.external keyword.control.require #A9A9A9 —
meta.export.js keyword.control.as.js, meta.export.ts keyword.control.as.ts, meta.export.jsx keyword.control.as.jsx, meta.export.tsx keyword.control.as.tsx, meta.export.js keyword.control.from.js, meta.export.ts keyword.control.from.ts, meta.export.jsx keyword.control.from.jsx, meta.export.tsx keyword.control.from.tsx #A9A9A9 —
meta.export.js keyword.control.type.js, meta.export.ts keyword.control.type.ts, meta.export.jsx keyword.control.type.jsx, meta.export.tsx keyword.control.type.tsx #A31515 —
support.type.object.module.js, support.type.object.module.ts, support.type.object.module.jsx, support.type.object.module.tsx #000000 —
constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.jsx, constant.language.import-export-all.tsx #000000 —
keyword.operator.expression.typeof.js, keyword.operator.expression.typeof.ts, keyword.operator.expression.typeof.jsx, keyword.operator.expression.typeof.tsx, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.jsx, keyword.operator.expression.instanceof.tsx, keyword.operator.expression.keyof.js, keyword.operator.expression.keyof.ts, keyword.operator.expression.keyof.jsx, keyword.operator.expression.keyof.tsx, keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.in.jsx, keyword.operator.expression.in.tsx, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.of.jsx, keyword.operator.expression.of.tsx, keyword.operator.expression.delete.js, keyword.operator.expression.delete.ts, keyword.operator.expression.delete.jsx, keyword.operator.expression.delete.tsx, keyword.operator.expression.void.js, keyword.operator.expression.void.ts, keyword.operator.expression.void.jsx, keyword.operator.expression.void.tsx, keyword.other.debugger.js, keyword.other.debugger.ts, keyword.other.debugger.jsx, keyword.other.debugger.tsx #0BC5E3 —
meta.var.expr.js storage.type.js, meta.var.expr.ts storage.type.ts, meta.var.expr.jsx storage.type.jsx, meta.var.expr.tsx storage.type.tsx #A9A9A9 —
keyword.control.default.js, keyword.control.default.ts, keyword.control.default.jsx, keyword.control.default.tsx, meta.method.declaration.js storage.type.property.js, meta.method.declaration.ts storage.type.property.ts, meta.method.declaration.jsx storage.type.property.jsx, meta.method.declaration.tsx storage.type.property.tsx #A31515 —
source.js support.type, source.ts support.type, source.jsx support.type, source.tsx support.type, meta.embedded.block.javascript support.type #A31515 —
source.js meta.method.declaration storage.type, source.ts meta.method.declaration storage.type, source.jsx meta.method.declaration storage.type, source.tsx meta.method.declaration storage.type, meta.embedded.block.javascript meta.method.declaration storage.type #0000CC —
source.js meta.method.declaration meta.block storage.type, source.ts meta.method.declaration meta.block storage.type, source.jsx meta.method.declaration meta.block storage.type, source.tsx meta.method.declaration meta.block storage.type, meta.embedded.block.javascript meta.method.declaration meta.block storage.type #A9A9A9 —
entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.class.jsx, entity.name.type.class.tsx, entity.name.type.interface.js, entity.name.type.interface.ts, entity.name.type.interface.jsx, entity.name.type.interface.tsx, entity.name.type.enum.js, entity.name.type.enum.ts, entity.name.type.enum.jsx, entity.name.type.enum.tsx, entity.name.type.alias.js, entity.name.type.alias.ts, entity.name.type.alias.jsx, entity.name.type.alias.tsx #0000CC bold
meta.namespace.declaration entity.name.type.module.js, meta.namespace.declaration entity.name.type.module.ts, meta.namespace.declaration entity.name.type.module.jsx, meta.namespace.declaration entity.name.type.module.tsx, meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.js, meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.ts, meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.jsx, meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.tsx, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.js, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.ts, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.jsx, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration entity.name.type.module.tsx #0000CC bold
entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.jsx, entity.name.type.module.tsx, meta.namespace.declaration meta.block entity.name.type.module.js, meta.namespace.declaration meta.block entity.name.type.module.ts, meta.namespace.declaration meta.block entity.name.type.module.jsx, meta.namespace.declaration meta.block entity.name.type.module.tsx, meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.js, meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.ts, meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.jsx, meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.tsx, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.js, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.ts, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.jsx, meta.namespace.declaration meta.block meta.namespace.declaration meta.block meta.namespace.declaration meta.block entity.name.type.module.tsx #E8810C —
source.js meta.definition.function entity.name.function, source.ts meta.definition.function entity.name.function, source.jsx meta.definition.function entity.name.function, source.tsx meta.definition.function entity.name.function, meta.embedded.block.javascript meta.definition.function entity.name.function — bold
source.js meta.parameters entity.name.function, source.ts meta.parameters entity.name.function, source.jsx meta.parameters entity.name.function, source.tsx meta.parameters entity.name.function, meta.embedded.block.javascript meta.parameters entity.name.function #C344AB —
meta.definition.variable.js entity.name.function.js, meta.definition.variable.ts entity.name.function.ts, meta.definition.variable.jsx entity.name.function.jsx, meta.definition.variable.tsx entity.name.function.tsx #000000 —
source.js meta.function-call keyword.operator.expression.import, source.ts meta.function-call keyword.operator.expression.import, source.jsx meta.function-call keyword.operator.expression.import, source.tsx meta.function-call keyword.operator.expression.import, meta.embedded.block.javascript meta.function-call keyword.operator.expression.import, source.js source.css meta.embedded.line entity.name.function, source.ts source.css meta.embedded.line entity.name.function, source.jsx source.css meta.embedded.line entity.name.function, source.tsx source.css meta.embedded.line entity.name.function, meta.embedded.block.javascript source.css meta.embedded.line entity.name.function, source.js entity.name.function.tagged-template variable.other.property, source.ts entity.name.function.tagged-template variable.other.property, source.jsx entity.name.function.tagged-template variable.other.property, source.tsx entity.name.function.tagged-template variable.other.property, meta.embedded.block.javascript entity.name.function.tagged-template variable.other.property #0000CC —
source.js meta.object-literal.key string.quoted, source.ts meta.object-literal.key string.quoted, source.jsx meta.object-literal.key string.quoted, source.tsx meta.object-literal.key string.quoted, meta.embedded.block.javascript meta.object-literal.key string.quoted, meta.object-binding-pattern-variable.js variable.object.property.js, meta.object-binding-pattern-variable.ts variable.object.property.ts, meta.object-binding-pattern-variable.jsx variable.object.property.jsx, meta.object-binding-pattern-variable.tsx variable.object.property.tsx #C344AB —
meta.definition.property.js entity.name.function.js, meta.definition.property.ts entity.name.function.ts, meta.definition.property.jsx entity.name.function.jsx, meta.definition.property.tsx entity.name.function.tsx #0000CC —
meta.decorator.js punctuation.decorator.js, meta.decorator.ts punctuation.decorator.ts, meta.decorator.jsx punctuation.decorator.jsx, meta.decorator.tsx punctuation.decorator.tsx #C344AB —
meta.decorator.js meta.function-call entity.name.function.js, meta.decorator.ts meta.function-call entity.name.function.ts, meta.decorator.jsx meta.function-call entity.name.function.jsx, meta.decorator.tsx meta.function-call entity.name.function.tsx #C344AB —
meta.decorator.js meta.object.member meta.function-call entity.name.function.js, meta.decorator.ts meta.object.member meta.function-call entity.name.function.ts, meta.decorator.jsx meta.object.member meta.function-call entity.name.function.jsx, meta.decorator.tsx meta.object.member meta.function-call entity.name.function.tsx #0000CC —
source.js meta.type.annotation meta.parameters punctuation.definition.parameters, source.ts meta.type.annotation meta.parameters punctuation.definition.parameters, source.jsx meta.type.annotation meta.parameters punctuation.definition.parameters, source.tsx meta.type.annotation meta.parameters punctuation.definition.parameters, meta.embedded.block.javascript meta.type.annotation meta.parameters punctuation.definition.parameters, source.js meta.type.declaration meta.parameters punctuation.definition.parameters, source.ts meta.type.declaration meta.parameters punctuation.definition.parameters, source.jsx meta.type.declaration meta.parameters punctuation.definition.parameters, source.tsx meta.type.declaration meta.parameters punctuation.definition.parameters, meta.embedded.block.javascript meta.type.declaration meta.parameters punctuation.definition.parameters, source.js meta.type.annotation meta.parameters meta.type.annotation punctuation.definition.parameters, source.ts meta.type.annotation meta.parameters meta.type.annotation punctuation.definition.parameters, source.jsx meta.type.annotation meta.parameters meta.type.annotation punctuation.definition.parameters, source.tsx meta.type.annotation meta.parameters meta.type.annotation punctuation.definition.parameters, meta.embedded.block.javascript meta.type.annotation meta.parameters meta.type.annotation punctuation.definition.parameters #E8810C —
source.js meta.type.annotation meta.method.declaration meta.parameters punctuation.definition.parameters, source.ts meta.type.annotation meta.method.declaration meta.parameters punctuation.definition.parameters, source.jsx meta.type.annotation meta.method.declaration meta.parameters punctuation.definition.parameters, source.tsx meta.type.annotation meta.method.declaration meta.parameters punctuation.definition.parameters, meta.embedded.block.javascript meta.type.annotation meta.method.declaration meta.parameters punctuation.definition.parameters, source.js meta.type.declaration meta.method.declaration meta.parameters punctuation.definition.parameters, source.ts meta.type.declaration meta.method.declaration meta.parameters punctuation.definition.parameters, source.jsx meta.type.declaration meta.method.declaration meta.parameters punctuation.definition.parameters, source.tsx meta.type.declaration meta.method.declaration meta.parameters punctuation.definition.parameters, meta.embedded.block.javascript meta.type.declaration meta.method.declaration meta.parameters punctuation.definition.parameters #A9A9A9 —
source.js meta.objectliteral, source.ts meta.objectliteral, source.jsx meta.objectliteral, source.tsx meta.objectliteral, meta.embedded.block.javascript meta.objectliteral #000000 —
meta.block.js, meta.block.ts, meta.block.jsx, meta.block.tsx #A9A9A9 —
meta.var.expr.js, meta.var.expr.ts, meta.var.expr.jsx, meta.var.expr.tsx #000000 —
source.js support.class, source.ts support.class, source.jsx support.class, source.tsx support.class, meta.embedded.block.javascript support.class #000000 —
source.js meta.function-call support.class, source.ts meta.function-call support.class, source.jsx meta.function-call support.class, source.tsx meta.function-call support.class, meta.embedded.block.javascript meta.function-call support.class #E8810C —
source.js new.expr meta.function-call support.class, source.ts new.expr meta.function-call support.class, source.jsx new.expr meta.function-call support.class, source.tsx new.expr meta.function-call support.class, meta.embedded.block.javascript new.expr meta.function-call support.class #0000CC —
meta.jsx.children punctuation.section.embedded #0BC5E3 —
meta.jsx.children meta.tag.attributes punctuation.section.embedded #A9A9A9 —
meta.special.each.svelte keyword.control.as.svelte #0BC5E3 —
meta.embedded.block.svelte keyword.control.export #C344AB —
keyword.other.debugger.svelte, meta.special.debug.svelte punctuation.definition.keyword #C344AB —
keyword.declaration.class.component.svelte, comment.block.svelte punctuation.definition.keyword.svelte #C344AB —
meta.special.const.svelte storage.type.svelte #A9A9A9 —
meta.special.html.svelte punctuation.definition.keyword.svelte, meta.special.html.svelte keyword.other.svelte #C344AB —
meta.tag.start.svelte keyword.control.svelte, meta.tag.end.svelte keyword.control.svelte #0000CC —
meta.script.svelte entity.name.tag.svelte, meta.script.svelte punctuation.definition.tag.begin.svelte, meta.script.svelte punctuation.definition.tag.end.svelte, meta.style.svelte entity.name.tag.svelte, meta.style.svelte punctuation.definition.tag.begin.svelte, meta.style.svelte punctuation.definition.tag.end.svelte #8080E6 —
meta.scope.tag.svelte:head.svelte meta.tag keyword.control.svelte, meta.scope.tag.svelte:head.svelte meta.tag entity.name.tag.svelte, meta.scope.tag.svelte:head.svelte meta.tag punctuation.definition.tag.begin.svelte, meta.scope.tag.svelte:head.svelte meta.tag punctuation.definition.tag.end.svelte, meta.scope.tag.svelte:body.svelte meta.tag keyword.control.svelte, meta.scope.tag.svelte:body.svelte meta.tag entity.name.tag.svelte, meta.scope.tag.svelte:body.svelte meta.tag punctuation.definition.tag.begin.svelte, meta.scope.tag.svelte:body.svelte meta.tag punctuation.definition.tag.end.svelte, meta.scope.tag.svelte:document.svelte meta.tag keyword.control.svelte, meta.scope.tag.svelte:document.svelte meta.tag entity.name.tag.svelte, meta.scope.tag.svelte:document.svelte meta.tag punctuation.definition.tag.begin.svelte, meta.scope.tag.svelte:document.svelte meta.tag punctuation.definition.tag.end.svelte, meta.scope.tag.svelte:window.svelte meta.tag keyword.control.svelte, meta.scope.tag.svelte:window.svelte meta.tag entity.name.tag.svelte, meta.scope.tag.svelte:window.svelte meta.tag punctuation.definition.tag.begin.svelte, meta.scope.tag.svelte:window.svelte meta.tag punctuation.definition.tag.end.svelte, meta.scope.tag.svelte:options.svelte meta.tag keyword.control.svelte, meta.scope.tag.svelte:options.svelte meta.tag entity.name.tag.svelte, meta.scope.tag.svelte:options.svelte meta.tag punctuation.definition.tag.begin.svelte, meta.scope.tag.svelte:options.svelte meta.tag punctuation.definition.tag.end.svelte #8080E6 —
meta.scope.tag.svelte:head.svelte meta.tag meta.directive keyword.control.svelte, meta.scope.tag.svelte:body.svelte meta.tag meta.directive keyword.control.svelte, meta.scope.tag.svelte:document.svelte meta.tag meta.directive keyword.control.svelte, meta.scope.tag.svelte:window.svelte meta.tag meta.directive keyword.control.svelte, meta.scope.tag.svelte:options.svelte meta.tag meta.directive keyword.control.svelte #C344AB —
meta.directive.bind.svelte keyword.control.svelte, meta.directive.bind.svelte entity.name.type.svelte, meta.directive.bind.svelte variable.language.svelte, keyword.other.animation.svelte, meta.directive.transition.svelte entity.name.type.svelte, meta.directive.in.svelte variable.function.svelte, meta.directive.out.svelte variable.function.svelte, meta.directive.animate.svelte variable.function.svelte, meta.directive.let.svelte storage.type.svelte, meta.directive.let.svelte variable.parameter.svelte #C344AB —
meta.directive.style.svelte support.type.property-name.svelte, meta.tag.start.svelte meta.attribute support.type.property-name.svelte #A9A9A9 —
meta.directive.on.svelte keyword.control.svelte, meta.directive.on.svelte entity.name.type.svelte, support.function.svelte #C344AB —
meta.directive.use.svelte keyword.control.svelte, meta.directive.use.svelte variable.function.svelte #C344AB —
meta.scope.tag.slot.svelte keyword.control.svelte, meta.attribute.slot.svelte entity.other.attribute-name.svelte #0BC5E3 —
meta.attribute.slot.svelte string.quoted.svelte, meta.scope.tag.slot.svelte meta.attribute.name.svelte string.quoted.svelte #E8810C —
meta.special.each.svelte meta.special.start.svelte meta.brace.round.svelte #C344AB —
meta.special.snippet.svelte keyword.control.svelte #0BC5E3 —
meta.special.snippet.svelte source.js meta.function-call entity.name.function, meta.special.snippet.svelte source.ts meta.function-call entity.name.function — bold
meta.special.snippet.svelte source.js variable.other.readwrite, meta.special.snippet.svelte source.ts variable.other.readwrite #C344AB —
meta.special.render.svelte keyword.other.svelte, meta.special.render.svelte punctuation.definition.keyword.svelte #C344AB —
meta.special.render.svelte source.js meta.function-call entity.name.function, meta.special.render.svelte source.ts meta.function-call entity.name.function #E8810C —
meta.special.render.svelte punctuation.definition.block.begin.svelte, meta.special.render.svelte punctuation.definition.block.end.svelte #0BC5E3 —
source.svelte punctuation.section.embedded.begin.svelte, source.svelte punctuation.section.embedded.end.svelte, source.svelte string.quoted.svelte punctuation.section.embedded.begin.svelte, source.svelte string.quoted.svelte punctuation.section.embedded.end.svelte, punctuation.section.embedded.begin.svelte, punctuation.section.embedded.end.svelte, string.quoted.svelte punctuation.section.embedded.begin.svelte, string.quoted.svelte punctuation.section.embedded.end.svelte, meta.embedded.block.svelte meta string.quoted.svelte punctuation.section.embedded.begin.svelte, meta.embedded.block.svelte meta string.quoted.svelte punctuation.section.embedded.end.svelte #0BC5E3 —
source.svelte meta punctuation.section.embedded.begin.svelte, source.svelte meta punctuation.section.embedded.end.svelte, meta.embedded.block.svelte meta punctuation.section.embedded.begin.svelte, meta.embedded.block.svelte meta punctuation.section.embedded.end.svelte #A9A9A9 —
meta.embedded.block.svelte entity.name.label, meta.embedded.block.svelte punctuation.separator.label #C344AB —
punctuation.definition.variable.svelte #C344AB —
comment punctuation.definition.variable.svelte #50A750 —
text.html.vue meta.tag.block.any #000000 —
text.html.vue punctuation.definition.generic.begin, text.html.vue punctuation.definition.generic.end #F066FF —
meta.attribute.directive.vue punctuation.attribute-shorthand.event.html.vue #C344AB —
meta.attribute.directive.vue, meta.attribute.directive.vue meta.block #A9A9A9 —
source.vue text.html.derivative punctuation.definition.block.js, source.vue text.html.derivative punctuation.definition.block.ts #A9A9A9 —
source.vue text.html.derivative meta.block entity.name.label #C344AB —
text.html.derivative expression.ng, expression.ng storage.type, control.block.expression.ng #A9A9A9 —
text.html.derivative punctuation.definition.block.js, text.html.derivative punctuation.definition.block.ts, entity.other.ng-binding-name.template.html, entity.other.ng-binding-name.template.html punctuation.definition.ng-binding-name.begin.html, entity.other.ng-binding-name.property.html entity.other.ng-binding-name.ngSwitch.html #0BC5E3 —
entity.name.type.namespace.cs #000000 —
entity.name.type.alias.cs #A9A9A9 —
entity.name.type.class.cs, entity.name.type.struct.cs, entity.name.type.record.cs, entity.name.type.interface.cs, entity.name.type.enum.cs, entity.name.type.delegate.cs #0000CC bold
entity.name.type.type-parameter.cs, storage.type.cs, source.cs keyword.type, text.aspnetcorerazor keyword.type #E8810C —
entity.name.variable.property.cs, entity.name.variable.field.cs, entity.name.variable.event.cs #0000CC —
keyword.other.directive.using.cs, keyword.other.directive.global.cs, keyword.other.directive.static.cs #A9A9A9 —
storage.modifier.this.cs #0BC5E3 —
storage.type.accessor.get.cs, storage.type.accessor.set.cs, storage.type.accessor.init.cs #C344AB —
keyword.other.var.cs, storage.type.var.cs #A9A9A9 —
keyword.operator.expression.typeof.cs, keyword.operator.expression.nameof.cs, keyword.operator.expression.as.cs, keyword.operator.expression.await.cs #0BC5E3 —
source.cs keyword.operator.expression.pattern, text.aspnetcorerazor keyword.operator.expression.pattern #A9A9A9 —
keyword.operator.expression.default.cs #C344AB —
source.cs keyword.other.checked, text.aspnetcorerazor keyword.other.checked, source.cs keyword.other.unchecked, text.aspnetcorerazor keyword.other.unchecked #0BC5E3 —
keyword.operator.conditional.question-mark.cs, keyword.operator.conditional.colon.cs #0BC5E3 bold
keyword.operator.null-coalescing.cs #0BC5E3 bold
keyword.operator.null-conditional.cs #A9A9A9 —
punctuation.separator.question-mark.cs #A9A9A9 —
meta.preprocessor.cs punctuation.separator.hash.cs, meta.preprocessor.cs, meta.preprocessor.cs keyword, meta.preprocessor.cs constant.numeric, meta.preprocessor.cs string.unquoted #A9A9A9 —
keyword.control.cshtml.transition #0BC5E3 —
meta.directive keyword.other.using.cs, meta.directive keyword.control.razor.directive #0BC5E3 —
meta.structure.razor.directive.codeblock keyword.control.razor.directive.codeblock.open, meta.structure.razor.directive.codeblock keyword.control.razor.directive.codeblock.close #0BC5E3 —
meta.structure.razor.codeblock keyword.control.razor.directive.codeblock.open, meta.structure.razor.codeblock keyword.control.razor.directive.codeblock.close #0BC5E3 —
text.aspnetcorerazor meta.expression.implicit source.cs variable, text.html.cshtml meta.expression.implicit source.cs variable, text.aspnetcorerazor meta.expression.implicit source.cs variable.other, text.html.cshtml meta.expression.implicit source.cs variable.other, text.aspnetcorerazor meta.expression.implicit source.cs entity.name.function.cs, text.html.cshtml meta.expression.implicit source.cs entity.name.function.cs #0BC5E3 —
text.aspnetcorerazor entity.name.label #0000CC —
text.aspnetcorerazor meta.directive #A9A9A9 —
text.aspnetcorerazor meta.expression.implicit source.cs #A9A9A9 —
text.aspnetcorerazor meta.structure.razor.csharp.codeblock punctuation.curlybrace #0BC5E3 —
text.aspnetcorerazor punctuation.separator.colon, keyword.control.razor.optionalSemicolon #A9A9A9 —
punctuation.definition.tag.begin.html source.js-ignored-vscode #0000CC —
meta.comment.razor keyword.control.razor, meta.comment.razor keyword.control.razor.optionalSemicolon, meta.comment.razor keyword.control.cshtml, meta.comment.razor keyword.control.cshtml.transition #50A750 —
keyword.other.import.java, meta.import.java storage.modifier.java #A9A9A9 —
source.java storage.modifier.import, source.java storage.modifier.package, source.java storage.modifier.import variable.language.wildcard, source.java entity.name.type.module #000000 —
source.java entity.name.type #0000CC bold
source.java storage.type #E8810C —
variable.other.definition.java #0000CC —
meta.method.body.java variable.other.definition.java, source.java meta.method.body variable.other.definition #000000 —
storage.type.annotation.java, punctuation.definition.annotation.java #C344AB —
meta.declaration.annotation.java constant.other.key.java #0000CC —
source.java keyword.operator.instanceof #0BC5E3 —
source.java keyword.control.ternary #0BC5E3 bold
source.java meta.method-call punctuation.bracket.round #A9A9A9 —
source.java-properties support.constant.java-properties #0000CC —
meta.class.inheritance.python constant.other.caps.python, support.type.python, support.type.exception.python #E8810C —
meta.function-call.generic.python #0000CC —
meta.function.python entity.name.function.python, meta.class.python entity.name.type.class.python #0000CC bold
constant.other.caps.python #000000 —
meta.member.access.python meta.attribute.python #000000 —
punctuation.definition.decorator.python, meta.function.decorator.python support.type.python, meta.function.decorator.python entity.name.function.decorator.python #C344AB —
constant.character.format.placeholder.other.python #0BC5E3 —
storage.type.string.python #0BC5E3 —
constant.numeric.hex.python storage.type.number.python #E8810C —
string.quoted.docstring punctuation.definition.string, string.quoted.docstring #50A750 —
source.pip-requirements entity.name.class #0000CC —
source.pip-requirements constant.numeric #A31515 —
storage.type.rust, meta.use.rust keyword.other.rust #A9A9A9 —
keyword.declaration.struct.rust storage.type.rust, keyword.declaration.enum.rust storage.type.rust, keyword.declaration.type.rust storage.type.rust #A31515 —
keyword.other.rust storage.type.rust #A9A9A9 —
storage.modifier.mut.rust #A9A9A9 —
meta.function.definition.rust entity.name.function.rust — bold
entity.name.type.struct.rust, entity.name.type.enum.rust #0000CC bold
entity.name.namespace.rust #000000 —
meta.function.definition.rust variable.other.rust #C344AB —
keyword.operator.borrow.and.rust, keyword.operator.dereference.rust, punctuation.definition.lifetime.rust #C344AB —
meta.function.definition.rust keyword.operator.arrow.skinny.rust #A9A9A9
keyword.operator.arrow.fat.rust #A9A9A9
meta.interpolation.rust #000000 —
keyword.var.go, keyword.const.go #A9A9A9 —
entity.name.type.package.go #000000 —
source.go storage.type #E8810C —
entity.name.function.go #0000CC bold
variable.other.property.go #C344AB —
constant.other.placeholder.go #0BC5E3 —
keyword.operator.address.go #C344AB —
source.powershell storage.type, source.powershell meta.attribute support.function.attribute #E8810C —
source.powershell meta.function storage.type #A31515 —
source.powershell entity.name.function #0000CC bold
source.powershell variable.other, source.powershell variable.other.readwrite, source.powershell variable.parameter.attribute, source.powershell support.variable.automatic, source.powershell punctuation.definition.variable, source.powershell entity.name #C344AB —
source.powershell variable.other.member #000000 —
source.powershell string.quoted punctuation.section.group #000000 —
source.powershell meta.scriptblock, source.powershell interpolated.complex.source #A9A9A9 —
source.powershell meta.scriptblock constant.language punctuation.definition.variable #A31515 —
source.powershell keyword.other.array.begin, source.powershell keyword.other.hashtable.begin #A9A9A9 —
keyword.operator.other.powershell #A9A9A9 —
source.shell variable.other #C344AB —
source.shell variable.other.assignment #C344AB —
source.shell variable.parameter.positional, source.shell punctuation.definition.variable variable.parameter.positional #C344AB —
source.shell punctuation.definition.variable #0BC5E3 —
source.shell variable.other.bracket punctuation.definition.variable, source.shell punctuation.definition.evaluation.arithmetic, source.shell string.interpolated.dollar punctuation.definition.evaluation.parens #0BC5E3 —
source.shell punctuation.definition.evaluation.backticks #0BC5E3 bold
source.shell keyword.operator.redirect #0000CC —
source.shell string.unquoted.argument, string.unquoted.argument.shell #000000 —
source.shell constant.other.option #A9A9A9 —
keyword.command.batchfile #0000CC —
variable.other.readwrite.batchfile #E8810C —
text.html meta.attribute #C344AB —
text.html, text.xml, text.svelte, source.ts, source.js, source.tsx, source.jsx, meta.jsx.children, meta.jsx.children punctuation, text.aspnetcorerazor, text.aspnetcorerazor source.cs, text.html.markdown meta.embedded.block.html #E8810C —
text.xml meta.tag, punctuation.separator.key-value.html #A9A9A9 —
source.sql keyword, source.sql storage.modifier, source.sql keyword.other.DDL.create.II #0000CC —
source.sql storage.type #E8810C —
source.sql entity.name.function, source.sql constant.other.database-name #000000 —
source.sql constant.other.table-name #000000 —
source.sql support.function #0BC5E3 —
source.sql keyword.operator, source.sql keyword.operator.comparison #000000 —
source.sql keyword.operator.star #000000 —
source.sql text.variable #C344AB —
source.yaml keyword.control #A9A9A9 —
source.yaml punctuation.definition.sequence #A9A9A9 —
source.yaml punctuation.definition.block.sequence.item, punctuation.definition.block.sequence.item.yaml #000000 —
source.github-actions-workflow meta.embedded.block.github-actions-expression #0BC5E3 —
text.html.markdown #E8810C —
text.html.markdown meta.paragraph #000000 —
text.html.markdown markup.heading heading — bold
punctuation.definition.heading.markdown #C344AB —
text.html.markdown markup.bold — bold
text.html.markdown markup.italic — italic
text.html.markdown markup.underline — underline
text.html.markdown markup.inserted, text.html.markdown markup.fenced_code.block punctuation.definition.inserted.diff #00D000 —
text.html.markdown markup.changed #0451A5 —
text.html.markdown markup.deleted, text.html.markdown markup.fenced_code.block punctuation.definition.deleted.diff #FF0000 —
text.html.markdown punctuation.definition.list.begin, text.html.markdown keyword.operator.redirect #0000CC —
text.html.markdown punctuation.definition.quote.begin #0000CC bold
text.html.markdown meta.separator #0000CC —
text.html.markdown string.other.link.title, text.html.markdown meta.link.reference.def constant.other.reference.link #A31515 —
text.html.markdown markup.underline.link, text.html.markdown meta.attribute.href.html string, text.html.markdown meta.attribute.src.html string, text.html.markdown constant.other.reference.link #A9A9A9 —
text.html.markdown meta.link.reference.def punctuation.definition.constant #000000 —
text.html.markdown markup.fenced_code.block punctuation.definition, text.html.markdown punctuation.definition.raw #0BC5E3 bold
text.html.markdown markup.fenced_code.block fenced_code.block.language #0BC5E3 —
text.html.markdown markup.fenced_code.block, text.html.markdown markup.fenced_code.block meta.embedded.block, text.html.markdown markup.raw.block #A9A9A9 —
text.html.markdown markup.inline.raw #A31515 —
source.dockerfile keyword.other #0000CC —
source.env variable.other #0000CC —
source.env keyword.operator.assignment #A9A9A9 —
source.ini keyword.other.definition #0000CC —
source.ini entity.name.section.group-title #E8810C —
support.type.property-name.table.toml, meta.array.table.toml support.type.property-name.array.toml #E8810C —
keyword.control.@.makefile #000000 —
source.ahk2 keyword.control.directives, keyword.control.directive.ahk2 #0000CC —
punctuation.definition.directive.ahk2 #000000 —
source.ahk2 hotkeyline, source.ahk2 keyword.keys #E8810C —
source.ahk2 hotkeyline entity.name.function.label #E8810C —
keyword.operator.ahk2 #000000 —
constant.regexp, string.regexp, string.regexp keyword, string.regexp keyword.control, string.regexp keyword.operator, string.regexp punctuation #A31515 —
source.css, meta.embedded.block.css, meta.embedded.block.scss #A9A9A9 —
source.css meta.at-rule.import #000000 —
source.css entity.other.attribute-name, meta.embedded.block.css entity.other.attribute-name, meta.embedded.block.scss entity.other.attribute-name, source.css punctuation.definition.entity, meta.embedded.block.css punctuation.definition.entity, meta.embedded.block.scss punctuation.definition.entity #0000CC —
source.css entity.other.attribute-name.pseudo-class, meta.embedded.block.css entity.other.attribute-name.pseudo-class, meta.embedded.block.scss entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element, meta.embedded.block.css entity.other.attribute-name.pseudo-element, meta.embedded.block.scss entity.other.attribute-name.pseudo-element #8080E6 —
entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-class.less punctuation.definition.entity.less, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.less punctuation.definition.entity.less #A9A9A9 —
source.css meta.attribute-selector entity.other.attribute-name, meta.embedded.block.css meta.attribute-selector entity.other.attribute-name, meta.embedded.block.scss meta.attribute-selector entity.other.attribute-name #000000 —
source.css variable, meta.embedded.block.css variable, meta.embedded.block.scss variable, variable.other.less, support.other.variable.less, variable.parameter.postcss, punctuation.definition.variable.less #E8810C —
source.css meta.property-name.media-query #C344AB —
source.css meta.at-rule.mixin entity.name.function, source.css meta.at-rule.function support.function, source.css meta.at-rule.keyframes entity.name.function #0000CC bold
source.css entity.name.function, meta.embedded.block.css entity.name.function, meta.embedded.block.scss entity.name.function, source.css support.function, meta.embedded.block.css support.function, meta.embedded.block.scss support.function, meta.function-call.less support.function #0BC5E3 —
source.css support.type.property-name, meta.embedded.block.css support.type.property-name, meta.embedded.block.scss support.type.property-name, source.css support.type.vendored.property-name, meta.embedded.block.css support.type.vendored.property-name, meta.embedded.block.scss support.type.vendored.property-name, source.css meta.property-name, meta.embedded.block.css meta.property-name, meta.embedded.block.scss meta.property-name, support.type.vendor-prefix.less #C344AB —
source.css constant.other.color.rgb-value, meta.embedded.block.css constant.other.color.rgb-value, meta.embedded.block.scss constant.other.color.rgb-value, source.css constant.other.color.rgb-value punctuation.definition.constant, meta.embedded.block.css constant.other.color.rgb-value punctuation.definition.constant, meta.embedded.block.scss constant.other.color.rgb-value punctuation.definition.constant, source.css constant.other.rgb-value, meta.embedded.block.css constant.other.rgb-value, meta.embedded.block.scss constant.other.rgb-value, source.css meta.attribute-selector, meta.embedded.block.css meta.attribute-selector, meta.embedded.block.scss meta.attribute-selector, source.css meta.property-value support.type.property-name, meta.embedded.block.css meta.property-value support.type.property-name, meta.embedded.block.scss meta.property-value support.type.property-name #A31515 —
source.css variable.parameter.url, meta.embedded.block.css variable.parameter.url, meta.embedded.block.scss variable.parameter.url #A31515 —
source.css keyword.other.unit, meta.embedded.block.css keyword.other.unit, meta.embedded.block.scss keyword.other.unit #000000 —
source.css keyword.control.at-rule, meta.embedded.block.css keyword.control.at-rule, meta.embedded.block.scss keyword.control.at-rule, source.css punctuation.definition.keyword, meta.embedded.block.css punctuation.definition.keyword, meta.embedded.block.scss punctuation.definition.keyword #0BC5E3 —
source.css support.constant.media, meta.embedded.block.css support.constant.media, meta.embedded.block.scss support.constant.media, source.css.less support.constant.media-type.media #C344AB —
source.css meta.at-rule.import string.quoted, meta.embedded.block.css meta.at-rule.import string.quoted, meta.embedded.block.scss meta.at-rule.import string.quoted #A31515 —
source.css keyword.control.at-rule.function, meta.embedded.block.css keyword.control.at-rule.function, meta.embedded.block.scss keyword.control.at-rule.function, source.css keyword.control.at-rule.function punctuation.definition.keyword, meta.embedded.block.css keyword.control.at-rule.function punctuation.definition.keyword, meta.embedded.block.scss keyword.control.at-rule.function punctuation.definition.keyword, source.css keyword.control.at-rule.mixin, meta.embedded.block.css keyword.control.at-rule.mixin, meta.embedded.block.scss keyword.control.at-rule.mixin, source.css keyword.control.at-rule.mixin punctuation.definition.keyword, meta.embedded.block.css keyword.control.at-rule.mixin punctuation.definition.keyword, meta.embedded.block.scss keyword.control.at-rule.mixin punctuation.definition.keyword #A31515 —
source.css meta.at-rule.keyframes.header variable.parameter.keyframe-list, meta.embedded.block.css meta.at-rule.keyframes.header variable.parameter.keyframe-list, meta.embedded.block.scss meta.at-rule.keyframes.header variable.parameter.keyframe-list #0000CC bold
source.css meta.at-rule.keyframes.body entity.other.keyframe-offset, meta.embedded.block.css meta.at-rule.keyframes.body entity.other.keyframe-offset, meta.embedded.block.scss meta.at-rule.keyframes.body entity.other.keyframe-offset #0000CC —
source.css meta.at-rule.include entity.name.function, meta.embedded.block.css meta.at-rule.include entity.name.function, meta.embedded.block.scss meta.at-rule.include entity.name.function #0000CC —
source.css keyword.other.important, meta.embedded.block.css keyword.other.important, meta.embedded.block.scss keyword.other.important #0BC5E3 —
source.css keyword.other.default, meta.embedded.block.css keyword.other.default, meta.embedded.block.scss keyword.other.default #A9A9A9 —
source.css keyword.operator.gradient, meta.embedded.block.css keyword.operator.gradient, meta.embedded.block.scss keyword.operator.gradient #000000 —
source.css entity.name.tag.reference, meta.embedded.block.css entity.name.tag.reference, meta.embedded.block.scss entity.name.tag.reference, entity.other.attribute-name.parent.less punctuation.definition.entity.less #A31515 —
source.css keyword.operator.combinator, meta.embedded.block.css keyword.operator.combinator, meta.embedded.block.scss keyword.operator.combinator, punctuation.separator.combinator.less #A9A9A9 —
source.css punctuation.definition.entity.begin.bracket.square, meta.embedded.block.css punctuation.definition.entity.begin.bracket.square, meta.embedded.block.scss punctuation.definition.entity.begin.bracket.square, source.css punctuation.definition.entity.end.bracket.square, meta.embedded.block.css punctuation.definition.entity.end.bracket.square, meta.embedded.block.scss punctuation.definition.entity.end.bracket.square #A9A9A9 —
meta.attribute-selector.less punctuation.definition.entity.less, meta.attribute-selector.less keyword.operator.attribute-selector.less, meta.selector.less meta.function-call.less punctuation.definition.entity.less #A9A9A9 —
source.css keyword.operator, meta.embedded.block.css keyword.operator, meta.embedded.block.scss keyword.operator, source.css punctuation.separator.operator #000000 —
source.css keyword.operator.logic, meta.embedded.block.css keyword.operator.logic, meta.embedded.block.scss keyword.operator.logic #A9A9A9 —
meta.embedded.line.css string source.css #A31515 —
source.css.less entity.other.attribute-name.class.mixin #0BC5E3 —
source.css keyword.control.logical.operator #A9A9A9 —
source.css.postcss #A9A9A9 —
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 } ! ` ;
}
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
src
components
fetchUser.ts
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
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...
main*
Button.tsx
fetchUser
31
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 } ! ` ;
}
RespectMyEyes theme | Coding Theme