Dark Angel Theme by SP
Publisher: Swayam PatelThemes in package: 1
A dark, aesthetic VSCode theme built for night-owls and passionate coders.
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.background#1C1E2A
- editor.background#0E0F1A
- editor.foreground#EAEAEA
- editor.inactiveSelectionBackground#2c313a4b
- editor.lineHighlightBackground#2A2B3A
- editor.selectionBackground#3E4451
- editorCursor.foreground#FFCC00
- editorIndentGuide.activeBackground1#4B4F5A
- editorIndentGuide.background1#2C2F38
- editorLineNumber.foreground#4B526D
- sideBar.background#12131A
- statusBar.background#1A1B26
- tab.activeBackground#1E1F2A
- tab.inactiveBackground#12131A
- terminal.background#0E0F1A
- terminal.foreground#C7C7C7
- titleBar.activeBackground#1C1E2A
- titleBar.inactiveBackground#1C1E2A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.tag, entity.name.tag, support.class.component.html | #569CD6 | — |
| meta.tag.attributes, entity.other.attribute-name, variable.other.attribute-name.html | #9CDCFE | — |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.css, string.quoted.single.css | #CE9178 | — |
| source.css support.type.property-name | #DCDCAA | — |
| source.css keyword.other.unit | #B5CEA8 | — |
| entity.name.function, support.function, meta.function-call | #DCDCAA | — |
| constant.numeric, constant.language.boolean, constant.language | #B5CEA8 | — |
| storage, storage.type, keyword.control, keyword.operator.new | #C586C0 | — |
| variable.parameter.function | #9CDCFE | — |
| variable.language | #569CD6 | — |
| support.constant.json, meta.structure.dictionary.json string.quoted.double.json | #CE9178 | — |
| punctuation.separator.key-value, punctuation.terminator.statement, punctuation.definition.string, punctuation.definition.parameters.begin, punctuation.definition.parameters.end | #EAEAEA | — |
| comment.block.documentation | #5C6370 | italic |
| meta.function.c, meta.function.definition.c, meta.function.definition.parameters.c | #DCDCAA | — |
| meta.function.python, entity.name.function.python | #DCDCAA | — |
| variable.language.python, support.function.builtin.python | #569CD6 | — |
| punctuation.bracket | #C7C7C7 | — |
| comment, punctuation.definition.comment | #5C6370 | italic |
| keyword | #C586C0 | — |
| variable | #9CDCFE | — |
| string | #CE9178 | — |
| constant.numeric | #B5CEA8 | — |
| entity.name.function | #DCDCAA | — |
| storage.type | #569CD6 | — |
| entity.name.type | #4EC9B0 | — |
| support.class | #4EC9B0 | — |
| entity.name.tag.jsx, entity.name.tag.tsx, support.class.component.jsx, support.class.component.tsx | #4EC9B0 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, meta.tag.attributes.jsx, meta.tag.attributes.tsx | #9CDCFE | — |
| meta.tag.jsx, meta.tag.tsx, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #569CD6 | — |
| entity.name.type.class.python | #4EC9B0 | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #DCDCAA | — |
| keyword.control.flow.python, keyword.control.import.python, keyword.operator.logical.python, keyword.operator.comparison.python | #C586C0 | — |
| support.function.builtin.python, support.type.python | #569CD6 | — |
| invalid | #F44747 | — |