Solarized Next+
Publisher: GippheThemes in package: 1
A dark solarized theme based on braver-solarized. Workbench styles included.
A dark solarized theme based on braver-solarized. Workbench styles included.
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 |
|---|---|---|
| — | #839496 | — |
| comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text, meta.documentation | #586E75 | italic |
| string | #2AA198 | — |
| string.regexp | #2AA198 | — |
| constant.character.escape | #DC322F | — |
| constant.numeric | #6C71C4 | — |
| variable | #268BD2 | — |
| variable.parameter, parameters variable.function, variable.language, variable.parameter.function.language.special.self.python | #CB4B16 | italic |
| keyword | #859900 | — |
| meta.import keyword, keyword.control.import, keyword.control.import.from, keyword.other.import, keyword.control.at-rule.include, keyword.control.at-rule.import | #CB4B16 | — |
| keyword.operator, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.arithmetic | #657B83 | — |
| storage | #859900 | — |
| storage.modifier | #93A1A1 | italic |
| entity.name.namespace | #839496 | — |
| keyword.control.class, entity.name, entity.name.class, entity.name.type.class | #B58900 | — |
| entity.name.type.parameter | #CB4B16 | italic |
| entity.other.inherited-class | #268BD2 | italic |
| entity.other.attribute-name | #B58900 | italic |
| support, support.type, support.class | #859900 | — |
| entity.name.function, variable.function, meta.block-level | #B58900 | — |
| punctuation.definition.variable | #859900 | — |
| constant, constant.language, meta.preprocessor | #B58900 | — |
| entity.name.section | #CB4B16 | — |
| support.function.construct, keyword.other.new | #CB4B16 | — |
| constant.character, constant.other | #CB4B16 | — |
| entity.name.tag | #268BD2 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #586E75 | — |
| support.function | #859900 | — |
| punctuation.separator.continuation | #DC322F | — |
| storage.type | #268BD2 | italic |
| support.type.exception | #CB4B16 | — |
| keyword.other.special-method | #CB4B16 | — |
| invalid | — | italic |
| string.quoted.double, string.quoted.single | #2AA198 | — |
| punctuation.definition.string | #839496 | — |
| meta.brace.square, punctuation.section.brackets | #268BD2 | — |
| meta.brace.round, meta.brace.curly, punctuation.section, punctuation.section.block, punctuation.definition.parameters, punctuation.section.group | #657B83 | — |
| support.constant.color, invalid.deprecated.color.w3c-non-standard-color-name.scss | #B58900 | — |
| meta.selector.css | #657B83 | — |
| entity.name.tag.css, entity.name.tag.scss, source.less keyword.control.html.elements, source.sass keyword.control.untitled | #B58900 | — |
| entity.other.attribute-name.class | #B58900 | italic |
| entity.other.attribute-name.id | #B58900 | italic |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.tag.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class | #268BD2 | italic |
| text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html | #657B83 | — |
| text.html.basic entity.other.attribute-name.html, meta.tag.xml entity.other.attribute-name | #B58900 | italic |
| keyword.other.special-method.ruby | #859900 | — |
| variable.other.constant.ruby | #B58900 | — |
| constant.other.symbol.ruby | #2AA198 | — |
| keyword.other.special-method.ruby | #CB4B16 | — |
| meta.array support.function.construct.php | #B58900 | — |
| entity.name.function.preprocessor.c, meta.preprocessor.c.include, meta.preprocessor.macro.c | #CB4B16 | — |
| meta.preprocessor.c.include string.quoted.other.lt-gt.include.c, meta.preprocessor.c.include punctuation.definition.string.begin.c, meta.preprocessor.c.include punctuation.definition.string.end.c | #2AA198 | — |
| other.package.exclude, other.remove | #DC322F | — |
| other.add | #2AA198 | — |
| punctuation.section.group.tex, punctuation.definition.arguments.begin.latex, punctuation.definition.arguments.end.latex, punctuation.definition.arguments.latex | #DC322F | — |
| meta.group.braces.tex | #B58900 | — |
| string.other.math.tex | #B58900 | — |
| variable.parameter.function.latex | #CB4B16 | italic |
| punctuation.definition.constant.math.tex | #DC322F | — |
| text.tex.latex constant.other.math.tex, constant.other.general.math.tex, constant.other.general.math.tex, constant.character.math.tex | #2AA198 | — |
| string.other.math.tex | #B58900 | — |
| punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex | #DC322F | — |
| keyword.control.label.latex, text.tex.latex constant.other.general.math.tex | #2AA198 | — |
| variable.parameter.definition.label.latex | #DC322F | italic |
| support.function.be.latex | #859900 | — |
| support.function.section.latex | #CB4B16 | — |
| support.function.general.tex | #2AA198 | — |
| keyword.control.ref.latex | #2AA198 | — |
| storage.type.class.python, storage.type.function.python, storage.modifier.global.python | #859900 | italic |
| support.type.exception.python | #B58900 | — |
| meta.scope.for-in-loop.shell, variable.other.loop.shell | #93A1A1 | — |
| meta.scope.case-block.shell, meta.scope.case-body.shell | #93A1A1 | — |
| punctuation.definition.logical-expression.shell | #DC322F | — |
| storage.modifier.c++ | #859900 | italic |
| support.function.perl | #268BD2 | — |
| meta.diff, meta.diff.header | #586E75 | — |
| meta.diff.range | #268BD2 | — |
| markup.deleted | #DC322F | — |
| markup.changed | #2AA198 | — |
| markup.inserted | #859900 | — |
| markup.heading, punctuation.definition.heading.markdown | #B58900 | bold |
| markup.quote | #859900 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline.link.markdown, meta.link.reference constant.other.reference.link.markdown | #2AA198 | — |
| constant.other.reference.link.markdown | #6C71C4 | — |
| meta.paragraph.markdown meta.dummy.line-break | — | — |
| sublimelinter.notes | #586E75 | — |
| sublimelinter.outline.illegal | #586E75 | — |
| sublimelinter.underline.illegal | — | — |
| sublimelinter.outline.warning | #839496 | — |
| sublimelinter.underline.warning | — | — |
| sublimelinter.outline.violation | #657B83 | — |
| sublimelinter.underline.violation | — | — |
| sublimelinter.mark.warning | #B58900 | — |
| sublimelinter.mark.error | #DC322F | — |
| sublimelinter.gutter-mark | #657B83 | — |
| brackethighlighter.all | #586E75 | — |
| entity.name.filename.find-in-files | #2AA198 | — |
| constant.numeric.line-number.find-in-files | #586E75 | — |
| markup.deleted.git_gutter | #DC322F | — |
| markup.inserted.git_gutter | #859900 | — |
| markup.changed.git_gutter | #B58900 | — |
| variable.other.readwrite.js, variable.other.object.js, variable.other.constant.js | #839496 | — |
| keyword.operator.infix.haskell | #859900 | — |
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}!`;
}