Purple Green Theme
Publisher: napmzThemes in package: 2
Purple and green dark theme
Purple and green dark theme
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 |
|---|---|---|
| punctuation.separator.key-value.html | #AAFFBF | — |
| text.html.derivative | #e4ebff | — |
| meta.attribute.src.html string.quoted.double.html | #ffb8ed | — |
| meta.attribute.href.html string.quoted.double.html | #ffb8ed | — |
| string.quoted.double.html, meta.tag.metadata.link.void.html | #ffb8ed | italic |
| entity.name.tag.html, punctuation.definition.tag | #AAFFBF | — |
| constant.character.entity.named.gt.html, constant.character.entity.named.lt.html, constant.character.entity.numeric.hexadecimal.html, constant.character.entity.numeric.decimal.html | #ffc8a3 | |
| entity.other.attribute-name.html | #bcbdff | — |
| entity.name.tag.css | #FFFAB4 | |
| entity.other.attribute-name.id.css | #FFA7DA | |
| entity.other.attribute-name.class.css | #89FFA7 | — |
| entity.other.attribute-name.pseudo-class.css | #89FFA7 | — |
| punctuation.separator.key-value.css | #a1d996 | — |
| punctuation.terminator.rule.css | #d29bff | — |
| support.type.property-name.css | #D7E1FF | |
| support.constant.font-name.css | #FDC4A9 | — |
| source.css keyword.other.unit, constant.numeric.css | #acffba | — |
| support.constant.property-value.css | #FDC4A9 | — |
| keyword.other.important.scss | #3ECCFF | — |
| punctuation.terminator | #BCBAFF | — |
| meta.return.type.ts support.type | #3ECCFF | — |
| punctuation.separator.array.json.comments | #BCBAFF | |
| constant.language.json.comments, constant.character.escape.json.comments | #BCBAFF | |
| meta.structure.dictionary.json string.quoted.double.json | #fd68b3 | — |
| support.type.property-name.json | #B8FFCA | |
| meta.structure.dictionary.value.json string.quoted.double.json | #BCBAFF | — |
| punctuation.separator.array.json | #a2e3b2 | |
| punctuation.separator.dictionary.pair.json | #a2e3b2 | |
| punctuation.separator.dictionary.key-value.json | #b8b0ff | |
| punctuation.definition.block.sequence.item.yaml | #BCBAFF | — |
| source.yaml string | #BCBAFF | — |
| source.yaml constant.numeric | #ffbc90 | — |
| source.yaml constant.language | #ffedb3 | — |
| string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.single.yaml | #B8FFCA | — |
| source.ini | #BCBAFF | — |
| source.ignore | #BCBAFF | — |
| text.git-commit | #BCBAFF | — |
| source.python | #b0ffb2 | — |
| meta.function-call.arguments.python | #B5FFB9 | — |
| meta.member.access.python meta.function-call.generic.python | #FFAAEA | |
| storage.modifier.package.java, storage.modifier.import.java | #B0FFB2 | — |
| meta.definition.variable.java storage.type.java | #FFFAB4 | italic |
| storage.type.java | #FFFAB4 | italic |
| meta.definition.variable.java storage.type.primitive.java | #cbe9ff | italic |
| meta.method.return-type.java | #FFFAB4 | — |
| storage.type.object.array.java | #3ECCFF | — |
| storage.modifier.java | #BCBAFF | — |
| meta.method.body.java | #BCBAFF | |
| source.c | #f8f8f8 | — |
| meta.block.c | #b0ffb2 | — |
| string.quoted.other.lt-gt.include.c | #b0ffb2 | — |
| entity.name.function.preprocessor.c | #b0ffb2 | bold |
| storage.type.built-in.primitive.c | #cbe9ff | italic |
| storage.type.built-in.c | #cbe9ff | italic |
| meta.block.c | #8de1ff | |
| source.cpp | #f8f8f8 | — |
| storage.type.modifier.access.control.private.cpp, storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.protected.cpp | #BCBAFF | |
| meta.body.class.cpp | #B8FFCA | |
| meta.body.function.definition.cpp | #B8FFCA | |
| string.quoted.other.lt-gt.include.cpp | #B8FFCA | |
| entity.name.type.parameter.cpp, storage.type.built-in.primitive.cpp | #cbe9ff | italic |
| storage.type.namespace.directive.cpp | #cbe9ff | italic |
| entity.name.function.definition.special.constructor.cpp | #FFFAB4 | underline |
| entity.name.type.cpp, entity.name.function.definition.special.member.destructor.cpp, entity.name.function.call.initializer.cpp | #FFFAB4 | italic |
| source.cs | #f8f8f8 | — |
| entity.name.type.namespace.cs, variable.other.readwrite.cs | #B8FFCA | |
| source.cs keyword.type | #cbe9ff | italic |
| source.cs storage.type | #cbe9ff | italic |
| entity.name.type.package.go, entity.name.import.go | #B0FFB2 | — |
| entity.name.type.go | #FFFAB4 | — |
| variable.other.constant.go | #B0FFB2 | bold |
| storage.type.string.go, storage.type.numeric.go | #cbe9ff | italic |
| punctuation.section.embedded.begin.php | #B0FFB2 | — |
| entity.name.type.go | #FFFAB4 | — |
| variable.other.constant.go | #B0FFB2 | bold |
| keyword.other.namespace.php | #cbe9ff | italic |
| meta.paragraph.markdown | #d8d5ff | — |
| text.html.markdown | #c2acff | — |
| markup.underline.link.image.markdown | #c2acff | — |
| entity.name.section.markdown | #b8ffca | — |
| string.other.link.title.markdown | #b8ffca | — |
| punctuation.definition.heading.markdown | #b8ffca | — |
| markup.raw.inline.markdown | #E9E9E9 | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #b8ffca | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #ff5bf4 | — |
| punctuation.definition.metadata.markdown, markup.list.unnumbered.markdown | #B094FD | — |
| markup.underline.link.markdown, meta.image.inline.markdown | #B094FD | |
| markup.bold.markdown, markup.italic.markdown | #b8ffca | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| fenced_code.block.language, markup.inline.raw.markdown | #b8ffca | — |
| fenced_code.block.language, markup.inline.raw.markdown | #b8ffca | — |
| string.other.link.description.markdown | #fce1b9 | — |
| markup.raw.block.markdown | #FFFFFF | — |
| log.date | #9dd8ac | — |
| log.constant | #8DE1FF | — |
| log.info | #FFAAEA | italic |
| log.warning | #f8b569 | italic |
| log.error | #EE3030 | italic |
| log.debug | #50b1f7 | italic |
| log.string | #FFD6BA | — |
| text.log | #BCBAFF | — |
| source.pip-requirements entity.name.class | #FFFAB4 | |
| punctuation.definition.annotation | #3ECCFF | italic |
| entity.name.type.interface | #FFFAB4 | |
| meta.block punctuation.accessor | #B8FFCA | — |
| meta.function-call punctuation.accessor | #FFAAEA | — |
| text.html.vue-html | #e5d2ff | — |
| text.html.vue-html | #e5d2ff | — |
| keyword.operator | #BCBAFF | |
| comment, punctuation.definition.comment, string.quoted.docstring.multi.python | #0e6a94 | italic |
| string | #ffd6ba | — |
| constant.numeric | #BCBAFF | — |
| keyword.other.unit | #e5d2ff | — |
| constant.language | #ffb98a | — |
| constant.character | #3ECCFF | — |
| constant.other | #89ec8e | |
| keyword.other.definition.ini | #89ec8e | — |
| variable | #B5FFB9 | — |
| entity.name.function | #FFAAEA | — |
| punctuation.separator.element | #f0a2ff | — |
| keyword.operator.type.annotation, keyword.operator.comparison, punctuation.section.function.begin, keyword.operator.assignment, keyword.operator.comparison | #BCBAFF | |
| punctuation.separator.parameter, punctuation.separator.comma | #B5FFB9 | — |
| keyword.operator.logical | #BCBAFF | |
| keyword.operator.bitwise, keyword.operator.type | #52f9ff | — |
| keyword.operator.new, keyword.control.new.java | #BCBAFF | underline |
| storage.type | #BCBAFF | italic |
| support.function | #FFAAEA | |
| keyword | #bcbaff | |
| storage.type.class, storage.type.function | #bcbaff | |
| punctuation.definition.template-expression | #3ECCFF | — |
| entity.name.class, entity.name.type.class | #FFFAB4 | underline |
| entity.name.type | #FFAAEA | — |
| , meta.function-call.python, entity.name.function - meta.function-call, entity.name.function.python, | #FFAAEA | |
| variable.other | #B8FFCA | |
| meta.definition.variable variable.other.readwrite | #B8FFCA | |
| variable.other.readwrite | #9ee5ff | |
| variable.parameter, meta.function-call.arguments | #8de1ff | |
| entity.other.attribute-name | #ff8ebd | |
| punctuation.separator | #FFAAEA | |
| punctuation.separator.dictionary | #FFE0BC | |
| punctuation.separator.map | #FFE0BC | |
| punctuation.separator.key-value | #ffc4a0 | |
| support.constant | #49fefe | |
| support.class | #FFAAEA | italic |
| support.other.variable | #00c3ff | |
| support.variable.property.dom | #00c3ff | — |
| invalid | #9E0A52 | |
| invalid.deprecated | #00D7E2 | — |
| meta.diff, meta.diff.header | #009AF3 | — |
| markup.deleted | #ee3030 | — |
| markup.inserted | #62edff | — |
| markup.changed | #029FCF | — |
| constant.numeric.line-number.find-in-files - match | #E92778 | — |
| entity.name.filename.find-in-files | #b8ffca | — |
| keyword.other | #BCBAFF | — |
| constant.other.color | #85ff89 | |
| keyword.other.special-method.dockerfile, keyword.other.special-method | #85ff89 | bold |
| source.dockerfile | #BCBAFF | — |
| meta.property-value, support.constant.property-value | #82ff8c | — |
| meta.property-name support.type.property-name | #D7E1FF | |
| meta.property-value punctuation.separator.key-value | #FFE0BC | — |
| support.other.namespace.php | #973DFD | — |
| meta.use | #2FB3FF | |
| keyword.other.phpdoc.php | #35A3FD | |
| variable.parameter.function.coffee | #8de1ff | |
| entity.other.inherited-class | #B8C9FF | italic |
| support.type | #FFB98A | italic |
| storage | #BCBAFF | — |
| variable.language | #18b6ff | — |
| markup.deleted.git_gutter | #ff3030 | — |
| markup.inserted.git_gutter | #e5d2ff | — |
| markup.changed.git_gutter | #0685FC | — |
| meta.template.expression | #3ECCFF | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
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}!`;
}