RespectMyEyes theme
Publisher: Dima IholkinThemes in package: 1
A light theme that respects your eyes.
A light theme that respects your eyes.
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
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 | — |
| constant.numeric | #000000 | — |
| constant.numeric.other.preffix | #E8810C | — |
| constant.numeric.other.suffix | #E8810C | — |
| constant.numeric.other.separator.thousands | #A9A9A9 | — |
| constant.language | #A31515 | — |
| keyword | #A31515 | — |
| keyword.control, keyword.control.conditional | #0BC5E3 | — |
| keyword.control.import | #A9A9A9 | — |
| keyword.control.export | #A31515 | — |
| storage.type | #A31515 | — |
| storage.modifier | #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 | — |
| heading | #C344AB | — |
| meta.link | #A9A9A9 | — |
| meta.embedded, markup.inline | #A9A9A9 | — |
| emphasis | — | italic |
| strong | — | bold |
| 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 | — |
| keyword.map.go | #E8810C | — |
| 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 | #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 | #A31515 | — |
| source.env keyword.operator.assignment | #A9A9A9 | — |
| source.ini keyword.other.definition | #0000CC | — |
| source.ini | #A31515 | — |
| 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.ignore | #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.selector | #8080E6 | — |
| 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}!`;
}