Solar Storm is a minimal VSCode theme inspired by the raw power and beauty of cosmic solar activity. It blends deep, futuristic tones with bursts of energetic colour, creating a workspace that feels both focused and alive.
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 |
|---|---|---|
| comment | #86819C | italic |
| meta.parameters comment.block | #86819C | italic |
| variable.other.constant.object, variable.other.readwrite.alias | #A3E2D3 | — |
| variable.other, support.type.object | #eeebff | — |
| variable.other.object.property, variable.other.property, support.variable.property, support.type.primitive | #eeebff | — |
| .method, string.unquoted, meta.object.member | #9a86fd | — |
| variable - meta.import, variable.other.readwrite.alias, constant.other.placeholder, meta.object-literal.key-meta.object.member | #eeebff | — |
| keyword.control.flow | #9a86fd | italic |
| keyword.operator.new, keyword.control.new, storage.modifier.async | #9a86fd | — |
| keyword.control.as | #ffcc99 | italic |
| variable.language.this, storage.modifier, variable.language.super | #86819C | — |
| support.class.error, keyword.control.trycatch, keyword.operator.expression.delete, keyword.operator.expression.void, keyword.operator.void, keyword.operator.delete, constant.language.null, constant.language.boolean.false, constant.language.undefined | #fb7186 | — |
| variable.parameter, variable.object.property, variable.other.readwrite.js, meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite | #eeebff | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #fb7186 | — |
| invalid.deprecated | #fb7186 | — |
| keyword.control, keyword, storage.type | #86819C | — |
| keyword.operator.assignment, keyword.operator.type.annotation, keyword.operator.type | #ffcc99 | — |
| keyword.operator | #ffcc99 | — |
| keyword.control.module, keyword.control.export | — | italic |
| Keyword, Storage | — | italic |
| keyword-meta.export | #A3E2D3 | — |
| meta.brace, punctuation, keyword.operator.existential | #86819C | — |
| punctuation.separator | #e09142 | — |
| punctuation.separator.comma | #e09142 | — |
| punctuation.definition.string, punctuation.terminator | #e09142 | — |
| constant.other.color, meta.tag, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, meta.objectliteral | #eeebff | — |
| support.class.component | #eeebff | — |
| entity.name.tag, support.type.primitive, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #eeebff | — |
| variable.function, source meta.function-call entity.name.function, source meta.method-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class | #86819C | — |
| meta.block meta.var.expr meta.function-call entity.name.function | #B1A0BA | — |
| source meta.function-call entity.name.function | #B1A0BA | — |
| entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, keyword.other.important, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #eeebff | — |
| support.type.property-name.css, support.type.property-name.media.css, meta.at-rule.media.header.css | #9a86fd | — |
| meta.at-rule.keyframes.body.css entity.other.keyframe-offset.percentage.css | #e09142 | — |
| punctuation.definition.entity.css, constant.numeric.css, support.constant.property-value.css, support.function.misc.css, keyword.control.at-rule, punctuation.definition.keyword.css, support.function, meta.property-value.css, meta.at-rule.keyframes.body.css | #ffcc99 | — |
| variable.css, variable.argument.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #eeebff | — |
| source.cpp meta.block variable.other | #A3E2D3 | — |
| support.other.variable, string.other.link | #86819C | — |
| support.constant, string, string.quoted, constant.character, constant.escape, keyword.other.unit, keyword.other, constant.language, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, text.html.derivative | #e09142 | — |
| constant.numeric, meta.object.member string.quoted, string.quoted.double.json | #ffcc99 | — |
| entity.other.inherited-class | #A3E2D3 | — |
| meta.type.declaration, support.type.primitive | #A3E2D3 | italic |
| entity.name.type.alias | #A3E2D3 | — |
| entity.name.type | #A3E2D3 | italic |
| entity.name, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #86819C | — |
| support.class, variable.other.constant.object | #A3E2D3 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #eeebff | — |
| variable.language | #A3E2D3 | italic |
| entity.name.method.js | #86819C | italic |
| meta.class-method.js .js, variable.function.constructor | #86819C | — |
| entity.other.attribute-name | #ffcc99 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffcc99 | italic |
| source.sass keyword.control | #a3e2d3 | — |
| markup.inserted | #A3E2D3 | — |
| markup.deleted | #506477 | — |
| markup.changed | #86819C | — |
| string.regexp | #a3e2d3 | — |
| constant.character.escape | #a3e2d3 | — |
| *url*, *link*, *uri* | #A3E2D3 | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #a3e2d3 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #a3e2d3 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #eeebff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9a86fd | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #86819C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7390AA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #eeebff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A3E2D3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #86819C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7390AA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #eeebff | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #eeebff | — |
| text.html.markdown markup.inline.raw.markdown | #A3E2D3 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #86819C | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #eeebff | — |
| markup.italic | #7390AA | italic |
| markup.bold, markup.bold string | #7390AA | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #7390AA | bold |
| markup.underline | #7390AA | underline |
| markup.strike | — | italic |
| markup.quote punctuation.definition.blockquote.markdown | #86819C | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #A3E2D3 | — |
| string.other.link.description.title.markdown | #A3E2D3 | — |
| constant.other.reference.link.markdown | #A3E2D3 | — |
| markup.raw.block | #A3E2D3 | — |
| markup.raw.block.fenced.markdown | #50647750 | — |
| punctuation.definition.fenced.markdown | #50647750 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #86819C | — |
| variable.language.fenced.markdown | #86819C | — |
| meta.separator | #7390AA | bold |
| markup.table | #A3E2D3 | — |
| token.info-token | #A3E2D3 | — |
| token.warn-token | #ffcc99 | — |
| token.error-token | #fb7186 | — |
| token.debug-token | #eeebff | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #eeebff | bold |
| meta.paragraph.markdown | #eeebffd0 | — |
| punctuation.definition.from-file.diff, meta.diff.header.from-file | #506477 | — |
| punctuation.section.embedded | #86819C | — |
| markup.inline.raw.string.markdown | #7390AA | — |
| meta.separator.markdown | #86819C | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown | #A3E2D3 | — |
| string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown | #A3E2D3 | |
| meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown | #A3E2D3 | underline |
| markup.underline.link.markdown, string.other.link.description.title.markdown | #86819C | — |
| fenced_code.block.language, markup.inline.raw.markdown | #A3E2D3 | — |
| punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #A3E2D3 | — |
| source.ignore, log.error, log.exception | #fb7186 | — |
| log.verbose | #86819C | — |
| source.python constant.other | #A3E2D3 | — |
| source.python constant | #A3E2D3 | — |
| constant.character.format.placeholder.other.python storage | #86819C | — |
| support.variable.magic.python, source.python | #eeebff | — |
| meta.function-call.generic.python | #ffcc99 | — |
| support.type.python | #A3E2D3 | — |
| meta.function.parameters.python | #86819C | — |
| punctuation.separator.annotation.python | #eeebff | — |
| punctuation.separator.parameters.python | #eeebff | — |
| keyword.other.directive.using.cs, keyword.operator.expression.new.cs | #86819C | — |
| entity.name.variable.field.cs | #eeebff | — |
| source.cs keyword.operator | #eeebff | — |
| entity.name.function.cs | #ffcc99 | — |
| variable.other.readwrite.cs | #eeebff | — |
| variable.other.object.cs, entity.name.variable.local.cs, entity.name.variable.parameter.cs | #eeebff | — |
| variable.other.object.property.cs | #eeebff | — |
| entity.name.variable.property.cs | #eeebff | — |
| keyword.operator.expression.await.cs | #9a86fd | italic |
| storage.type.cs | #E5C07B | — |
| keyword.other.unsafe.rust | #C678DD | — |
| entity.name.type.rust | #A3E2D3 | — |
| storage.modifier.lifetime.rust | #eeebff | — |
| entity.name.lifetime.rust, keyword.other.rust | #86819C | — |
| keyword.other.fn.rust | #86819C | — |
| entity.name.function.macro.rust | #ffcc99 | — |
| entity.name.namespace.rust | #eeebff | — |
| storage.type.core.rust | #ff7546 | — |
| meta.attribute.rust | #86819C | — |
| storage.class.std.rust | #ff7546 | — |
| source.rust | #eeebff | — |
| punctuation.separator.variable.ruby | #eeebff | — |
| variable.other.constant.ruby | #86819C | — |
| keyword.other.special-method.ruby | #86819C | — |
| punctuation.definition.variable.php | #eeebff | — |
| meta.class.php | #eeebff | — |
| keyword.other.namespace.php, keyword.other.use.php | #86819C | — |
| keyword.other.type.php | #A3E2D3 | — |
| punctuation.definition.variable.php | #86819C | — |
| support.class.builtin.php | #eeebff | — |
| keyword.control.return.php | #9a86fd | italic |
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}!`;
}