Angeles Dark Theme
Publisher: Angeles Dark ThemeThemes in package: 1
Theme Vscode
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.
- activityBar.activeBorder#da4f88d5
- activityBarBadge.background#c45a86d5
- activityBarBadge.foreground#f3ebeb
- editor.background#272626
- editor.findMatchHighlightBackground#ff000000
- editor.foreground#ffffffa4
- editor.selectionBackground#6f797298
- sideBar.background#19191a
- sideBar.border#13161f
- sideBar.foreground#99a3b8
- sideBarSectionHeader.background#0b0f13
- sideBarSectionHeader.foreground#99a3b8
- sideBarTitle.foreground#99a3b8
- statusBar.background#07080798
- tab.activeBorderTop#da4f88d5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.class.promise.js, support.class.error.js | #f84e5def | — |
| comment, punctuation.definition.comment | #677277 | italic |
| variable, string constant.other.placeholder | #eeffffef | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #00ffb3cb | — |
| keyword.operator.new.js | #ea526eef | — |
| keyword.control.flow.js | #05E960DC | — |
| storage.type.function.python | #00ffb3cb | bold |
| entity.name.function.js | #fa83b1 | — |
| keyword.other.js | #ff5d35e3 | — |
| storage.modifier.async.js | #05E960DC | italic |
| storage.type.function.js | #38f1f1cb | — |
| storage.type.string.python | #CA5AEA | — |
| constant.other.color, meta.tag, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #fffcfcce | — |
| punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js | #e03074ec | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #7d7fff | bold |
| punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js | #f8f8f8 | bold |
| string.quoted.double.json | #e4e4e494 | — |
| meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, support.type.property-name.json | #11f39594 | — |
| keyword.control.flow.python, keyword.control.python, keyword.control.import.python | #f9ea67ee | — |
| support.type.exception.python | #b56bca | — |
| punctuation.definition.string.begin.python, punctuation.definition.string.end.python | #9E7F62B9 | — |
| string.quoted.docstring.multi.python | #9E7F62B9 | — |
| string | #3CCA8C | — |
| source.python | #dae1dde8 | — |
| meta.item-access.arguments.python | #CF538F | — |
| meta.function-call.arguments.python | #0EA4B5 | — |
| meta.function-call.generic.python | #0EA4B5 | — |
| keyword.operator.comparison.python, keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.python | #F9EA67 | bold |
| keyword.operator.logical.python | #f99d67 | bold |
| keyword.operator.assignment.python | #c7ba47 | bold |
| string.quoted.docstring.multi.python | #9e7f62b9 | — |
| entity.name.function, variable.function, support.function, keyword.other.special-method | #00e1ffc9 | — |
| entity.name.function.python | #0EA4B5 | — |
| meta.block variable.other | #eeffffe3 | — |
| comment.block.js, punctuation.definition.comment.js | #2d6b4cea | — |
| meta.var-single-variable.expr.js | #ff00ddc9 | — |
| meta.var.expr.js | #00FFB3CB | — |
| keyword.operator.arithmetic.js, keyword.operator.comparison.js, keyword.operator.ternary.js, keyword.operator.relational.js, keyword.operator.increment.js | #f7a072 | — |
| variable.other.object.js | #1aa39c | — |
| constant.numeric.decimal.js | #4BF9FFE0 | — |
| meta.array.literal.js | #2DC969 | — |
| variable.other.object.console | #8fff33 | — |
| meta.function.js | #FFD670E5 | — |
| source.js, meta.var-single-variable.expr.js, string.quoted.double.js, string.quoted.single.js | #e6c67ee5 | — |
| variable.parameter.function.language.special.self.python | #0EA4B5 | italic |
| variable.other.readwrite.js | #eeffffe5 | — |
| variable.language.this.js, variable.other.property.js | #4bf9ffe0 | — |
| variable.language.this.js | #f7763be0 | italic |
| support.other.variable, string.other.link | #ff5e00 | — |
| support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #CF538F | — |
| meta.block variable.other.js | #ff8a5b | — |
| meta.function-call.js, meta.block.js, meta.arrow.js | #38F1F1CB | — |
| constant.numeric.dec.python, constant.numeric.float.python | #f18a45fa | — |
| constant.numeric.css | #e29574 | — |
| constant.language | #f34f4ffb | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #299ea7 | — |
| entity.name, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| meta.definition.variable.js.jsx, meta.var-single-variable.expr.js.jsx, meta.var.expr.js.jsx, source.js.jsx,, variable.other.property.js.jsx, meta.var.expr.js.jsx, meta.object.member.js.jsx, meta.objectliteral.js.jsx, meta.array.literal.js.jsx, meta.var.expr.js.jsx, meta.block.js.jsx, meta.arrow.js.jsx, meta.var.expr.js.jsx | #fab22d | — |
| keyword.control.export.js.jsx | #00925a | bold |
| entity.name.type.module.js.jsx, variable.other.object.js.jsx | #ced3d3e7 | — |
| support.class.component.js.jsx | #fd5969f1 | — |
| punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.end.js.jsx | #07ecd9ec | — |
| support.variable.property.js.jsx, variable.other.property.js.jsx, keyword.control.flow.js.jsx, variable.other.readwrite.alias.js.jsx, meta.import.js.jsx, entity.name.type.js.jsx | #7691da | — |
| keyword.control.flow.js.jsx | #c875f8 | — |
| string.quoted.single.js.jsx, meta.jsx.children.js.jsx | #cacaca | — |
| variable.parameter.js | #EEFFFFEF | — |
| string.quoted.double.js.jsx | #3CCA8C | — |
| entity.name.tag.js.jsx | #FFCB6B | — |
| entity.name.tag.js | #1ef1e0 | — |
| entity.name.tag.html | #FD5969 | — |
| text.html.derivative | #f0dffde7 | — |
| keyword.operator.assignment.js.jsx | #fa4673ea | bold |
| keyword.operator.assignment.js | #fa4673ea | bold |
| variable.other.readwrite.js.jsx | #13eea5cb | — |
| meta.object-literal.key.js.jsx, storage.type.function.arrow.js.jsx | #e0dedecb | — |
| storage.type.function.arrow.js | #F7A072 | — |
| variable.other.constant.js.jsx | #0EA4B5 | — |
| keyword.control.import.js.jsx, keyword.control.from.js.jsx | #058cfa | — |
| keyword.control.import.js | #058cfa | — |
| variable.other.constant.property.js | #60daa1e8 | — |
| keyword.control.from.js | #6cbedf | — |
| entity.name.function.js.jsx | #0EA4B5 | — |
| keyword.control.default.js.jsx | #8b8d8d | — |
| keyword.control.export.js | #28c3c9f1 | — |
| storage.type.js.jsx | #00FFB3CB | bold |
| storage.type.js | #db9eff | — |
| punctuation.definition.template-expression.begin.js.jsx, punctuation.definition.template-expression.end.js.jsx, meta.template.expression.js.jsx, string.template.js.jsx,, storage.type.function.js.jsx, meta.brace.round.js.jsx, punctuation.definition.string.template.begin.js.jsx, punctuation.definition.string.template.end.js.jsx | #e49fffc9 | — |
| support.type | #d780faec | — |
| entity.other.attribute-name.js.jsx | #42e24ac0 | — |
| 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 | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js, variable.function.constructor | #48bcff | — |
| entity.other.attribute-name | #ffc88aee | — |
| text.html.basic, entity.other.attribute-name.html | #B781D6 | italic |
| string.quoted.double.html | #99c979f5 | — |
| punctuation.definition.tag.end.html, punctuation.definition.tag.begin.html | #1cd6f3 | bold |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #2b9610 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json, support.type.property-name.json | #35b0e9 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #fec99aec | — |
| 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 | #02c399d0 | — |
| 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 | #FF5370 | — |
| 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 | #0c7e08 | — |
| 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 | — |
| keyword.other.unit.px.css | #0EA4B5 | — |
| punctuation.definition.entity.css, constant.other.scss, keyword.other.unit.fr.css | #939494 | — |
| entity.name.tag.css, support.constant.property-value.css, support.constant.font-name.css | #f1c26be7 | — |
| entity.other.attribute-name.id.css, punctuation.definition.constant.css | #e05151 | — |
| entity.other.attribute-name.class.css | #29d1e4dc | — |
| support.type.property-name.css | #c8cac9f3 | — |
| variable.object.property.ts | #c8cac9f3 | — |
| keyword.control.import.ts | #E76F51 | — |
| storage.type.interface.ts, entity.name.type.interface.ts | #f3df2ce5 | — |
| entity.name.type.interface.ts | #ce6a85 | — |
| support.type.primitive.ts | #ff8c61 | — |
| variable.other.property.ts | #59cfece8 | — |
| keyword.other.$gte.mongodb, keyword.other.$gt.mongodb, keyword.other.$lt.mongodb, keyword.other.$lte.mongodb, keyword.other.$in.mongodb, keyword.other.$nin.mongodb, keyword.other.$ne.mongodb, keyword.other.$eq.mongodb, keyword.other.$exists.mongodb | #b298faf5 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...