RainbowDrops Theme
Publisher: Liam WangThemes in package: 1
RainbowDrops color theme from Eclipse for VS Code. Forked from https://github.com/pitcer/rainbow-color-theme
RainbowDrops color theme from Eclipse for VS Code. Forked from https://github.com/pitcer/rainbow-color-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 |
|---|---|---|
| constant.language, entity.name.module, storage.type.rust, entity.name.operator.type, entity.name.tag.block.any.html, entity.name.tag.css, entity.name.tag.html, entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.script.html, entity.name.tag.style.html, entity.name.tag.template.html, entity.other.keyframe-offset.css, keyword.blade, keyword.control, keyword.fragment.graphql, keyword.input.graphql, keyword.instruction.llvm, keyword.ocaml, keyword.on.graphql, keyword.operation.graphql, keyword.operator.and, keyword.operator.and_eq, keyword.operator.bitand, keyword.operator.bitor, keyword.operator.cast, keyword.operator.compl, keyword.operator.delete, keyword.operator.expression.import.js, keyword.operator.expression.in.js, keyword.operator.expression.of.js, keyword.operator.expression.typeof.js, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.new, keyword.operator.noexcept, keyword.operator.not, keyword.operator.not_eq, keyword.operator.or, keyword.operator.or_eq, keyword.operator.relation.in, keyword.operator.sizeof, keyword.operator.xor, keyword.operator.xor_eq, keyword.operator.borrow, keyword.other, keyword.other.substitution, keyword.other.template, keyword.other.unit, keyword.preprocessor, keyword.storage.modifier.julia, keyword.type, keyword.type-alias.elm, keyword.union.graphql, keyword.declaration, meta.declaration.module.elm keyword.other.elm, meta.preprocessor punctuation.separator.hash, punctuation.definition.directive, punctuation.definition.keyword.css, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, source.js.embedded.html entity.name.tag, source.asm keyword, source.asm entity.directive, source.cs keyword.query, source.x86 entity.name.function.instructions, storage.modifier, storage.struct.racket, storage.type.built-in, storage.type.class, storage.type.enum, storage.type.function, storage.type.integral, storage.type.interface, storage.type.js, storage.type.lambda, storage.type.local, storage.type.modifier, storage.type.namespace, storage.type.php, storage.type.primitive, storage.type.racket, storage.type.struct, storage.type.template, storage.type.trait.php, storage.type.ts, storage.type.union, support.function.racket, variable.language, keyword.package.go, keyword.import.go, keyword.type.go, keyword.var.go, keyword.const.go, keyword.function.go, keyword.struct.go, keyword.interface.go, keyword.map.go, keyword.range.go, keyword.select.go, keyword.case.go, keyword.switch.go, keyword.break.go, keyword.continue.go, keyword.fallthrough.go, keyword.return.go, keyword.defer.go, keyword.go.go, keyword.goto.go, keyword.if.go, keyword.else.go, keyword.for.go, keyword.in.go, keyword.default.go, keyword.channel.go, entity.name.function.support.builtin.go, variable.parameter.function.language.special.self.python | #DD2867 | bold |
| entity.name.function.preprocessor | #798181 | |
| constant.language.capital-identifier.ocaml, constant.type-constructor.elm, entity.name.fragment.graphql, entity.name.namespace, entity.name.struct.racket, entity.name.type.class, entity.name.type.class.generic, entity.name.type.class.reference, entity.name.type.class.templated, entity.name.type.class.value, entity.name.type.module.js, entity.name.type.namespace, entity.name.type.struct, entity.name.type.enum.rust, entity.name.type.trait.php, entity.name.type.ts, entity.other.attribute-name.class.css, entity.other.inherited-class, invalid.illegal.debug.elm, meta.attribute.class.html string.quoted.double.html, meta.attribute.class.html string.quoted.single.html, meta.attribute-with-value.class.html string.quoted.double.html, meta.attribute-with-value.class.html string.quoted.single.html, meta.definition.variable storage.type.generic, meta.function.parameter.typehinted.php storage.type.php, meta.preprocessor.include string.quoted.double.include, meta.preprocessor.include string.quoted.other.lt-gt.include, meta.preprocessor.include punctuation.definition.string.begin, meta.preprocessor.include punctuation.definition.string.end, meta.use.php entity.other.alias.php, source.js support.constant, storage.modifier.import, storage.type, support.class, support.module.elm, support.other.namespace.php, support.type, support.type.object.module.js keyword.operator.accessor.js, variable.other.class.js, variable.other.readwrite.alias.js, variable.type.elm, entity.name.type.struct.go, entity.name.type.interface.go, entity.name.type.go, entity.name.type, storage.type.struct.go, storage.type.interface.go, storage.type.go | #1290C3 | bold |
| entity.other.attribute-name.id.css, meta.attribute.id.html string.quoted.double.html, meta.attribute.id.html string.quoted.single.html, meta.attribute-with-value.id.html string.quoted.double.html, meta.attribute-with-value.id.html string.quoted.single.html | #3EABE6 | bold |
| entity.name.type.interface, entity.name.type.module, meta.definition.class.implemented.interfaces entity.other.inherited-class | #80F2F6 | |
| meta.decorator.ts entity.name.function.ts, punctuation.decorator.ts, punctuation.definition.annotation, source.x86 support.constant.subsections, storage.type.annotation, support.function.macro.julia, meta.attribute.rust, meta.attribute.rust punctuation | #FF9393 | — |
| entity.name.type.enum | #CC81BA | — |
| entity.name.type.template, storage.type.generic | #e49ae5 | — |
| constant.other.caps, constant.other.class.php, constant.other.enum, constant.other.php, entity.name.constant.racket, entity.name.section.markdown, entity.name.variable.enum-member, support.constant.core.php, support.constant.media.css, variable.other.constant, variable.other.enummember, variable.other.global, variable.other.makefile, variable.source.cmake, constant.other.go, constant.language.go | #66D9EF | italic bold |
| variable.other.class.php, variable.other.property.static | #8DDAF8 | italic |
| punctuation.support.type.property-name, entity.name.record.field.accessor.elm, entity.name.record.field.elm, entity.name.tag, entity.name.tag.localname, entity.name.variable.event.cs, entity.name.variable.field, entity.name.variable.property, entity.other.attribute-name.html, keyword.other.definition.ini, markup.list meta.paragraph.markdown, meta.block.js entity.name.label.js, meta.function.json.arrow.js entity.name.function.js, meta.object-literal.key.js, meta.object-literal.key.ts, meta.property-value.css, meta.struct.fields.racket, meta.tag.block.any.html entity.other.attribute-name, meta.tag.inline.any.html entity.other.attribute-name, meta.tag.other.html entity.other.attribute-name, record.name.elm, string constant.other.placeholder, string.unquoted.js, support.type.property-name, support.type.property-name.json.comments, support.variable.hocon, support.variable.property, variable.graphql, variable.object.property.ts, variable.other.definition, variable.other.object.property, variable.other.property, variable.other.property.cli, variable.other.readwrite.instance, string.quoted.double.go, string.quoted.raw.go, string.quoted.single.go | #66E1F8 | |
| entity.name.function, entity.name.function.binding.ocaml, entity.name.function.cs, entity.name.function.definition, entity.name.function.definition.special.constructor, entity.name.function.graphql, entity.name.function.julia, entity.name.function.rust, meta.function.python support.function.magic.python, entity.name.function.racket, entity.name.function.target.makefile, entity.name.function.top_level.elm, meta.at-rule.mixin.scss entity.name.function.scss, meta.declaration.exports.elm entity.name.function.elm, meta.definition.function entity.name.function, meta.definition.method entity.name.function, meta.function.definition.parameters entity.name.function, meta.function.js entity.name.function.js, meta.function.method.js entity.name.function.method.js, meta.function.method.without-arguments entity.name.function, meta.function.method.with-arguments entity.name.function, meta.function.php entity.name.function.php, meta.function.php support.function.magic.php, meta.function.type-declaration.elm entity.name.function.elm, meta.method.identifier entity.name.function, source.asm entity.name.function, source.x86 keyword.label.assembly, entity.name.function.go, meta.function.declaration.go, meta.function.receiver.go, meta.function.parameters.go, entity.name.function.shell | #1EB540 | bold |
| entity.name.function.call, entity.name.function.macro, entity.name.type.instance.js, keyword.cmake, meta.at-rule.include.scss entity.name.function.scss, meta.block entity.name.function.member, meta.body.function.definition entity.name.function.member, meta.parameter.initialization entity.name.function.member, meta.function.method.with-arguments meta.function-call entity.name.function, meta.function-call entity.name.function, meta.function-call, meta.function-call support.function.builtin, meta.function-call variable.legacy.builtin, meta.function-call.js entity.name.function.js, meta.function.call.rust entity.name.function.rust, meta.method-call entity.name.function, meta.method-call.static.php meta.method-call.php entity.name.function.php, meta.list.racket, meta.scope.prerequisites.makefile, new.expr.js entity.name.type.js, source.css support.function, support.function.builtin.python, support.function.core, support.function.julia, support.function.kernel, text.tex.latex support.function, entity.name.function.support.go | #A7EC21 | |
| meta.method-call.static entity.name.function, support.function.construct.output.php, support.function.js, support.function.julia | #96EC3F | italic |
| #80F6A7 | ||
| #CDF668 | ||
| entity.name.function.tagged-template.js, entity.name.variable.parameter, entity.other.attribute-name, meta.function.parameters.js variable.other.readwrite.js, meta.method.body, string.unquoted.alias.graphql, string.unquoted.graphql, variable.other.block, variable.parameter | #79ABFF | |
| entity.name.variable.local, entity.name.variable.range-variable.cs, meta.definition.variable.js entity.name.function.js, meta.function.js variable.other.readwrite.js, meta.function.method.js variable.other.readwrite.js, meta.function-call.python meta.function-call.arguments.python, meta.method.body variable.other.definition, meta.value.elm, source.asm constant.language.register, source.directive.vue variable.other.readwrite.js, source.julia, source.rust, source.julia meta.array.julia, source.ocaml source.ocaml, source.python, source.x86 variable.parameter.registers, support.other.variable, variable.language.llvm, variable.other.dollar.js, variable.other.local, variable.other.object.access, variable.other.object.js, variable.other.php, variable.other.readwrite, variable.other.readwrite.cs, variable.other.ruby, variable.scss, variable.other.go, entity.name.type.package.go, variable.other.assignment.go, variable.other.object, variable.other.assignment.shell, variable.other.normal.shell, variable.parameter.go | #FFBF26 | |
| constant.other.key, constant.other.symbol, entity.name.section.group-title.ini, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, punctuation.definition.char.begin, punctuation.definition.char.end, punctuation.definition.string, source.ini, source.makefile, string, text, string.quoted.double.go, string.quoted.raw.go, string.quoted.single.go | #17C6A3 | |
| markup.underline.link | #287BDE | underline |
| string.other.link.description.markdown, string.other.link.title.markdown | #287BDE | |
| punctuation.definition.interpolation, constant.character, constant.character.escape, constant.other, storage.source.cmake | #AE81FF | |
| constant.numeric, constant.numeric.css keyword.other.unit, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.css punctuation.definition.constant.css, meta.variables.graphql, source.x86 constant.other.decimal, source.x86 constant.other.hex, source.x86 constant.other.octal, support.constant.color.w3c-extended-color-name.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, support.constant.property-value.css, constant.numeric.go | #6897BB | |
| begin.bracket.round.blade.php, end.bracket.round.blade.php, support.function.construct.begin.blade, support.function.construct.end.blade, constant.language.list.ocaml, constant.language.ocaml, constant.language.unit.ocaml, constant.other.color, entity.name.label, entity.name.tag.reference.scss, entity.name.tag.wildcard.css, keyword, keyword.control.ternary, keyword.operator.logical, keyword.other.colon.elm, keyword.other.elm, keyword.other.period.elm, meta.attribute.class.html punctuation.definition.string.begin.html, meta.attribute.class.html punctuation.definition.string.end.html, meta.attribute.id.html punctuation.definition.string.begin.html, meta.attribute.id.html punctuation.definition.string.end.html, meta.attribute-with-value.class.html punctuation.definition.string.begin.html, meta.attribute-with-value.class.html punctuation.definition.string.end.html, meta.attribute-with-value.id.html punctuation.definition.string.begin.html, meta.attribute-with-value.id.html punctuation.definition.string.end.html, meta.attribute.class.html punctuation.definition.string.begin.html, meta.attribute.class.html punctuation.definition.string.end.html, meta.attribute.id.html punctuation.definition.string.begin.html, meta.attribute.id.html punctuation.definition.string.end.html, meta.attribute-with-value.class.html punctuation.definition.string.begin.html, meta.attribute-with-value.class.html punctuation.definition.string.end.html, meta.attribute-with-value.id.html punctuation.definition.string.begin.html, meta.attribute-with-value.id.html punctuation.definition.string.end.html, meta.brace.round.js, meta.brace.square.js, meta.embedded.line.js punctuation.definition.string.begin.html, meta.embedded.line.js punctuation.definition.string.end.html, meta.tag, punctuation, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.tag, punctuation.section.embedded, source.asm punctuation.separator storage.modifier, source.cmake, source.julia meta, storage.modifier.array.bracket.square, storage.modifier.package, storage.modifier.pointer, storage.modifier.reference, storage.type.function.arrow, storage.type.generic.wildcard, support.constant, punctuation.definition.comment | #F9FAF4 | |
| comment, punctuation.definition.comment, comment.line.double-slash.go, comment.block.go | #8d8b8b |
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}!`;
}