Rex Dark Themes
Publisher: FighterOPThemes in package: 2
A polished VS Code theme pack with Rex Dark Aura and Rex Dark Pulse.
A polished VS Code theme pack with Rex Dark Aura and Rex Dark Pulse.
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 |
|---|---|---|
| entity.name.tag | #00b3ff | — |
| entity.other.attribute-name | #ff9615 | italic |
| entity.other.attribute-name.class.css | #ff28f8 | — |
| entity.other.keyframe-offset.percentage.css, entity.other.keyframe-offset.css | #00ffaa | — |
| variable.parameter.keyframe-list.css | #FED604 | — |
| support.type.property-name.media.css | #ffad2a | — |
| support.function.misc.css | #ffad2a | — |
| support.function.calc.css | #ffad2a | — |
| support.function.gradient.css | #ffad2a | — |
| variable.css | #ff5c4e | — |
| variable.argument.css | #ff5c4e | — |
| meta.at-rule.media.header.css | #f15a4c | — |
| entity.other.attribute-name.pseudo-class.css | #1aff00 | — |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #1ab2f8 | — |
| text.html.derivative | #ffffff | — |
| meta.tag.metadata.meta.void.html,punctuation.separator.key-value.html | #FF9615 | — |
| meta.attribute.border.html | #FED604 | — |
| entity.other.attribute-name.id.html | #ff5ac0 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #327bdb | — |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #37E7AC | — |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | — |
| meta.toc-list.id | #88F2AF | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.handlebars | #dadada | — |
| support.type.property-name.css | #00fffb | — |
| meta.property-list.css | #ff7125 | — |
| entity.other.attribute-name.id.css | #ff9500 | — |
| punctuation.separator.list.comma.css | #c5c5c5 | — |
| keyword.other.unit | #fee904 | — |
| entity.name.tag.css, meta.selector.css | #00B2FF | — |
| keyword.control.at-rule.media.css | #ab54fd | — |
| constant.other.color.rgb-value.hex.css | #e1e1e1 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #FED604 | — |
| support.constant.color.current.css | #FED604 | — |
| constant.numeric.css | #FEE904 | — |
| punctuation.definition.string.begin.css,string.quoted.double.css,punctuation.definition.string.end.css,string.quoted.double.css | #b6b6b6 | — |
| entity.other.attribute-name.css | #37E7AC | — |
| keyword.operator.pattern.css | #37E7AC | — |
| string.quoted.double.json | #ffffff | — |
| support.type.property-name.json | #FED604 | — |
| punctuation.definition.string.end.json,punctuation.definition.string.begin.json | #21fd6b | — |
| constant.language.json | #f533db | — |
| constant.numeric.json | #f15a4c | — |
| constant.numeric.json | #f15a4c | — |
| source.shell | #f15a4c | — |
| string.unquoted.plain.out.yaml | #f15a4c | — |
| constant.language.boolean.yaml | #FED604 | — |
| constant.numeric.integer.yaml | #F39C12 | — |
| source.ignore | #F39C12 | — |
| storage.type.interface.ts, storage.type.interface.tsx, storage.type.interface.js, storage.type.interface.jsx | #f859b1 | italic |
| variable.object.property.ts, variable.object.property.tsx, variable.object.property.js, variable.object.property.jsx | #21fd6b | — |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js, support.type.primitive.jsx | #21fd6b | bold |
| string.quoted.single.js,punctuation.definition.string.end.js,punctuation.definition.string.begin.js,string.quoted.single.ts,string.quoted.single.tsx | #21fd6b | — |
| string.quoted.double.js,string.quoted.double.ts,string.quoted.double.tsx | #bebebe | — |
| meta.object-literal.key.js,meta.object-literal.key.ts,meta.object-literal.key.tsx | #7cff54 | — |
| keyword.control.default.js,keyword.control.default.ts,keyword.control.default.tsx | #ff5a4b | — |
| switch-block.expr.js,switch-block.expr.ts,switch-block.expr.tsx | #ff5a4b | — |
| meta.object.member.js,meta.object.member.ts,meta.object.member.tsx | #E2E2E2EC | — |
| punctuation.separator.parameter.js,punctuation.separator.parameter.ts,punctuation.separator.parameter.tsx | #E2E2E2EC | — |
| punctuation.definition.section.case-statement.js,punctuation.definition.section.case-statement.ts,punctuation.definition.section.case-statement.tsx | #E2E2E2EC | — |
| storage.modifier.async.js,constant.language.null.js,constant.language.undefined.js,storage.modifier.async.ts,constant.language.null.ts,constant.language.undefined.ts,storage.modifier.async.tsx,constant.language.null.tsx,constant.language.undefined.tsx | #2493fa | bold |
| constant.language.boolean.true.js,constant.language.boolean.true.ts,constant.language.boolean.true.tsx | #46fc55 | — |
| constant.language.boolean.false.js,constant.language.boolean.false.ts,constant.language.boolean.false.tsx | #ee1f18 | — |
| support.type.object.module.js,support.type.object.module.ts,support.type.object.module.tsx | #F39C12 | — |
| punctuation.terminator.statement.js,punctuation.separator.comma.js,punctuation.terminator.statement.ts,punctuation.separator.comma.ts,punctuation.terminator.statement.tsx,punctuation.separator.comma.tsx | #efefefec | — |
| variable.other.readwrite.js,meta.definition.variable.js,meta.var-single-variable.expr.js,variable.other.readwrite.ts,meta.definition.variable.ts,meta.var-single-variable.expr.ts,variable.other.readwrite.tsx,meta.definition.variable.tsx,meta.var-single-variable.expr.tsx | #ffffff | — |
| meta.jsx.children.js.jsx, meta.jsx.children.js, meta.jsx.children.tsx, meta.jsx.children.ts | #ffffff | — |
| variable.language.this.js, variable.language.this.ts, variable.language.this.tsx | #f859b1 | — |
| entity.other.inherited-class.js,entity.other.inherited-class.ts,entity.other.inherited-class.tsx | #f859b1 | — |
| support.class.builtin.js,support.class.builtin.ts,support.class.builtin.tsx | #f859b1 | — |
| variable.other.readwrite.alias.js,meta.var.expr.js,variable.other.readwrite.alias.ts,meta.var.expr.ts,variable.other.readwrite.alias.tsx,meta.var.expr.tsx | #2493FA | — |
| variable.parameter.js,variable.parameter.ts,variable.parameter.tsx | #00ffd9 | bold |
| string.template.js,punctuation.definition.string.template.begin.js,punctuation.definition.string.template.end.js,string.template.ts,punctuation.definition.string.template.begin.ts,punctuation.definition.string.template.end.ts,string.template.tsx,punctuation.definition.string.template.begin.tsx,punctuation.definition.string.template.end.tsx | #21fd6b | — |
| meta.template.expression.js,punctuation.definition.template-expression.begin.js,meta.template.expression.ts,punctuation.definition.template-expression.begin.ts,meta.template.expression.tsx,punctuation.definition.template-expression.begin.tsx, | #21fd6b | — |
| comment.block.js. comment.line.double-slash.js,comment.block.ts. comment.line.double-slash.ts,comment.block.tsx. comment.line.double-slash.tsx | — | bold |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.begin.tsx | #21fd6b | — |
| keyword.control.import.js,meta.import.js, keyword.control.from.js,keyword.control.import.ts,meta.import.ts, keyword.control.from.ts,keyword.control.import.tsx,meta.import.tsx, keyword.control.from.tsx | — | bold |
| punctuation.definition.template-expression.end.js,punctuation.definition.template-expression.end.ts,punctuation.definition.template-expression.end.tsx | #4d595f | — |
| punctuation.definition.template-expression.begin.js,punctuation.definition.template-expression.begin.ts,punctuation.definition.template-expression.begin.tsx | #4d595f | — |
| meta.embedded.line.js,meta.embedded.line.ts,meta.embedded.line.tsx | #00ffd9 | — |
| meta.function-call.js,variable.other.object.js,meta.function-call.ts,variable.other.object.ts,meta.function-call.tsx,variable.other.object.tsx | #00e5ff | — |
| entity.name.function.js,support.variable.property.js,variable.other.property.js,entity.name.function.ts,support.variable.property.ts,variable.other.property.ts,entity.name.function.tsx,support.variable.property.tsx,variable.other.property.tsx | #ffee00 | — |
| storage.type.js,storage.type.function.js,storage.type.class.js,storage.type.function.arrow.js,torage.modifier.js,meta.class.js,storage.type.ts,storage.type.function.ts,storage.type.class.ts,storage.type.function.arrow.ts,meta.class.ts,storage.type.tsx,storage.type.function.tsx,storage.type.class.tsx,storage.type.function.arrow.tsx,meta.class.tsx | #c16aff | italic |
| entity.name.type.class.js,entity.name.type.class.ts,entity.name.type.class.tsx | #f859b1 | — |
| constant.numeric.decimal.js,constant.numeric.decimal.ts,constant.numeric.decimal.tsx | #F39C12 | — |
| punctuation.section.embedded.begin.php | #aa95f7 | — |
| punctuation.section.embedded.end.php | #aa95f7 | — |
| punctuation.definition.variable | #E26674 | — |
| variable.other.php,variable.other.global.php,variable.other.property.php | #E26674 | — |
| constant.numeric.decimal.php | #F39C12 | — |
| support.function.construct.output.php,meta.function-call.php,support.class.php | #F39C12 | — |
| string.quoted.single.php,string.quoted.double.php | #b6b6b6 | — |
| constant.language.php | #FED604 | — |
| storage.type.function.php,storage.type.php,storage.type.php,meta.function.parameter.typehinted.php,storage.type.class.php,storage.modifier.php,storage.modifier.extends.php,storage.type.trait.php,storage.modifier.final.php | #b267e6 | italic |
| entity.name.function.php,support.function.constructor.php,support.function.magic.php,support.class.builtin.php | #FED604 | — |
| storage.modifier.implements.php | #b267e6 | — |
| entity.name.type.class.php,variable.language.this.php,entity.name.type.trait.php | #f859b1 | — |
| entity.other.inherited-class.php | #f859b1 | bold underline |
| entity.other.alias.php | #f859b1 | — |
| support.class.php,meta.use.php | #f859b1 | — |
| variable.other.global.safer.php | #E26674 | — |
| variable.other.class.php | #E26674 | — |
| support.function.construct.php, meta.array.php | #F39C12 | — |
| constant.other.class.php | #F39C12 | — |
| constant.other.php | #F39C12 | — |
| support.other.namespace.php | #fca420 | — |
| entity.name.type.namespace.php | #fca420 | — |
| keyword.other.sql, keyword | #ff9615 | — |
| support.function.table.sql, source.sql | #37E7AC | — |
| keyword.operator.comparison.sql, source.sql | #0C88FF | — |
| keyword.other.DML.sql | #f8ec40 | — |
| source.sql | #f44747 | — |
| storage.modifier.sql | #0C88FF | — |
| variable.scss | #CC6699 | — |
| meta.definition.variable.scss | #E26662 | — |
| source.css.scss | #CC6699 | — |
| punctuation.separator.key-value.scss,punctuation.terminator.rule.scss,punctuation.terminator.rule.css | #c8c8c8 | — |
| punctuation.definition.string.begin.scss,punctuation.definition.string.end.scss | #37E7AC | — |
| keyword.control.at-rule.include.scss | #B267E6 | — |
| keyword.control.at-rule.mixin.scss | #B267E6 | — |
| keyword.control.at-rule.use.scss | #B267E6 | — |
| entity.name.function.scss | #B267E6 | — |
| punctuation.section.property-list.begin.bracket.curly.scss,punctuation.section.property-list.end.bracket.curly.scss | #c8c8c8 | — |
| punctuation.definition.heading.markdown, markup.heading.markdown | #0C88FF | — |
| markup.italic.markdown | #eb0cff | italic |
| punctuation.definition.bold.markdown,markup.bold.markdown | #db1c75 | — |
| markup.quote.markdown | #41aeec | — |
| markup.underline.link.markdown,meta.link.inline.markdown | #1f22fa | — |
| markup.underline.link.markdown,meta.link.inline.markdown | #7538e6 | — |
| markup.list.unnumbered.markdown | #e6e336 | — |
| markup.list.numbered.markdown | #d3aa25 | — |
| markup.inline.raw.string.markdown | #eb6632 | — |
| meta.paragraph.markdown | #ffffff | — |
| comment | #4d595f | bold |
| markup.fenced_code.block.markdown | #b132eb | — |
| punctuation.separator.key-value.css | #c2c2c2 | — |
| markup.raw.block.markdown | #2c7233 | bold |
| entity.name.function.mongodb | #fca420 | — |
| variable.other.object.property.mongodb | #fca420 | — |
| string.quoted.single.mongodb,string.quoted.double.mongodb | #b6b6b6 | — |
| variable.other.object.mongodb,meta.function-call.mongodb,support.function.mongodb | #FED604 | — |
| variable.other.property.mongodb, constant.numeric.decimal.mongodb | #fca420 | — |
| variable.other.constant.object.property.mongodb | #fca420 | — |
| variable.other.readwrite.mongodb,meta.object-literal.key.mongodb | #f44747 | — |
| punctuation.accessor.mongodb | #e6f0ee | — |
| variable.other.env | #FED604 | — |
| constant.language.env,source.env | #21fd6b | — |
| keyword.operator.assignment.env | #00ffd9 | — |
| constant.numeric.env | #F39C12 | — |
| comment.line.double-slash.js, comment.line.number-sign.python | — | bold |
| source.python | #00FFD9 | — |
| constant.numeric.dec.python | #F39C12 | — |
| constant.numeric.float.python | #e6e336 | — |
| string.quoted.single.python | #21FD6B | — |
| support.function.builtin.python, meta.function-call.python, entity.name.function.python, support.function.magic.python | #FED604 | — |
| punctuation.separator.dict.python, punctuation.separator.element.python | #B267E6 | — |
| keyword.control.flow.python, storage.type.function.python, storage.type.class.python | #B267E6 | italic |
| entity.name.type.class.python | #F859B1 | — |
| keyword.operator.comparison.python, keyword.operator.bitwise.python | #2796ff | — |
| meta.function-call.arguments.python | #00FFD9 | — |
| meta.attribute.python | #ff6152 | — |
| constant.language.python | #ff5d4e | — |
| punctuation.separator.colon.python, punctuation.separator.arguments.python | #B267E6 | — |
| string.quoted.single.cpp,punctuation.definition.string.end.cpp,punctuation.definition.string.begin.cpp | #21fd6b | — |
| string.quoted.double.cpp | #b6b6b6 | — |
| meta.object-literal.key.cpp | #ffffff | — |
| keyword.control.default.cpp | #ff5a4b | — |
| switch-block.expr.cpp | #ff5a4b | — |
| meta.object.member.cpp | #E2E2E2EC | — |
| punctuation.separator.parameter.cpp | #E2E2E2EC | — |
| punctuation.definition.section.case-statement.cpp | #E2E2E2EC | — |
| storage.modifier.async.cpp,constant.language.null.cpp,constant.language.undefined.cpp | #2493fa | — |
| constant.language.boolean.true.cpp | #46fc55 | — |
| constant.language.boolean.false.cpp | #ee1f18 | — |
| support.type.object.module.cpp | #F39C12 | — |
| punctuation.terminator.statement.cpp,punctuation.separator.comma.cpp | #aaa8a8ec | — |
| variable.other.readwrite.cpp,meta.definition.variable.cpp,meta.var-single-variable.expr.cpp | #ffffff | — |
| variable.language.this.cpp | #f859b1 | — |
| entity.other.inherited-class.cpp | #f859b1 | — |
| support.class.builtin.cpp | #f859b1 | — |
| variable.other.readwrite.alias.cpp,meta.var.expr.cpp | #FED604 | — |
| variable.parameter.cpp | #00ffd9 | — |
| string.template.cpp,punctuation.definition.string.template.begin.cpp,punctuation.definition.string.template.end.cpp | #21fd6b | — |
| meta.template.expression.cpp,punctuation.definition.template-expression.begin.cpp, | #21fd6b | — |
| punctuation.definition.template-expression.begin.cpp, | #21fd6b | — |
| punctuation.definition.template-expression.end.cpp | #4d595f | — |
| punctuation.definition.template-expression.begin.cpp | #4d595f | — |
| meta.embedded.line.cpp | #00ffd9 | — |
| meta.function-call.cpp,variable.other.object.cpp | #74efff | — |
| entity.name.function.cpp,support.variable.property.cpp,variable.other.property.cpp | #FED604 | — |
| entity.name.namespace.cpp | #f859b1 | — |
| constant.numeric.decimal.cpp | #F39C12 | — |
| storage.type.built-in.primitive.cpp | #c16aff | — |
| string.quoted.single.cs,string.quoted.double.cs,punctuation.definition.string.end.cs,punctuation.definition.string.begin.cs | #21fd6b | — |
| keyword.control.default.cs | #ff5a4b | — |
| meta.object-literal.key.cs | #7cff54 | — |
| meta.object.member.cs | #E2E2E2EC | — |
| punctuation.separator.parameter.cs | #E2E2E2EC | — |
| constant.language.boolean.true.cs | #46fc55 | — |
| constant.language.boolean.false.cs | #ee1f18 | — |
| support.type.object.module.cs | #F39C12 | — |
| punctuation.terminator.statement.cs,punctuation.separator.comma.cs | #efefefec | — |
| variable.other.readwrite.cs,meta.definition.variable.cs,meta.var-single-variable.expr.cs | #ffffff | — |
| meta.children.cs | #ffffff | — |
| variable.language.this.cs | #f859b1 | — |
| entity.other.inherited-class.cs | #f859b1 | — |
| support.class.builtin.cs | #f859b1 | — |
| variable.parameter.cs | #00ffd9 | bold |
| string.template.cs,punctuation.definition.string.template.begin.cs,punctuation.definition.string.template.end.cs | #21fd6b | — |
| meta.template.expression.cs,punctuation.definition.template-expression.begin.cs,punctuation.definition.template-expression.end.cs | #21fd6b | — |
| comment.block.cs,comment.line.double-slash.cs | — | bold |
| meta.function-call.cs,variable.other.object.cs | #00e5ff | — |
| entity.name.function.cs,support.variable.property.cs,variable.other.property.cs | #ffee00 | — |
| storage.type.cs,storage.type.function.cs,storage.type.class.cs,storage.type.function.arrow.cs,meta.class.cs | #c16aff | italic |
| entity.name.type.class.cs | #f859b1 | — |
| constant.numeric.decimal.cs | #F39C12 | — |
| entity.name.variable.field.cs | #c16aff | italic |
| entity.name.type.cs | #c16aff | italic |
| estorage.modifier.private.cs,storage.modifier.public.cs,storage.modifier.protected.cs,storage.modifier.internal.cs,storage.modifier.protected-internal.cs,storage.modifier.private-protected.cs | #f859b1 | — |
| storage.modifier.async.cs | #2493fa | bold |
| entity.name.type.namespace.cs | #d5d800 | bold |
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}!`;
}