High Contrast Dark Theme
Publisher: JDSEThemes in package: 1
High Contrast Dark Theme to Enhance the Syntax of the Following Languages: Python, Julia, Ruby, Lua, CoffeeScript, R, Javascript, PHP, HTML, CSS, JSON, Markdown, XML, YAML.
High Contrast Dark Theme to Enhance the Syntax of the Following Languages: Python, Julia, Ruby, Lua, CoffeeScript, R, Javascript, PHP, HTML, CSS, JSON, Markdown, XML, YAML.
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, string.quoted.docstring.multi.python | #98AFFF | — |
| keyword.control, storage.type.function, storage.type.class.python, storage.type.class, storage.modifier.declaration.python, storage.type.js, keyword.operator.expression.instanceof.js, keyword.operator.logical, storage.modifier.async.js, storage.modifier.js, keyword.operator, keyword.operator.new.js, keyword.operator.expression.in.js, keyword.other.julia, keyword.local.lua, entity.name.tag.html, keyword.operator.expression.of.js | #FF0000 | — |
| meta.function-call | #67E480 | — |
| entity.name.function, support.function.magic.python | #67E480 | — |
| entity.name.type.class.python, entity.name.type.class | #67E480 | — |
| support.class.promise.js | #67E480 | — |
| entity.other.inherited-class.js | #67E480 | — |
| variable.language.super.js | #67E480 | — |
| variable.language.this.js | #6272A4 | — |
| meta.function-call.arguments, meta.embedded.line.js, variable.other.object.property.js, meta.function-call.js, meta.block.js, meta.function.js | #ffffff | — |
| variable.parameter, variable.language.special.self.python | #6272A4 | — |
| string.quoted.single, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, string.template.js, string.quoted.double.js, string.quoted.double.julia, string.quoted.double.r, string.quoted.double.lua, string.quoted.double.html, string.quoted.double.css, string.quoted.double.json, markup.inline.raw.string.markdown, string.quoted.binary.single.python, string.regexp.quoted.single.python, string.quoted.multi.python | #FFFF00 | — |
| constant.numeric.decimal, constant.numeric.dec.python, constant.numeric.float.python | #BD93F9 | — |
| keyword.operator | #D4D4D4 | — |
| punctuation.definition.list.begin.python, punctuation.definition.list.end.python | #BD93F9 | — |
| storage.type.string.python | #569CD6 | — |
| constant.language.python | #98AFFF | — |
| constant.language.boolean | #98AFFF | — |
| constant.language.null.js | #98AFFF | — |
| variable.interpolation.julia | #ffffff | — |
| support.function.julia | #67E480 | — |
| constant.numeric.julia | #BD93F9 | — |
| constant.language.julia | #98AFFF | — |
| support.function.r | #67E480 | — |
| constant.numeric.float.decimal.r | #BD93F9 | — |
| constant.language.r | #98AFFF | — |
| support.function.lua | #67E480 | — |
| support.function.library.lua | #67E480 | — |
| support.function.any-method.lua | #67E480 | — |
| constant.numeric.float.lua | #BD93F9 | — |
| constant.language.lua | #98AFFF | — |
| storage.type.r | #67E480 | — |
| entity.other.attribute-name.html | #6272A4 | — |
| support.type.property-name.css | #6272A4 | — |
| constant.numeric.css | #BD93F9 | — |
| entity.name.tag.css | #FF0000 | — |
| entity.other.attribute-name.css | #6272A4 | — |
| entity.other.attribute-name.class.css | #FF0000 | — |
| entity.other.attribute-name.pseudo-class.css | #FF0000 | — |
| entity.other.attribute-name.id.css | #FF0000 | — |
| support.constant.font-name.css | #0437F2 | — |
| constant.other.color.rgb-value.hex.css | #0437F2 | — |
| support.constant.property-value.css | #0437F2 | — |
| support.function.misc.css | #0437F2 | — |
| meta.property-value.css | #0437F2 | — |
| constant.numeric.json | #6A6AC4 | — |
| constant.language.json | #FF0000 | — |
| entity.name.section.markdown | #98AFFF | — |
| punctuation.definition.heading.markdown | #98AFFF | — |
| string.other.link.title.markdown | #6272A4 | — |
| markup.underline.link.markdown | #0437F2 | — |
| string.other.link.description.markdown | #6272A4 | — |
| markup.underline.link.image.markdown | #0437F2 | — |
| markup.bold.markdown | #0000FF | — |
| markup.italic.markdown | #0000FF | — |
| markup.strikethrough.markdown | #0000FF | — |
| punctuation.definition.heading.markdown | #FF0000 | — |
| punctuation.definition.italic.markdown | #FF0000 | — |
| punctuation.definition.bold.markdown | #FF0000 | — |
| punctuation.definition.strikethrough.markdown | #FF0000 | — |
| punctuation.definition.link.markdown | #FF0000 | — |
| punctuation.definition.markdown | #FF0000 | — |
| fenced_code.block.language.markdown | #FFAC1C | — |
| punctuation.definition.list.begin.markdown | #FF0000 | — |
| punctuation.definition.link.title.begin.markdown | #FF0000 | — |
| punctuation.definition.link.title.end.markdown | #FF0000 | — |
| punctuation.definition.metadata.markdown | #FF0000 | — |
| punctuation.definition.link.description.begin.markdown | #FF0000 | — |
| punctuation.definition.link.description.end.markdown | #FF0000 | — |
| punctuation.definition.quote.begin.markdown | #FF0000 | — |
| punctuation.definition.math.begin.markdown | #FF0000 | — |
| punctuation.definition.math.end.markdown | #FF0000 | — |
| meta.separator.markdown | #FF0000 | — |
| storage.type.format.python | #569CD6 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #98AFFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFFFFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #67E480 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9FA9C6 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff5e5e | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #98AFFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFFFFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #67E480 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9FA9C6 | — |
| entity.name.tag.localname.xml | #FF0000 | — |
| string.quoted.double.xml | #FFFF00 | — |
| entity.other.attribute-name.localname.xml | #6272A4 | — |
| entity.other.attribute-name.xml | #6272A4 | — |
| entity.name.tag.xml | #FF0000 | — |
| punctuation.section.embedded.begin.php | #FF0000 | — |
| punctuation.section.embedded.end.php | #FF0000 | — |
| variable.other.php | #FFFFFF | — |
| string.quoted.double.php | #FFFF00 | — |
| string.quoted.single.php | #FFFF00 | — |
| constant.language.php | #98AFFF | — |
| support.function.construct.output.php | #67E480 | — |
| constant.character.escape.php | #569CD6 | — |
| punctuation.section.array.begin.php | #569CD6 | — |
| punctuation.section.array.end.php | #569CD6 | — |
| storage.modifier.php | #FF0000 | — |
| keyword.other.new.php | #FF0000 | — |
| variable.language.this.php | #6272A4 | — |
| support.class.php | #67E480 | — |
| support.function.constructor.php | #67E480 | — |
| variable.other.property.php | #FFFFFF | — |
| string.quoted.double.coffee | #FFFF00 | — |
| entity.name.type.instance.coffee | #67E480 | — |
| keyword.operator.new.coffee | #FF0000 | — |
| variable.other.readwrite.instance.coffee | #FFFFFF | — |
| variable.other.object.coffee | #FFFFFF | — |
| support.function.coffee | #67E480 | — |
| entity.other.inherited-class.coffee | #67E480 | — |
| variable.language.super.coffee | #67E480 | — |
| string.quoted.double.heredoc.coffee | #FFFF00 | — |
| source.coffee.embedded.source | #FFFFFF | — |
| meta.arguments.coffee | #FFFFFF | — |
| punctuation.section.embedded.coffee | #569CD6 | — |
| punctuation.definition.arguments.begin.bracket.round.coffee | #FFFF00 | — |
| punctuation.definition.arguments.end.bracket.round.coffee | #FFFF00 | — |
| support.function.dom.coffee | #67E480 | — |
| constant.language.null.coffee | #98AFFF | — |
| keyword.operator.instanceof.coffee | #FF0000 | — |
| string.quoted.double.yaml | #FFFF00 | — |
| string.quoted.single.yaml | #FFFF00 | — |
| string.unquoted.plain.out.yaml | #FFFF00 | — |
| entity.name.tag.yaml | #FFFFFF | — |
| punctuation.definition.block.sequence.item.yaml | #569CD6 | — |
| entity.other.document.begin.yaml | #569CD6 | — |
| entity.other.document.end.yaml | #569CD6 | — |
| constant.numeric.integer.yaml | #BD93F9 | — |
| constant.numeric.float.yaml | #BD93F9 | — |
| constant.language.boolean.yaml | #FF0000 | — |
| constant.language.null.yaml | #FF0000 | — |
| constant.other.timestamp.yaml | #98AFFF | — |
| string.unquoted.block.yaml | #FFFF00 | — |
| entity.name.type.anchor.yaml | #6272A4 | — |
| variable.other.alias.yaml | #6272A4 | — |
| string.unquoted.plain.in.yaml | #FFFF00 | — |
| punctuation.definition.directive.begin.yaml | #B2BEB5 | — |
| keyword.other.directive.tag.yaml | #B2BEB5 | — |
| meta.property.yaml | #B2BEB5 | — |
| support.type.tag-prefix.yaml | #B2BEB5 | — |
| storage.type.tag-handle.yaml | #B2BEB5 | — |
| constant.language.merge.yaml | #FF0000 | — |
| keyword.other.directive.yaml.yaml | #B2BEB5 | — |
| constant.numeric.yaml-version.yaml | #B2BEB5 | — |
| storage.modifier.chomping-indicator.yaml | #FF0000 | — |
| constant.character.format.placeholder.other.python | #569CD6 | — |
| entity.other.inherited-class.python | #67E480 | — |
| support.type.python | #67E480 | — |
| constant.other.caps.python | #FFFFFF | — |
| support.type.julia | #FF0000 | — |
| entity.name.class.lua | #67E480 | — |
| variable.language.self.lua | #6272A4 | — |
| meta.function.parameters.r | #6272A4 | — |
| storage.type.interface.php | #FF0000 | — |
| storage.modifier.extends.php | #FF0000 | — |
| storage.modifier.implements.php | #FF0000 | — |
| entity.name.type.interface.php | #67E480 | — |
| entity.other.inherited-class.php | #67E480 | — |
| storage.type.php | #FF0000 | — |
| support.function.magic.php | #67E480 | — |
| keyword.other.namespace.php | #FF0000 | — |
| storage.type.trait.php | #FF0000 | — |
| keyword.other.use.php | #FF0000 | — |
| entity.name.type.trait.php | #67E480 | — |
| keyword.other.clone.php | #FF0000 | — |
| keyword.operator.type.php | #FF0000 | — |
| storage.modifier.abstract.php | #FF0000 | — |
| storage.modifier.final.php | #FF0000 | — |
| entity.name.type.namespace.php | #67E480 | — |
| support.other.namespace.php | #67E480 | — |
| support.class.builtin.php | #67E480 | — |
| variable.language.this.coffee | #6272A4 | — |
| keyword.operator.expression.typeof.js | #FF0000 | — |
| punctuation.separator.period.python | #FFFFFF | — |
| punctuation.definition.decorator.python | #569CD6 | — |
| entity.name.function.decorator.python | #67E480 | — |
| variable.other.object.js | #1836df | — |
| entity.name.type.object.coffee | #1836df | — |
| keyword.other.special-method.ruby | #FF0000 | — |
| support.function.kernel.ruby | #67E480 | — |
| string.quoted.double.interpolated.ruby | #FFFF00 | — |
| string.quoted.single.ruby | #FFFF00 | — |
| variable.other.readwrite.instance.ruby | #FFFFFF | — |
| support.class.ruby | #67E480 | — |
| constant.numeric.ruby | #BD93F9 | — |
| meta.embedded.line.ruby | #FFFFFF | — |
| punctuation.section.embedded.begin.ruby | #FFFF00 | — |
| punctuation.section.embedded.end.ruby | #FFFF00 | — |
| string.unquoted.heredoc.ruby | #FFFF00 | — |
| constant.character.escape.ruby | #569CD6 | — |
| constant.language.nil.ruby | #98AFFF | — |
| constant.language.symbol.ruby | #FFFFFF | — |
| meta.function-call.ruby | #FFFFFF | — |
| punctuation.separator.inheritance.ruby | #FFFFFF | — |
| string.interpolated.ruby | #FFFF00 | — |
| entity.name.type.module.ruby | #67E480 | — |
| variable.other.readwrite.global.ruby | #FFFFFF | — |
| variable.argument.css | #FFFFFF | — |
| support.function.misc.css | #67E480 | — |
| support.function.transform.css | #67E480 | — |
| support.function.url.css | #67E480 | — |
| support.function.gradient.css | #67E480 | — |
| support.function.calc.css | #67E480 | — |
| support.function.timing-function.css | #67E480 | — |
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}!`;
}