A Galaxy Far, Far Away Theme
Publisher: DanMadThemes in package: 2
A Visual Studio Code theme from a galaxy far, far away...
A Visual Studio Code theme from a galaxy far, far away...
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 | #7b7f81 | — |
| constant | #bc5f5d | — |
| constant.character.entity | #f4500a | italic |
| keyword | #c1b398 | — |
| storage | #c1b398 | — |
| string | #bc5f5d | — |
| support | #fc9d1b | — |
| variable | #f4500a | italic |
| entity.other.attribute-name.css | #e6e8e9 | — |
| punctuation.terminator.rule.css | #cacdcf | — |
| entity.other.attribute-name.class.css | #fa7d12 | — |
| punctuation.definition.entity.css | #cacdcf | normal |
| constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css | #fc9d1b | — |
| entity.other.attribute-name.id.css | #fa7d12 | — |
| keyword.other.important.css | — | bold |
| keyword.operator.arithmetic.css, keyword.operator.combinator.css, keyword.operator.pattern.css | #cacdcf | — |
| support.type.property-name.css | #cacdcf | — |
| support.constant.color.current.css, support.constant.property-value.css | #c1b398 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #e6e8e9 | — |
| entity.name.tag.css | #538397 | — |
| entity.other.keyframe-offset.percentage.css, keyword.other.unit.%.css, keyword.other.unit.ch.css, keyword.other.unit.cm.css, keyword.other.unit.deg.css, keyword.other.unit.em.css, keyword.other.unit.ex.css, keyword.other.unit.in.css, keyword.other.unit.mm.css, keyword.other.unit.ms.css, keyword.other.unit.pc.css, keyword.other.unit.percentage.css, keyword.other.unit.pt.css, keyword.other.unit.px.css, keyword.other.unit.q.css, keyword.other.unit.rem.css, keyword.other.unit.s.css, keyword.other.unit.vmax.css, keyword.other.unit.vmin.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css | #bc5f5d | — |
| support.type.vendored.property-name.css | #a8acae | — |
| entity.other.attribute-name.html | #e6e8e9 | — |
| punctuation.separator.key-value.html | #cacdcf | — |
| entity.name.tag.html | #fa7d12 | — |
| comment.block.documentation.js, comment.block.js | #a8acae | — |
| meta.brace.round.js, meta.brace.square.js, punctuation.accessor.js, punctuation.definition.block.js, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.separator.comma.js, punctuation.separator.key-value.js | #cacdcf | — |
| entity.name.type.class.js, entity.name.type.js, support.class.builtin.js | #538397 | — |
| entity.name.function.js, support.function.console.js, support.function.js | #fc9d1b | — |
| entity.other.inherited-class.js | #85adbc | — |
| constant.language.null.js | #a8acae | — |
| keyword.operator.arithmetic.js, keyword.operator.assignment.compound.bitwise.js, keyword.operator.assignment.compound.js, keyword.operator.assignment.js, keyword.operator.comparison.js, keyword.operator.decrement.js, keyword.operator.increment.js, keyword.operator.logical.js, keyword.operator.relational.js, keyword.operator.ternary.js | #cacdcf | — |
| meta.object-literal.key.js, variable.other.constant.property.js, variable.other.object.property.js, variable.other.property.js | #fa7d12 | normal |
| string.regexp.js | #85adbc | — |
| variable.language.super.js | #e6e8e9 | normal |
| variable.language.this.js | #e6e8e9 | — |
| entity.name.type.instance.jsdoc | #85adbc | — |
| constant.language.undefined.js | #a8acae | — |
| support.type.property-name.json | #cacdcf | — |
| entity.other.attribute-name.js.jsx | #e6e8e9 | — |
| support.class.component.js.jsx | #fa7d12 | bold |
| entity.name.tag.js.jsx | #fa7d12 | — |
| markup.bold.markdown | — | bold |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #f4500a | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | — | regular |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown | #c1b398 | — |
| markup.italic.markdown | — | italic |
| string.other.link.description.markdown, string.other.link.title.markdown | #fa7d12 | — |
| fenced_code.block.language.markdown | #c1b398 | — |
| markup.underline.link.markdown | #e6e8e9 | — |
| meta.attribute.python, meta.indexed-name.python | #fa7d12 | regular |
| constant.character.format.placeholder.other.python, constant.other.ellipsis.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.section.class.begin.python, punctuation.section.function.begin.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python, punctuation.separator.arguments.python, punctuation.separator.colon.python, punctuation.separator.element.python, punctuation.separator.inheritance.python, punctuation.separator.slice.python, punctuation.separator.parameters.python, punctuation.separator.period.python | #cacdcf | regular |
| entity.name.type.class.python | #538397 | regular |
| comment.line.number-sign.python | — | regular |
| constant.language.python, constant.numeric.dec.python, constant.numeric.float.python | — | regular |
| string.quoted.docstring.multi.python | #a8acae | regular |
| constant.character.escape.python | #f4500a | regular |
| source.python | #f4500a | italic |
| entity.name.function.python, meta.function-call.generic.python, support.function.builtin.python, support.function.magic.python | #fc9d1b | regular |
| entity.other.inherited-class.python | #85adbc | regular |
| keyword.control.flow.python, keyword.control.import.python | — | regular |
| keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.bitwise.python, keyword.operator.comparison.python, keyword.operator.logical.python, keyword.operator.python, keyword.operator.unpacking.arguments.python, keyword.operator.unpacking.parameter.python | #cacdcf | regular |
| storage.type.class.python, storage.type.function.python | — | regular |
| string.quoted.docstring.single.python, string.quoted.single.python | — | regular |
| support.type.exception.python, support.type.python | #fc9d1b | regular |
| constant.other.caps.python | #f4500a | — |
| constant.character.escape.backslash.regexp, keyword.operator.or.regexp, punctuation.definition.character-class.regexp, punctuation.definition.group.regexp | #538397 | — |
| constant.other.character-class.range.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp | #85adbc | — |
| keyword.control.anchor.regexp, keyword.operator.negation.regexp, keyword.operator.quantifier.regexp | #85adbc | — |
| entity.other.attribute-name.attribute.scss | #e6e8e9 | — |
| comment.block.scss | #a8acae | — |
| meta.embedded.block.scss, meta.property-list.scss, punctuation.access.module.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss, punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.section.function.scss, punctuation.separator.delimiter.scss, punctuation.separator.key-value.scss | #cacdcf | regular |
| entity.name.function.scss | #fc9d1b | — |
| keyword.other.important.scss | — | bold |
| keyword.operator.scss | #cacdcf | — |
| meta.attribute-selector.scss | #bc5f5d | — |
| entity.name.type.alias.tsx | #85adbc | — |
| entity.other.attribute-name.tsx | #e6e8e9 | — |
| comment.block.documentation.tsx, comment.block.tsx | #a8acae | — |
| keyword.operator.type.annotation.tsx, meta.brace.round.tsx, meta.brace.square.tsx, punctuation.accessor.tsx, punctuation.definition.block.tsx, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, punctuation.separator.comma.tsx, punctuation.separator.key-value.tsx | #cacdcf | — |
| entity.name.type.class.tsx, entity.name.type.tsx, support.class.builtin.tsx | #538397 | — |
| support.class.component.tsx | #fa7d12 | bold |
| entity.name.function.tsx, support.function.console.tsx, support.function.tsx | #fc9d1b | — |
| entity.other.inherited-class.tsx | #85adbc | — |
| entity.name.type.interface.tsx | #538397 | — |
| constant.language.null.tsx | #a8acae | — |
| entity.name.type.module.tsx | #538397 | — |
| keyword.operator.arithmetic.tsx, keyword.operator.assignment.compound.bitwise.tsx, keyword.operator.assignment.compound.tsx, keyword.operator.assignment.tsx, keyword.operator.comparison.tsx, keyword.operator.decrement.tsx, keyword.operator.increment.tsx, keyword.operator.logical.tsx, keyword.operator.relational.tsx, keyword.operator.ternary.tsx | #cacdcf | — |
| support.type.primitive.tsx | #85adbc | — |
| meta.object-literal.key.tsx, variable.other.constant.property.tsx, variable.other.object.property.tsx, variable.other.property.tsx | #fa7d12 | normal |
| string.regexp.tsx | #85adbc | — |
| variable.language.super.tsx | #e6e8e9 | normal |
| entity.name.tag.tsx | #fa7d12 | — |
| variable.language.this.tsx | #e6e8e9 | — |
| constant.language.undefined.tsx | #a8acae | — |
| entity.name.type.alias.ts | #85adbc | — |
| comment.block.documentation.ts, comment.block.ts | #a8acae | — |
| keyword.operator.type.annotation.ts, meta.brace.round.ts, meta.brace.square.ts, punctuation.accessor.ts, punctuation.definition.block.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #cacdcf | — |
| entity.name.type.class.ts, entity.name.type.ts, support.class.builtin.ts | #538397 | — |
| entity.name.function.ts, support.function.console.ts, support.function.ts | #fc9d1b | — |
| entity.other.inherited-class.ts | #85adbc | — |
| entity.name.type.interface.ts | #538397 | — |
| constant.language.null.ts | #a8acae | — |
| entity.name.type.module.ts | #538397 | — |
| keyword.operator.arithmetic.ts, keyword.operator.assignment.compound.bitwise.ts, keyword.operator.assignment.compound.ts, keyword.operator.assignment.ts, keyword.operator.comparison.ts, keyword.operator.decrement.ts, keyword.operator.increment.ts, keyword.operator.logical.ts, keyword.operator.relational.ts, keyword.operator.ternary.ts | #cacdcf | — |
| support.type.primitive.ts | #85adbc | — |
| variable.object.property.ts, variable.other.constant.property.ts, variable.other.object.property.ts, variable.other.property.ts | #fa7d12 | normal |
| string.regexp.ts | #85adbc | — |
| variable.language.super.ts | #e6e8e9 | normal |
| variable.language.this.ts | #e6e8e9 | — |
| constant.language.undefined.ts | #a8acae | — |
| entity.other.attribute-name.localname.xml | #e6e8e9 | — |
| entity.name.tag.localname.xml | #fa7d12 | — |
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...
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}!`;
}
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}!`;
}