Wildlife Theme
Publisher: Taiwo KareemThemes in package: 2
A dark and light vibrant colour theme for vscode
A dark and light vibrant colour theme for vscode
Full workbench mockup using this variant's colors and tokenColors.
Loading...
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #DDDDDD | — |
| comment | #A1A1A1 | italic |
| string | #33CC33 | — |
| constant.numeric | #0099CC | — |
| constant.language | #DD00EE | — |
| constant.character, constant.other | #AE81FF | — |
| variable | — | |
| keyword | #FF8533 | — |
| storage | #FF8533 | |
| storage.type | #FF8533 | italic |
| entity.name.class | #FFFF00 | — |
| entity.other.inherited-class | #FFFF00 | bold |
| entity.name.function | #FFFF00 | |
| variable.parameter | #FFBB77 | italic |
| entity.name.tag | #66FFFF | |
| entity.other.attribute-name | #800080 | |
| support.function | #DD00EE | |
| support.constant | #DD00EE | |
| support.type, support.class | #DD00EE | italic |
| support.other.variable | #DD00EE | |
| invalid | #FFFFFF | |
| invalid.deprecated | #FFFFFF | — |
| constant.other.placeholder | #990000 | italic |
| text source | — | — |
| meta.header, markup.heading | #Ff00fF | bold |
| meta.preprocessor, meta.preprocessor | #99FF33 | italic |
| punctuation.definition.comment | — | bold italic |
| punctuation.definition.parameters, punctuation.definition.preprocessor, meta.preprocessor | — | |
| storage.modifier, meta.definition.class.extends.antlr | — | italic |
| support.class | #F12958 | italic |
| punctuation.definition.arguments | #888888 | italic |
| meta.definition.class.antlr, meta.options-block.antlr, meta.options.antlr, meta.rule.antlr | #A535AE | — |
| meta.rule.antlr | #080 | — |
| punctuation.section.group.antlr, punctuation.section.options.antlr | #00004C | — |
| meta.function.destructor | #F222FF | bold |
| meta.parens | #FFCC99 | italic |
| meta.function.constructor.initializer-list | #A535CF | italic |
| meta.function.prototype | — | bold |
| meta.function.constructor | — | bold |
| source.sql.embedded | — | — |
| meta.property-list.css | — | — |
| meta.property-name.css, support.type.property-name.css | #FF5555 | — |
| meta.property-value.css, support.constant.property-value.css | — | italic |
| constant.other.color, support.constant.color | #FFFF00 | |
| entity.other.attribute-name | #0080FF | italic |
| variable.parameter.misc.css | #00AA00 | italic |
| meta.tabular.row.header.csv | — | bold |
| meta.diff.header.from-file | #F222FF | bold |
| punctuation.definition.separator.diff | #29FFA3 | bold |
| markup.changed.diff | #CC0 | — |
| punctuation.definition.inserted.diff, markup.inserted.diff | #22AA22 | — |
| markup.deleted.diff | #C00000 | — |
| meta.toc-list.line-number.diff | #1111FF | italic |
| meta.diff.range.context, meta.diff.range.unified, meta.diff.range.normal | #66D | bold |
| meta.diff.index | #F00 | italic |
| markup.bold | #BB0 | bold |
| markup.italic | #BB0 | italic |
| markup.list, punctuation.definition.list_item | #FE960F | — |
| markup.other.table, punctuation.definition.table, meta.separator, markup.other, punctuation.definition.field | #000 | — |
| markup.raw, meta.raw.block, punctuation.definition.raw | #FFEEEE | — |
| markup.underline.link, punctuation.definition.link, meta.link | #F93 | — |
| meta.image.inline, meta.image.reference, punctuation.definition.image | #F0F | — |
| markup.quote | #228B22 | italic |
| punctuation.definition.blockquote | #F0F | bold |
| meta.definition.class, meta.rescue, meta.features | #FF8533 | — |
| meta.directive, meta.expression | #FF8533 | — |
| meta.method-call | — | italic |
| support.constant.attribute.graph.dot | #0AF | — |
| support.constant.attribute.node.dot | #F222FF | — |
| support.constant.attribute.edge.dot | #97531F | — |
| meta.section.object.haml | #FF8533 | — |
| punctuation.section.embedded | #55AAFF | bold |
| source.css punctuation.definition.tag | #F00 | bold |
| source.js punctuation.definition.tag | #0A0 | bold |
| meta.tag.other punctuation.definition.tag | #FF0 | bold |
| source.ruby punctuation.section.embedded.ruby | #F0F | bold |
| constant.character.entity.html | — | bold |
| meta.tag.sgml | — | bold |
| meta.definition.constructor.java, entity.name.function.constructor.java | — | bold |
| comment.block.documentation.javadoc | #EEE | — |
| punctuation.definition.comment.javadoc, punctuation.definition.comment.begin.javadoc | #F0F | bold |
| punctuation.definition.directive.begin.javadoc, punctuation.definition.directive.end.javadoc | #FF6 | italic bold |
| source.json meta meta meta.structure.dictionary string | #F66 | — |
| meta meta meta meta meta.structure.dictionary string | #F0F | — |
| meta meta meta meta meta meta meta.structure.dictionary string | #6F9 | — |
| meta meta meta meta meta meta meta meta meta.structure.dictionary string | #0C0 | — |
| meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #663 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #F06 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #030 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #933 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #69F | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #F55 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #C90 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #0C9 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #F00 | — |
| meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string | #F93 | — |
| meta.encoded-text.mail | #9C0 | italic |
| variable.other.makefile | #F222FF | — |
| punctuation.separator.continuation.makefile | #F90 | — |
| meta.function.makefile | #66FFCC | — |
| meta.block-level.markdown | — | — |
| meta.link.reference | — | — |
| support.graphics.matlab | #00FF99 | — |
| support.function.control | #AAAA00 | — |
| punctuation.fix_this_later | #FFFF00 | — |
| meta.module | — | italic |
| meta.module-reference.ocaml | #933 | — |
| meta.action.ocaml | #00FF99 | — |
| meta.function.arguments | #268000 | italic |
| meta.function-call.object | #933 | — |
| meta.bullet-point.light, meta.bullet-point.star, meta.bullet-point.strong, punctuation.definition.item.text, meta.paragraph.text | #FF0 | — |
| variable.language.python | #fac | italic |
| punctuation.section.group.tex | #FFCC66 | — |
| constant.other.range.regexp | #00F | — |
| keyword.control.anchors.regexp | #690 | bold |
| keyword.control.set.regexp | #909 | — |
| keyword.other.backref-and-recursion.regexp | #630 | — |
| keyword.operator.quantifier.regexp | #099 | — |
| meta.other.directive.restructuredtext, punctuation.definition.raw.restructuredtext | #F00 | bold |
| markup.other.command.restructuredtext | #FCA | italic |
| meta.link.footnote | #933 | — |
| punctuation.definition.field.restructuredtext | — | — |
| punctuation.definition.link.restructuredtext | #F00 | bold |
| variable.other.readwrite, punctuation.separator.method.ruby | #930 | italic |
| punctuation.separator.key-value, punctuation.separator.variable | #FF8533 | — |
| string.unquoted.heredoc | #800000 | — |
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}!`;
}