Monochromator
Publisher: beemThemes in package: 16
Distraction-free monochrome coding theme
Distraction-free monochrome coding theme
The requested theme was not found on this page; showing the first available theme.
Full workbench mockup using this variant's colors and tokenColors.
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.character.escape.content.typst, constant.other.symbol.typst, entity.name.function.hash.typst, entity.name.operator.cpp, keyword.control.equation.align.latex, keyword.control.equation.newline.latex, keyword.control.flow.block-scalar.literal.yaml, keyword.control.newline.tex, keyword.control.table.cell.latex, keyword.control.table.newline.latex, keyword.control.ternary, keyword.operator, keyword.other.r, keyword.symbol, markup.content.brace.typst, markup.heading.setext, meta.brace.curly.typst, meta.brace.round.js, meta.brace.round.ts, meta.brace.round.typst, meta.brace.square.js, meta.brace.square.ts, meta.brace.square.typst, meta.entry.braces.bibtex, meta.separator.markdown, punctuation, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.hashkey.ruby, punctuation.definition.constant.markdown, punctuation.definition.constant.math.tex, punctuation.definition.constant.ruby, punctuation.definition.entity.function.2.nix, punctuation.definition.entity.function.nix, punctuation.definition.heading.typst, punctuation.definition.keyword.latex, punctuation.definition.keyword.tex, punctuation.definition.raw.begin.typst, punctuation.definition.raw.end.typst, punctuation.definition.string.begin.latex, punctuation.definition.string.begin.math.typst, punctuation.definition.string.begin.tex, punctuation.definition.string.end.latex, punctuation.definition.string.end.math.typst, punctuation.definition.string.end.tex, storage.modifier.array, storage.modifier.pointer, storage.modifier.reference, storage.type.function.arrow, variable.parameter.function.4.nix | #808086 | normal |
| keyword.other.documentation, meta.shebang.shell, punctuation.definition.block.tag.jsdoc, storage.type.class.doxygen, storage.type.class.jsdoc | #808086 | bold italic |
| comment, entity.name.type.instance.jsdoc, markup.quote, punctuation.definition.comment, variable.other.jsdoc | #808086 | italic |
| constant, constant.language.register, constant.language.symbol.hashkey.ruby, constant.language.symbol.ruby, constant.other.bareword, constant.other.caps, constant.other.class, constant.other.database-name, constant.other.enum, constant.other.haskell, constant.other.key, constant.other.option, constant.other.reference, constant.other.table-name, entity.name.function.preprocessor, entity.name.section.latex, entity.name.type.class, entity.name.type.entry-key.bibtex, entity.name.type.enum, entity.name.type.package.go, entity.name.type.struct.rust, entity.name.type.trait.rust, keyword.label.assembly, markup.bold.textbf.latex, markup.italic.emph.latex, markup.italic.textit.latex, meta.interpolation.rust, punctuation.definition.variable, storage.modifier.import, storage.modifier.package, string.other.link.description.markdown, string.other.link.title.markdown, string.unquoted.argument.shell, string.unquoted.plain.out.yaml, support.class.latex, support.class.math.block.environment.latex, support.class.math.block.tex, support.type.property-name, support.type.vendored.property-name, variable.language, variable.other, variable.parameter.positional.shell, variable.parameter.ts | #e7e7e7 | normal |
| constant.character.escape.markdown, constant.character.escape.tex, constant.character.math.tex, constant.other.general.math.tex, constant.other.math.tex, entity.name.command.shell, entity.name.function.decorator, entity.name.function.instructions, entity.name.function.math.tex, entity.name.section, entity.name.tag, entity.name.type, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class, keyword, keyword.operator.new, keyword.operator.word.mnemonic, markup.bold, markup.heading.typst, punctuation.definition.annotation, punctuation.definition.attribute, punctuation.definition.decorator, punctuation.definition.directive, punctuation.definition.entity, punctuation.definition.include, punctuation.definition.keyword, punctuation.definition.string.heredoc.delimiter.shell, storage.modifier, storage.modifier.sql, storage.type, support.class, support.constant.subsections, support.function.be.latex, support.function.builtin.shell, support.function.emph.latex, support.function.footnote.latex, support.function.general.tex, support.function.marginpar.latex, support.function.mips, support.function.mnemonic, support.function.pseudo.mips, support.function.riscv, support.function.section.latex, support.function.textbf.latex, support.function.textit.latex, support.function.texttt.latex, support.function.verb.latex, support.type, support.type.property-name.table.toml, variable.language.self, variable.language.special.self, variable.language.super, variable.language.this, variable.other.readwrite.hash.typst, variable.other.readwrite.typst | #ffffff | bold |
| entity.name.function, keyword.operator.sizeof, support.function | #e7e7e7 | italic |
| constant.character, constant.numeric, constant.other, keyword.other.unit, markup.inline.raw, meta.key-assignment.bibtex, punctuation.definition.char, punctuation.definition.constant, punctuation.definition.raw, punctuation.definition.reference.typst, punctuation.definition.string, punctuation.separator.dot.decimal, string | #02a9ff | normal |
| constant.character.escape, constant.character.format.placeholder, constant.language, constant.other.placeholder, keyword.constant, keyword.format.specifier, punctuation.definition.group.begin.bibtex, punctuation.definition.group.end.bibtex, punctuation.definition.interpolation, punctuation.definition.template-expression, punctuation.definition.variable.shell, storage.type.string.python, string.quoted.byte.raw | #02a9ff | bold |
| markup.italic | #e7e7e7 | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| constant.character.escape.content.typst, constant.other.symbol.typst, entity.name.function.hash.typst, entity.name.operator.cpp, keyword.control.equation.align.latex, keyword.control.equation.newline.latex, keyword.control.flow.block-scalar.literal.yaml, keyword.control.newline.tex, keyword.control.table.cell.latex, keyword.control.table.newline.latex, keyword.control.ternary, keyword.operator, keyword.other.r, keyword.symbol, markup.content.brace.typst, markup.heading.setext, meta.brace.curly.typst, meta.brace.round.js, meta.brace.round.ts, meta.brace.round.typst, meta.brace.square.js, meta.brace.square.ts, meta.brace.square.typst, meta.entry.braces.bibtex, meta.separator.markdown, punctuation, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.hashkey.ruby, punctuation.definition.constant.markdown, punctuation.definition.constant.math.tex, punctuation.definition.constant.ruby, punctuation.definition.entity.function.2.nix, punctuation.definition.entity.function.nix, punctuation.definition.heading.typst, punctuation.definition.keyword.latex, punctuation.definition.keyword.tex, punctuation.definition.raw.begin.typst, punctuation.definition.raw.end.typst, punctuation.definition.string.begin.latex, punctuation.definition.string.begin.math.typst, punctuation.definition.string.begin.tex, punctuation.definition.string.end.latex, punctuation.definition.string.end.math.typst, punctuation.definition.string.end.tex, storage.modifier.array, storage.modifier.pointer, storage.modifier.reference, storage.type.function.arrow, variable.parameter.function.4.nix | #808086 | normal |
| keyword.other.documentation, meta.shebang.shell, punctuation.definition.block.tag.jsdoc, storage.type.class.doxygen, storage.type.class.jsdoc | #808086 | bold italic |
| comment, entity.name.type.instance.jsdoc, markup.quote, punctuation.definition.comment, variable.other.jsdoc | #808086 | italic |
| constant, constant.language.register, constant.language.symbol.hashkey.ruby, constant.language.symbol.ruby, constant.other.bareword, constant.other.caps, constant.other.class, constant.other.database-name, constant.other.enum, constant.other.haskell, constant.other.key, constant.other.option, constant.other.reference, constant.other.table-name, entity.name.function.preprocessor, entity.name.section.latex, entity.name.type.class, entity.name.type.entry-key.bibtex, entity.name.type.enum, entity.name.type.package.go, entity.name.type.struct.rust, entity.name.type.trait.rust, keyword.label.assembly, markup.bold.textbf.latex, markup.italic.emph.latex, markup.italic.textit.latex, meta.interpolation.rust, punctuation.definition.variable, storage.modifier.import, storage.modifier.package, string.other.link.description.markdown, string.other.link.title.markdown, string.unquoted.argument.shell, string.unquoted.plain.out.yaml, support.class.latex, support.class.math.block.environment.latex, support.class.math.block.tex, support.type.property-name, support.type.vendored.property-name, variable.language, variable.other, variable.parameter.positional.shell, variable.parameter.ts | #e7e7e7 | normal |
| constant.character.escape.markdown, constant.character.escape.tex, constant.character.math.tex, constant.other.general.math.tex, constant.other.math.tex, entity.name.command.shell, entity.name.function.decorator, entity.name.function.instructions, entity.name.function.math.tex, entity.name.section, entity.name.tag, entity.name.type, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class, keyword, keyword.operator.new, keyword.operator.word.mnemonic, markup.bold, markup.heading.typst, punctuation.definition.annotation, punctuation.definition.attribute, punctuation.definition.decorator, punctuation.definition.directive, punctuation.definition.entity, punctuation.definition.include, punctuation.definition.keyword, punctuation.definition.string.heredoc.delimiter.shell, storage.modifier, storage.modifier.sql, storage.type, support.class, support.constant.subsections, support.function.be.latex, support.function.builtin.shell, support.function.emph.latex, support.function.footnote.latex, support.function.general.tex, support.function.marginpar.latex, support.function.mips, support.function.mnemonic, support.function.pseudo.mips, support.function.riscv, support.function.section.latex, support.function.textbf.latex, support.function.textit.latex, support.function.texttt.latex, support.function.verb.latex, support.type, support.type.property-name.table.toml, variable.language.self, variable.language.special.self, variable.language.super, variable.language.this, variable.other.readwrite.hash.typst, variable.other.readwrite.typst | #ffffff | bold |
| entity.name.function, keyword.operator.sizeof, support.function | #e7e7e7 | italic |
| constant.character, constant.numeric, constant.other, keyword.other.unit, markup.inline.raw, meta.key-assignment.bibtex, punctuation.definition.char, punctuation.definition.constant, punctuation.definition.raw, punctuation.definition.reference.typst, punctuation.definition.string, punctuation.separator.dot.decimal, string | #02a9ff | normal |
| constant.character.escape, constant.character.format.placeholder, constant.language, constant.other.placeholder, keyword.constant, keyword.format.specifier, punctuation.definition.group.begin.bibtex, punctuation.definition.group.end.bibtex, punctuation.definition.interpolation, punctuation.definition.template-expression, punctuation.definition.variable.shell, storage.type.string.python, string.quoted.byte.raw | #02a9ff | bold |
| markup.italic | #e7e7e7 | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| comment | #808086 | italic |
TypeScript sample highlighted with this variant's colors and tokenColors.
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}!`;
}