Frutiger Aero Dark
Publisher: AarWebThemes in package: 1
A dark theme inspired by the glossy Frutiger Aero style.
A dark theme inspired by the glossy Frutiger Aero style.
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 |
|---|---|---|
| support.function.builtin.go, support.type.builtin.go | #33CC99 | — |
| constant.language.boolean.go, constant.language.nil.go | #FFB347 | — |
| entity.name.type.go, entity.name.package.go | #33CC99 | — |
| constant.other.go, variable.other.constant.go | #FFD700 | — |
| storage.type.function.python, storage.type.class.python, keyword.control.import.python, keyword.control.flow.python, keyword.control.as.python, keyword.control.from.python | #00C2FF | — |
| entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python | #00C2FF | — |
| support.type.builtin.python, support.function.builtin.python | #33CC99 | — |
| string.quoted.raw.python, string.quoted.template.python, constant.other.placeholder.python, punctuation.definition.interpolation.begin.python, punctuation.definition.interpolation.end.python | #7CFC00 | — |
| text.html.php.blade, source.blade | — | — |
| support.function.directive.blade, keyword.control.blade, keyword.blade | #00C2FF | — |
| punctuation.section.embedded.begin.blade, punctuation.section.embedded.end.blade, punctuation.definition.directive.blade | #00C2FF | — |
| string.quoted.single.blade, string.quoted.double.blade | #7CFC00 | — |
| entity.name.tag.blade, punctuation.definition.tag.begin.blade, punctuation.definition.tag.end.blade | #00C2FF | — |
| entity.other.attribute-name.blade | #33CC99 | — |
| keyword.other.use.php, keyword.other.namespace.php, storage.modifier.php, storage.type.php | #00C2FF | — |
| entity.name.namespace.php, support.class.builtin.php, entity.name.type.class.php | #33CC99 | — |
| support.class, entity.name.type.class, entity.name.class, entity.other.inherited-class | #33CC99 | — |
| comment | #5FA8D3 | italic |
| keyword | #00C2FF | — |
| string | #7CFC00 | — |
| constant.numeric | #FFB347 | — |
| variable | #00CED1 | — |
| entity.name.function | #1DB954 | — |
| punctuation | #E0F8FF | — |
| source.php | — | — |
| variable.other.php | #00CED1 | — |
| keyword.control.php | #00C2FF | — |
| string.quoted.single.php, string.quoted.double.php | #7CFC00 | — |
| support.function.construct.php | #1DB954 | — |
| constant.language.php | #FFB347 | — |
| entity.name.function.php | #1DB954 | — |
| punctuation.definition.variable.php | #00CED1 | — |
| meta.embedded.block.php | #E0F8FF | — |
| source.cs | — | — |
| keyword.control.cs | #00C2FF | — |
| variable.other.cs | #00CED1 | — |
| entity.name.type.class.cs | #33CC99 | — |
| entity.name.type.interface.cs | #7CFC00 | — |
| entity.name.function.cs | #1DB954 | — |
| string.quoted.double.cs | #7CFC00 | — |
| constant.numeric.cs | #FFB347 | — |
| comment.line.double-slash.cs | #5FA8D3 | italic |
| storage.type.cs | #00C2FF | — |
| punctuation.separator.cs | #E0F8FF | — |
| source.java | — | — |
| keyword.control.java | #00C2FF | — |
| variable.other.java | #00CED1 | — |
| entity.name.type.class.java | #33CC99 | — |
| entity.name.function.java | #1DB954 | — |
| string.quoted.double.java | #7CFC00 | — |
| constant.numeric.java | #FFB347 | — |
| comment.line.double-slash.java | #5FA8D3 | italic |
| storage.type.primitive.java | #00C2FF | — |
| storage.modifier.java | #0099CC | — |
| punctuation.terminator.java | #E0F8FF | — |
| source.go | — | — |
| keyword.control.go | #00C2FF | — |
| storage.type.go | #0099CC | — |
| entity.name.function.go | #1DB954 | — |
| variable.other.go | #00CED1 | — |
| constant.numeric.go | #FFB347 | — |
| string.quoted.double.go | #7CFC00 | — |
| comment.line.double-slash.go | #5FA8D3 | italic |
| keyword.package.go | #00C2FF | — |
| keyword.import.go | #00C2FF | — |
| source.python | — | — |
| keyword.control.python | #00C2FF | — |
| entity.name.function.python | #1DB954 | — |
| variable.parameter.function.python | #00CED1 | — |
| constant.numeric.python | #FFB347 | — |
| string.quoted.single.python, string.quoted.double.python | #7CFC00 | — |
| comment.line.number-sign.python | #5FA8D3 | italic |
| entity.name.type.class.python | #33CC99 | — |
| support.type.python | #00C2FF | — |
| punctuation.definition.string.begin.python, punctuation.definition.string.end.python | #7CFC00 | — |
| source.rust | — | — |
| keyword.control.rust | #00C2FF | — |
| variable.other.rust | #00CED1 | — |
| entity.name.function.rust | #1DB954 | — |
| string.quoted.double.rust | #7CFC00 | — |
| constant.numeric.rust | #FFB347 | — |
| comment.line.double-slash.rust | #5FA8D3 | italic |
| entity.name.type.rust | #33CC99 | — |
| meta.macro.rust | #FFD700 | — |
| storage.type.rust | #00C2FF | — |
| variable.language.rust | #FFB347 | — |
| source.js, source.ts, source.jsx, source.tsx | — | — |
| variable.other.readwrite.js, variable.other.readwrite.ts | #00CED1 | — |
| keyword.control.js, keyword.control.ts | #00C2FF | — |
| entity.name.function.js | #1DB954 | — |
| string.quoted.double.js | #7CFC00 | — |
| constant.numeric.js | #FFB347 | — |
| comment.line.double-slash.js | #5FA8D3 | italic |
| support.class.component.jsx, support.class.component.tsx | #33CC99 | — |
| storage.type.ts, storage.type.tsx, keyword.declaration.interface.ts, keyword.declaration.interface.tsx | #00C2FF | — |
| entity.name.type.ts, entity.name.type.tsx, entity.name.type.interface.ts, entity.name.type.interface.tsx, entity.name.type.alias.ts, entity.name.type.alias.tsx | #33CC99 | — |
| support.type.primitive.ts, support.type.primitive.tsx | #00C2FF | — |
| support.type.builtin.ts, support.type.builtin.tsx, support.type.dom.ts, support.type.dom.tsx | #33CC99 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx, punctuation.separator.type.ts, punctuation.separator.type.tsx | #00C2FF | — |
| entity.name.namespace.ts, entity.name.namespace.tsx, support.type.object.module.ts, support.type.object.module.tsx | #33CC99 | — |
| storage.type.function.js, storage.type.function.jsx, storage.type.function.ts, storage.type.function.tsx, keyword.declaration.function.ts, keyword.declaration.function.tsx | #00C2FF | — |
| storage.type | #00C2FF | — |
| storage.modifier.async.js, storage.modifier.async.jsx, storage.modifier.async.ts, storage.modifier.async.tsx | #00C2FF | — |
| keyword.operator, keyword.operator.ts, keyword.operator.tsx, keyword.operator.expression.extends, keyword.operator.expression.implements | #00C2FF | — |
| storage.modifier | #00C2FF | — |
| keyword.operator.expression.extends, keyword.operator.expression.extends.ts, keyword.operator.expression.extends.tsx, storage.modifier.extends, storage.modifier.extends.ts, storage.modifier.extends.tsx, keyword.declaration.extends, keyword.declaration.extends.ts, keyword.declaration.extends.tsx, keyword.control.extends, keyword.control.extends.ts, keyword.control.extends.tsx, keyword.operator.expression.implements, keyword.operator.expression.implements.ts, keyword.operator.expression.implements.tsx, storage.modifier.implements, storage.modifier.implements.ts, storage.modifier.implements.tsx, keyword.declaration.implements, keyword.declaration.implements.ts, keyword.declaration.implements.tsx, keyword.control.implements, keyword.control.implements.ts, keyword.control.implements.tsx | #00C2FF | — |
| entity.name.tag.jsx, entity.name.tag.tsx | #00C2FF | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #33CC99 | — |
| punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #00C2FF | — |
| text.html.basic | — | — |
| entity.name.tag.html | #00C2FF | — |
| entity.other.attribute-name.html | #33CC99 | — |
| string.quoted.double.html | #7CFC00 | — |
| comment.block.html | #5FA8D3 | italic |
| source.css, source.scss, source.less | — | — |
| entity.name.tag.css | #00C2FF | — |
| support.type.property-name.css | #33CC99 | — |
| constant.numeric.css | #FFB347 | — |
| string.quoted.double.css | #7CFC00 | — |
| source.json, source.yaml, source.toml | — | — |
| support.type.property-name.json | #33CC99 | — |
| string.quoted.double.json | #7CFC00 | — |
| constant.numeric.json | #FFB347 | — |
| source.sql | — | — |
| keyword.other.DML.sql | #00C2FF | — |
| string.quoted.single.sql | #7CFC00 | — |
| constant.numeric.sql | #FFB347 | — |
| text.html.markdown | — | — |
| markup.heading.markdown | #00C2FF | bold |
| markup.bold.markdown | #1DB954 | bold |
| markup.italic.markdown | #FFB347 | italic |
| markup.inline.raw.markdown | #00CED1 | — |
| source.shell | — | — |
| string.quoted.double.shell | #7CFC00 | — |
| constant.numeric.shell | #FFB347 | — |
| keyword.control.shell | #00C2FF | — |
| comment.line.number-sign.shell | #5FA8D3 | italic |
| source.dockerfile | — | — |
| keyword.control.dockerfile | #00C2FF | — |
| string.quoted.double.dockerfile | #7CFC00 | — |
| source.makefile | — | — |
| keyword.control.makefile | #00C2FF | — |
| source.gitignore | #00CED1 | — |
| source.gitattributes | #00CED1 | — |
| source.env | #33CC99 | — |
| source.editorconfig | #00C2FF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.definition.tag.begin.php, punctuation.definition.tag.end.php | #00C2FF | — |
| source.ruby | — | — |
| keyword.control.ruby, storage.type.class.ruby, storage.type.function.ruby | #00C2FF | — |
| entity.name.type.class.ruby, support.class.ruby | #33CC99 | — |
| entity.name.function.ruby | #1DB954 | — |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby, variable.other.readwrite.global.ruby, punctuation.definition.variable.ruby | #00CED1 | — |
| string.quoted.double.ruby, string.quoted.single.ruby | #7CFC00 | — |
| constant.numeric.ruby | #FFB347 | — |
| comment.line.number-sign.ruby | #5FA8D3 | italic |
| text.html.erb, text.html.ruby | — | — |
| punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby | #00C2FF | — |
| source.c, source.cpp | — | — |
| keyword.control.c, keyword.control.cpp, storage.type.c, storage.type.cpp | #00C2FF | — |
| entity.name.function.c, entity.name.function.cpp | #1DB954 | — |
| entity.name.type.class.cpp, support.type.primitive.c, support.type.primitive.cpp | #33CC99 | — |
| string.quoted.double.c, string.quoted.double.cpp | #7CFC00 | — |
| constant.numeric.c, constant.numeric.cpp | #FFB347 | — |
| comment.line.double-slash.cpp, comment.block.c | #5FA8D3 | italic |
| source.kotlin | — | — |
| keyword.control.kotlin, storage.type.kotlin | #00C2FF | — |
| entity.name.type.class.kotlin | #33CC99 | — |
| entity.name.function.kotlin | #1DB954 | — |
| variable.parameter.function.kotlin | #00CED1 | — |
| string.quoted.double.kotlin | #7CFC00 | — |
| constant.numeric.kotlin | #FFB347 | — |
| comment.line.double-slash.kotlin | #5FA8D3 | italic |
| source.swift | — | — |
| keyword.control.swift, storage.type.swift | #00C2FF | — |
| entity.name.type.class.swift | #33CC99 | — |
| entity.name.function.swift | #1DB954 | — |
| variable.parameter.swift | #00CED1 | — |
| string.quoted.double.swift | #7CFC00 | — |
| constant.numeric.swift | #FFB347 | — |
| comment.line.double-slash.swift | #5FA8D3 | italic |
| source.dart | — | — |
| keyword.control.dart, storage.type.dart | #00C2FF | — |
| entity.name.type.class.dart | #33CC99 | — |
| entity.name.function.dart | #1DB954 | — |
| variable.parameter.dart | #00CED1 | — |
| string.quoted.double.dart | #7CFC00 | — |
| constant.numeric.dart | #FFB347 | — |
| comment.line.double-slash.dart | #5FA8D3 | italic |
| source.scala | — | — |
| keyword.control.scala, storage.type.scala | #00C2FF | — |
| entity.name.type.class.scala | #33CC99 | — |
| entity.name.function.scala | #1DB954 | — |
| variable.parameter.scala | #00CED1 | — |
| string.quoted.double.scala | #7CFC00 | — |
| constant.numeric.scala | #FFB347 | — |
| comment.line.double-slash.scala | #5FA8D3 | italic |
| source.lua | — | — |
| keyword.control.lua, storage.type.lua | #00C2FF | — |
| entity.name.function.lua | #1DB954 | — |
| variable.parameter.function.lua, variable.parameter.lua | #00CED1 | — |
| string.quoted.double.lua, string.quoted.single.lua | #7CFC00 | — |
| constant.numeric.lua | #FFB347 | — |
| comment.line.double-dash.lua | #5FA8D3 | italic |
| source.r | — | — |
| keyword.control.r | #00C2FF | — |
| support.function.builtin.r, entity.name.function.r | #1DB954 | — |
| variable.other.r | #00CED1 | — |
| constant.language.r | #FFD700 | — |
| string.quoted.double.r, string.quoted.single.r | #7CFC00 | — |
| constant.numeric.r | #FFB347 | — |
| comment.line.number-sign.r | #5FA8D3 | italic |
| source.powershell | — | — |
| keyword.control.powershell, storage.type.powershell | #00C2FF | — |
| variable.other.readwrite.powershell, variable.other.powershell, punctuation.definition.variable.powershell | #00CED1 | — |
| support.function.powershell, entity.name.function.powershell | #1DB954 | — |
| string.quoted.double.powershell, string.quoted.single.powershell | #7CFC00 | — |
| constant.numeric.powershell | #FFB347 | — |
| comment.line.number-sign.powershell | #5FA8D3 | italic |
| text.xml | — | — |
| entity.name.tag.xml | #00C2FF | — |
| entity.other.attribute-name.xml | #33CC99 | — |
| string.quoted.double.xml, string.quoted.single.xml | #7CFC00 | — |
| punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml | #00C2FF | — |
| comment.block.xml | #5FA8D3 | italic |
| text.html.vue, source.vue | — | — |
| entity.name.tag.vue | #00C2FF | — |
| entity.other.attribute-name.vue | #33CC99 | — |
| punctuation.definition.tag.begin.vue, punctuation.definition.tag.end.vue | #00C2FF | — |
| text.html.svelte, source.svelte | — | — |
| entity.name.tag.svelte | #00C2FF | — |
| entity.other.attribute-name.svelte | #33CC99 | — |
| punctuation.definition.tag.begin.svelte, punctuation.definition.tag.end.svelte | #00C2FF | — |
| source.graphql | — | — |
| keyword.operation.graphql, keyword.type.graphql, keyword.directive.graphql | #00C2FF | — |
| entity.name.fragment.graphql, entity.name.field.graphql, support.type.builtin.graphql, entity.name.type.graphql | #33CC99 | — |
| variable.graphql | #00CED1 | — |
| string.quoted.double.graphql | #7CFC00 | — |
| constant.numeric.graphql | #FFB347 | — |
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}!`;
}