tinydark
Publisher: tinydark StudioThemes in package: 1
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- editor.background#060606
- editor.foreground#9e7b61
- editor.lineHighlightBackground#000
- editor.lineHighlightBorder#000
- editor.rangeHighlightBorder#222
- editor.selectionHighlightBorder#222
- editor.wordHighlightBorder#222
- editorIndentGuide.background#111
- editorRuler.foreground#333333
- sideBarTitle.foreground#bbbbbb
- statusBar.background#060606
- statusBar.debuggingBackground#263238
- statusBar.foreground#dddddd
- statusBar.noFolderBackground#212121
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #767177ff | — |
| variable, punctuation.definition.variable | #758aa6 | — |
| punctuation.section, punctuation.definition.arguments, punctuation.definition.storage-type, punctuation.definition.begin, punctuation.definition.end, punctuation.terminator, punctuation.definition.array | #b3935c | — |
| keyword | #bc7845ff | — |
| storage.type, storage.modifier | #b3935cff | — |
| string, source.css meta.property-list meta.attribute-selector, source.css meta.attribute-selector, source.sql.embedded constant.other, source.sql.embedded keyword | #7CA563 | — |
| keyword.control, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #bc7845 | — |
| entity.name.tag, meta.tag, markup.deleted.git_gutter, punctuation.definition.tag | #e17b37 | — |
| meta.attribute, meta.tag.other.html, entity.other.attribute-name | #ffb04f | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, constant.language | #c3be98 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, variable.parameter, keyword.other.unit | #c3be98 | bold |
| constant, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #98619F | — |
| entity.name, support.type, support.class, meta.use.php, markup.changed.git_gutter, support.type.sys-types | #9B703F | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| support.constant.ext | #cf6a4c | — |
| text.html | #a86c4d | — |
| meta.embedded.line.css string.quoted.single.html source.css, meta.embedded.line.css string.quoted.double.html source.css, meta.embedded.line.css string.quoted.single.html punctuation.definition.string.begin.html, meta.embedded.line.css string.quoted.single.html punctuation.definition.string.end.html, meta.embedded.line.css string.quoted.double.html punctuation.definition.string.begin.html, meta.embedded.line.css string.quoted.double.html punctuation.definition.string.end.html | #7CA563 | — |
| constant.character.entity.named | #f1c983 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.html, string.quoted.single.html | #e1c799 | — |
| punctuation.separator.key-value.html | #ffb04fdc | — |
| source.css | #9B703F | — |
| source.css entity.name.tag.css | #b35439ff | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, | #a17159 | — |
| support.constant.property-value.css, meta.property-value support.type.property-name.css, invalid.deprecated.color | #e7d09f | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #8e3721ff | — |
| constant.numeric.css, support.constant.font-name, support.constant.media | #ddaa71 | — |
| keyword.other.unit | #bc7845 | — |
| punctuation.terminator.rule | #a17159 | — |
| source.css meta.property-list meta.attribute-selector entity.other.attribute-name.attribute.scss, punctuation.definition.attribute-selector.begin.bracket.square, punctuation.definition.attribute-selector.end.bracket.square, source.css meta.attribute-selector entity.other.attribute-name.attribute | #d68d55 | — |
| entity.name.tag.reference, meta.at-rule.keyframes | #b3935c | — |
| entity.other.attribute-name.pseudo-class | #b35439 | — |
| constant.other.color.rgb-value.hex.css | #e7d09f | — |
| keyword.other.important | #b96e17 | — |
| support.function.misc.scss | #dbc14e | — |
| keyword.control.at-rule, keyword.control.operator.css | #bc7845 | — |
| source.php | #b3935c | — |
| punctuation.section.embedded | #B08B4C | — |
| support.class.php, meta.use.php | #9b859d | — |
| meta.function.php, meta.method-call.php, punctuation.separator.delimiter | #b3935c | — |
| meta.method-call.php entity.name.function.php | #c3be98 | — |
| keyword.operator.class.php, keyword.operator.assignment.php, keyword.operator.key.php, keyword.operator.logical.php, keyword.operator.ternary.php, keyword.operator.error-control.php, keyword.operator.comparison | #b3935c | — |
| variable.other.property.php | #91b3c9 | — |
| variable.other.readwrite.js, support.variable.property.js, variable.other.object.property.js, variable.other.readwrite.alias.js, variable.other.object.js, variable.other.constant.js, variable.parameter.js | #b66046 | — |
| #9b859d | — | |
| punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.definition.block.js, meta.array.literal.js variable.other.readwrite.js, meta.brace.round.js, meta.brace.square.js | #b7755a | — |
| punctuation.separator.comma.js, keyword.operator.logical.js, keyword.operator.relational.js, keyword.operator.comparison.js, punctuation.accessor.js, keyword.control.from.js, keyword.control.export.js, keyword.control.import.js | #b3935c | — |
| meta.objectliteral.js | #bc7845 | — |
| variable.other.property.js | #b7755a | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #3f803c | — |
| source.js.jsx support.class.component.js.jsx | #e17b37 | — |
| meta.tag.attributes.js.jsx | #ffb04f | — |
| meta.tag.attributes.js.jsx string.quoted.single.js.jsx, meta.tag.attributes.js.jsx string.quoted.double.js.jsx | #e1c799 | — |
| source.js.jsx punctuation.section.embedded, meta.jsx.children | #a86c4d | — |
| meta.embedded.expression.js.jsx meta.object.member.js.jsx string.quoted.single.js.jsx, meta.embedded.expression.js.jsx meta.object.member.js.jsx string.quoted.double.js.jsx | #7CA563 | — |
| keyword.other.sql, keyword.other.DML.sql | #3f803c | — |
| variable.parameter.graphql | #758AA6 | — |
| variable.graphql | #91b3c9 | — |
| entity.name.function.directive.graphql | #BC7845 | — |
| source.svelte punctuation.definition.tag.begin.svelte, source.svelte punctuation.definition.tag.end.svelte, source.svelte meta.array.literal.js variable.other.readwrite.js, source.svelte punctuation.definition.variable.svelte | #b66046 | — |
| source.svelte meta.tag.other.html meta.arrow.ts, source.svelte meta.tag.other.html meta.block.ts, source.svelte meta.tag.other.html meta.brace.round.ts, source.svelte meta.tag.other.html meta.objectliteral.ts | #B7755A | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp, constant.character.escape | #ddf2a4 | — |
| *url*, *link*, *uri* | — | underline |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #f5c05e | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f5b846d0 | — |
| 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 | #e4aa40be | — |
| 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 | #da7b3bb7 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| 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 | #f07178 | — |
| 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 | #C792EA | — |
| 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 | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |