Slimy
Publisher: chancestricklandThemes in package: 6
A dark, slimy color theme for VS Code.
A dark, slimy color theme for VS Code.
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 |
|---|---|---|
| Base | #e0e0e0 | — |
| meta.embedded, source.groovy.embedded | #eaeaea | — |
| meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #8caec1 | italic |
| comment, punctuation.definition.comment | #747676 | — |
| text, source, text.html.basic, meta.tag.jsx, meta.tag.tsx, meta.jsx.children, meta.tsx.children, meta.jsx.children.js, meta.tsx.children.js, meta.jsx.children.tsx, meta.tsx.children.tsx | #e0e0e0 | — |
| string, string.quoted, invalid.illegal.bad-ampersand.html, string.quoted.single.js, string.quoted.double.js, string.quoted.single.js invalid.illegal.bad-ampersand.html, string.quoted.double.js invalid.illegal.bad-ampersand.html, string.quoted.single.ts, string.quoted.double.ts, string.quoted.single.ts invalid.illegal.bad-ampersand.html, string.quoted.double.ts invalid.illegal.bad-ampersand.html, string.quoted.single.tsx, string.quoted.double.tsx, string.quoted.single.tsx invalid.illegal.bad-ampersand.html, string.quoted.double.tsx invalid.illegal.bad-ampersand.html, string.quoted.single.html, string.quoted.double.html, string.quoted.single.html invalid.illegal.bad-ampersand.html, string.quoted.double.html invalid.illegal.bad-ampersand.html | #8caec1 | — |
| constant.numeric, constant.character.numeric | #9d7baf | — |
| constant.length.units, constant.percentage.units, constant.angle.units, keyword.other.unit, meta.at-rule.keyword.other.unit.media, keyword.other.unit.css, keyword.other.unit.sass, keyword.other.unit.scss | #9abdd0 | — |
| constant.language.boolean, meta.tag.any.html.string.quoted.double.embedded.line.php.source.constant.language.inline, meta.embedded.line.php.source.constant.language | #9e4f4d | — |
| constant.language.null | #b64e4ea6 | — |
| constant.language.undefined | #b64e4e8c | — |
| constant.language.nan | #b64e4ebf | — |
| string.regexp, string.regexp keyword.other | #aacbb7 | — |
| keyword.operator.quantifier.regexp | #ecd577 | — |
| punctuation.definition.character-class.regexp | #c78b5e | — |
| punctuation.definition.group.regexp | #c15757 | — |
| punctuation.definition.group.no-capture.regexp | #9f7db1 | — |
| keyword.control.anchor.regexp | #a7c787 | — |
| constant, constant.language, punctuation.definition.constant, variable.other.constant.property, constant.other, support.constant, constant.language.python | #9876aa | — |
| constant.character, constant.character.escape | #b3d5c1 | — |
| support.constant.math | #e0e0e0 | — |
| entity.name | #e2cb6d | — |
| support.type, support.class, entity.name.class, entity.name.type.class, entity.name.type.instance, meta.class, meta.class entity.name.type.class, support.class.php, meta.class entity.name.type.class.tsx, source.go storage.type, new.expr.ts entity.name.type.ts | #decb86 | — |
| none | #e0e0e0 | — |
| meta.separator | #747676 | — |
| block.brace.array.literal.square, block.punctuation, meta.brace, meta.delimiter, meta.delimiter.comma, meta.function meta.delimiter.comma, meta.function punctuation.separator.comma, punctuation, punctuation.definition, punctuation.decorator.objectliteral.object.member.accessor, punctuation.section, punctuation.section.function, punctuation.separator, punctuation.support.type.property-name, punctuation.terminator, punctuation.accessor, string.template punctuation.definition.string, keyword.operator.css, meta.at-rule.media.scss, meta.function.closure.php, meta.function-call.php punctuation, meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin.json, meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end.json, meta.structure.dictionary.value.json string.quoted.double.json punctuation.definition.string.begin.json, meta.structure.dictionary.value.json string.quoted.double.json punctuation.definition.string.end.json, meta.type.annotation.ts, punctuation.accessor.js, punctuation.accessor.ts, punctuation.definition.string.begin.js, punctuation.definition.string.begin.ts, punctuation.definition.string.end.js, punctuation.definition.string.end.ts, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, source.css.scss, string.quoted.double.html punctuation.definition.string.begin.html, string.quoted.double.html punctuation.definition.string.end.html, text.html.php meta.embedded.block.php source.php, text.html.php meta.embedded.line.php source.php, text.html.php meta.tag.block.any.html | #afb0b0 | — |
| keyword.operator, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary | #9fabad | — |
| meta.function.decorator, meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation, punctuation.decorator.ts, punctuation.decorator.tsx, meta.function.decorator support.type.python, entity.name.function.decorator.python, entity.name.function.decorator.python punctuation.definition | #a0c080 | — |
| invalid | #b64e4e | — |
| italic | — | italic |
| bold | — | bold |
| bold italic, italic bold | — | bold italic |
| meta.function, meta.require, support.function.any-method, entity.name.function, entity.name.function.ts, entity.name.function.tsx, entity.name.function.attribute.rust, meta.var.expr entity.name.function.ts, meta.var.expr entity.name.function.tsx, source.ruby variable.other.readwrite | #ecba7f | — |
| support.macro | #c08457 | — |
| variable.function, variable.annotation, entity.name.function.tagged-template, entity.name.function.call, meta.function-call.generic, meta.function-call entity.name.function, meta.method-call entity.name.function, meta.function-call entity.name.function.ts, meta.function-call entity.name.function.tsx, meta.function-call.php support.function, meta.function-call.python meta.function-call.generic.python, meta.function-call.python support.function.builtin.python, meta.function-call.generic.python, meta.method-call entity.name.function.ts, meta.method-call entity.name.function.tsx, source.js support.function, source.ts support.function, source.tsx support.function, string.quasi.js entity.name.tag.js, support.function.css, support.function.go, source.go meta.function-call.go, variable.language.super, support.function.core.rust, support.function.std.rust | #f7c488 | italic |
| meta.tag.sgml.doctype, meta.tag.metadata.doctype, entity.name.tag.doctype | #b87d51 | — |
| meta.tag, punctuation.definition.tag, punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag.begin.html source.js, punctuation.definition.tag.end.html source.js | #b9b9b9 | — |
| keyword | #e89d63 | — |
| keyword.operator.new, keyword.other.new | #939d9f | italic |
| keyword.operator.instanceof, keyword.operator.typeof, keyword.operator.expression.instanceof, keyword.operator.expression.typeof | #939d9f | italic |
| support.function.construct.output | — | italic |
| keyword.control, keyword.control.import, keyword.control.export, keyword.control.flow, keyword.control.from, storage.type.extends, storage.type.function.arrow, storage.type.function.arrow.js, storage.type.function.arrow.jsx, storage.type.function.arrow.ts, storage.type.function.arrow.tsx, keyword.other.await.cs, keyword.other.using.cs, keyword.import.go, keyword.export.go, keyword.package.go | #fbe9ae | italic |
| storage, storage.type, meta.var.expr, source.java storage.type, source.haskell storage.type, source.c storage.type, keyword.other.namespace.cs, keyword.other.class.cs, keyword.other.var.cs, keyword.type.go, keyword.other.rust, keyword.other.fn.rust, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.jsx, storage.type.property.ts, storage.type.property.tsx | #d4996d | — |
| storage.modifier | #be8a64 | — |
| storage.type.primitive, source.java storage.type.primitive | #deb770 | — |
| entity.name.variable, support.variable, variable, variable.member, variable.language, variable.other, variable.other.event, variable.other.global, variable.other.property, variable.other.readwrite, variable.other.readwrite.alias, punctuation.definition.variable.php, source.python variable.language.special, variable.language.this.php, variable.language.this.php punctuation.definition.variable, variable.other.php, variable.other.global.php, variable.other.global.php punctuation.definition.variable, variable.other.property.php, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.ts, variable.other.tsx, variable.parameter.url.sass, variable.parameter.url.scss, variable.sass, variable.scss, variable.ts, variable.tsx | #be9296 | — |
| invalid.illegal | #e0e0e0cc | — |
| invalid.deprecated | #e0e0e0cc | — |
| support.type.object, support.variable.object.process.js, support.variable.object.process.jsx, support.variable.object.process.ts, support.variable.object.process.tsx, variable.other.object.cs, variable.other.object.js, variable.other.object.jsx, variable.other.object.ts, variable.other.object.tsx | #c4d4b3 | — |
| support.type.object.dom | #e2cb6d | — |
| meta.object-literal.key, meta.object.member, meta.object.member.object-literal.key, constant.other.object.key, constant.other.object.key.js, constant.other.object.key.js string.quoted.single.js, constant.other.object.key.js string.quoted.double.js, constant.other.object.key.js string.unquoted.js, meta.object-literal.key.js entity.name.function.js, meta.object-literal.key.ts string.quoted.double.ts, meta.object-literal.key.tsx string.quoted.double.tsx | #7793a3 | — |
| variable.language.this, variable.language.this.ts, variable.language.this.tsx, variable.language.special.self.python | #bacaa9 | — |
| variable.parameter, meta.parameter | #d2a5a9 | — |
| variable.parameter.function | #be9296 | — |
| function.storage.type.block | #ead374 | — |
| entity.name.type | #90c7e0 | — |
| meta.type.parameters entity.name.type, meta.type_params.rust, meta.type_params.rust storage.type.core.rust | #90c7e0bf | — |
| entity.other.inherited-class | #90c7e0bf | — |
| entity.name.type.interface | #97cfe8 | — |
| entity.name.type.enum | #97cfe8 | — |
| variable.other.enummember | #c6999d | — |
| entity.name.namespace, entity.name.type.namespace, meta.namespace, support.other.namespace, meta.namespace.declaration.ts, meta.namespace.declaration.ts entity.name.type, entity.name.type.namespace.cs | #9ad1ea | — |
| token.info-token | #a8df5a | — |
| token.warn-token | #e2cb6d | — |
| token.error-token | #b64e4e | — |
| token.debug-token | #9876aa | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc, entity.name.type.instance.sassdoc, meta.other.type.phpdoc, meta.other.type.phpdoc support.class.php, meta.other.type.phpdoc keyword.other.type.php | #d7c164 | — |
| comment.block.documentation punctuation.definition, comment.block.documentation storage.type, variable.other.jsdoc, variable.other.phpdoc, variable.other.sassdoc | #987578 | — |
| markup.changed | #8caec1 | italic |
| markup.deleted | #b64e4e | italic |
| markup.inserted | #a0c080 | italic |
| markup.strike | #a0c080 | — |
| markup.table | #e7d072 | — |
| entity.name.section.markdown | #a27fb4 | bold |
| punctuation.definition.heading.markdown | #9876aa | |
| markup.bold | #ecba7f | bold |
| punctuation.definition.bold.markdown | #e2b176 | bold |
| meta.paragraph.markdown | #e0e0e0 | |
| markup.italic | #9bbb7b | italic |
| punctuation.definition.italic.markdown | #94b474 | italic |
| markup.italic markup.bold, markup.bold markup.italic | #a0c080 | bold italic |
| punctuation.definition.bold.markdown punctuation.definition.italic.markdown, punctuation.definition.italic.markdown punctuation.definition.bold.markdown | #94b474 | bold italic |
| markup.fenced_code.block.markdown punctuation.definition.markdown, punctuation.definition.markdown, punctuation.definition.raw.markdown | #747676 | — |
| markup.inline.raw.markdown, text.html.markdown markup.fenced_code.block.markdown, text.html.markdown markup.inline.raw, markup.inline.raw.string.markdown | #ccd2be | — |
| markup.quote | #aacbb7 | italic |
| text.html.markdown meta.dummy.line-break | #747676 | — |
| markup.underline.link, string.other.link | #9ed550 | — |
| meta.link, meta.paragraph.inline.link.underline.detected-link, markup.underline.link.image.markdown | #a8df5a | — |
| markup.list meta.paragraph.markdown | #e0e0e0 | — |
| markup.list punctuation.definition.list.begin, beginning.punctuation.definition.list.markdown | #919d9f | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.scss, meta.selector, entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity.css | #bad2a1 | — |
| entity.punctuation.other.attribute-name.class.css.definition, entity.scss.meta.property-list.punctuation.other.attribute-name.class.css.definition, punctuation.definition.entity.css, meta.selector.css | #aaca89 | — |
| source.css keyword.operator.parent, entity.name.tag.reference.scss | #cf9265 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation.definition.entity.css | #b4898d | — |
| entity.name.tag.custom.sass, entity.name.tag.custom.scss, meta.property-list.css meta.property-name.css, meta.property-list.scss meta.property-name.sass, meta.property-list.scss meta.property-name.scss, support.type.property-name.css, support.type.property-name.sass, support.type.property-name.scss | #aacbb7 | — |
| support.type.vendored.property-name.css | #b3d5c1 | — |
| meta.property-group support.constant.property-value.css, meta.property-list.css meta.property-value.css, meta.property-value support.constant.property-value.css, meta.property-group support.constant.property-value.scss, meta.property-group support.constant.property-value.sass, meta.property-value support.constant.property-value.scss, meta.property-value support.constant.property-value.sass, variable.parameter.misc.css, parameter.less.data-uri comment markup.raw, source.less meta.property-value.css, meta.property-value.scss, support.constant.property-value.css | #d3d3d3 | — |
| support.constant.vendored.property-value.css | #e2cb6d | — |
| constant.numeric.color.hex-value, constant.other.color, constant.other.color.rgb-value punctuation.definition.constant, meta.property-value constant, punctuation.definition.constant, support.constant.color | #d3d3d3 | — |
| support.constant.font-name.scss, support.constant.font-name.css | #d3d3d3 | — |
| meta.constructor.argument.css, meta.constructor.argument.sass, meta.constructor.argument.scss | #92b172 | — |
| entity.other.attribute-name.placeholder.css, entity.other.attribute-name.placeholder.sass, entity.other.attribute-name.placeholder.scss | #c08457 | — |
| keyword.control.at-rule, keyword.control.at-rule punctuation.definition, source.css keyword.control.return, source.css keyword.control.content, source.css keyword.control.each, source.css keyword.control.if, source.css keyword.control.else, source.css keyword.control.warn, source.css keyword.control.debug, meta.preprocessor.at-rule keyword.control.at-rule, meta.preprocessor.at-rule keyword.control.at-rule punctuation.definition, source.css keyword.control.else punctuation.definition, source.css keyword.control.return punctuation.definition, source.css keyword.control.if punctuation.definition, source.css keyword.control.content punctuation.definition, source.css keyword.control.each punctuation.definition, source.css keyword.control.warn punctuation.definition, source.css keyword.control.debug punctuation.definition | #dc8682 | — |
| keyword.other.important, token.literal.sass | #c15757 | bold |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.property-list.other.attribute-name.pseudo-class.css, entity.property-list.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, entity.property-list.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.property-list.other.attribute-name.pseudo-element.css punctuation.definition.entity.css | #a0c080 | — |
| entity.other.attribute-name.attribute, entity.other.attribute-name.css, entity.other.attribute-name.scss | #e8e8e8 | — |
| meta.attribute-selector | #8caec1 | — |
| support.type.property-name.media, meta.at-rule.include.scss, meta.at-rule.include.scss support.constant.math.scss, source.css support.constant.media.css support.constant | #aacbb7 | — |
| scss.meta.at-rule.import.string.quoted.single | #99b979 | — |
| source.css meta.at-rule.function support.function, source.css meta.at-rule.mixin entity.name.function, source.css meta.at-rule.include entity.name.function, source.css support.function.misc | #ecba7f | — |
| variable.interpolation.sass, variable.interpolation.scss, support.function.interpolation.sass, support.function.interpolation.scss, punctuation.definition.interpolation.begin.bracket.curly.sass, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.sass, punctuation.definition.interpolation.end.bracket.curly.scss | #a5c585 | — |
| meta.definition.variable.map.scss support.type.map.key.scss | #a2c4b0 | — |
| entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, entity.other.attribute-name.placeholder.scss punctuation.definition.entity.sass, entity.other.attribute-name.placeholder.scss punctuation.definition.entity.scss | #b87d51 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.html, keyword.control.html.elements, meta.tag.other.js, meta.tag.other.tsx, meta.tag.sgml, entity.name.tag.open.jsx, entity.name.tag.close.jsx, entity.name.tag.open.tsx, entity.name.tag.close.tsx, meta.tag.js, meta.tag.tsx | #e7d072 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.id.html, meta.tag.any.html entity.other.attribute-name.html, meta.tag.block.any.html entity.other.attribute-name.html, meta.tag.inline.any.html entity.other.attribute-name.html, meta.tag.structure.any.html entity.other.attribute-name.html, meta.tag.other.html entity.other.attribute-name.html, source.js.embedded.html entity.other.attribute-name.html, entity.other.attribute-name.js, source.ts entity.other.attribute-name, source.tsx entity.other.attribute-name, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #e8e8e8 | — |
| string.quoted.double.html, meta.template string.quoted.double, string.quoted.double.html invalid.illegal.bad-ampersand.html | #8caec1 | — |
| support.variable.object.process.js | #b8dac6 | — |
| meta.template.expression.js punctuation.definition.template-expression, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.tsx, punctuation.quasi.element.begin.js, punctuation.quasi.element.end.js | #a5c585 | — |
| support.type.class.declaration.method.return.primitive.ts, support.type.class.declaration.method.return.primitive.tsx, type.annotation.support.class.declaration.method.parameters.primitive.ts, type.annotation.support.class.declaration.method.parameters.primitive.tsx | #90c7e0 | — |
| support.type.primitive.ts, support.type.primitive.tsx | #beab5e | — |
| block.variable.other.class.declaration.property.method.ts, block.variable.other.class.declaration.property.method.tsx, block.variable.other.object.array.literal.class.declaration.method.var.expr.ts block.variable.class.declaration.method.parameter.arrow.ts, block.variable.other.object.array.literal.class.declaration.method.var.expr.tsx block.variable.class.declaration.method.parameter.arrow.tsx, block.variable.other.object.class.declaration.method.ts, block.variable.other.object.class.declaration.method.tsx | #c6999d | — |
| constant.language.json | #d8c36d | — |
| meta.structure.dictionary.value.json, string.quoted.double.json, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.array.json meta.structure.dictionary.json support.type.property-name.json | #a9b79a | — |
| support.type.property-name.json, meta.structure.array.json meta.structure.dictionary.json support.type.property-name.json, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.array.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.array.json meta.structure.dictionary.json support.type.property-name.json | #7793a3 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php, text.html.php meta.embedded.line.php punctuation.section.embedded.end.metatag.php source.php, text.html.php meta.embedded.block.php punctuation.section.embedded.end.metatag.php source.php, text.html.php meta.embedded.block.php punctuation.section.embedded.end.php source.php, text.html.php meta.embedded.line.php punctuation.section.embedded.end.php source.php | #ae4748 | — |
| keyword.control.php | #dbc66d | — |
| support.function.construct.output.php | #dbc66d | — |
| constant.numeric.line-number.find-in-files - match | #747676 | — |
| constant.numeric.line-number.match | #e89d63 | — |
| entity.name.filename.find-in-files | #8caec1 | — |
| message.error | #b64e4e | — |
| meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, meta.brace, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.type, keyword.operator, keyword, punctuation.definintion.string, punctuation, variable.other.readwrite.js, source.css, string.quoted | — |
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}!`;
}