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 | — |
| invalid | #F44747 | — |
| source.ts, source.tsx, support.type.primitive.ts, support.type.builtin.ts | #4EC9B0 | — |
| source.jsx, source.js.jsx, entity.name.tag.jsx, meta.tag.js | #569CD6 | — |
| variable.parameter.ts, variable.parameter.tsx, variable.parameter.function.ts | #9CDCFE | — |
| source.vue, meta.tag.template.vue, meta.tag.script.vue, meta.tag.style.vue, entity.name.tag.vue | #C586C0 | — |
| entity.name.tag.angular, source.ts.angular, meta.directive.angular, support.class.component.ts.angular | #FFB86C | — |
| source.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #DCDCAA | — |
| source.mongodb, keyword.operator.assignment.mongodb, meta.object-literal.key.mongodb | #9CDCFE | — |
| source.python.django, support.function.builtin.python, entity.name.function.django | #FFCB6B | — |
| source.python.flask, entity.name.function.flask | #FFB86C | — |
| source.cs, entity.name.type.cs, keyword.other.cs | #4EC9B0 | — |
| support.class.component.nextjs, entity.name.function.nextjs, meta.import.nextjs | #C586C0 | — |
| source.ruby, keyword.control.ruby, variable.other.readwrite.ruby | #FF79C6 | — |
| source.json, source.yaml, source.toml, punctuation.separator.key-value.json | #CE9178 | — |
| markup.heading.markdown, markup.bold.markdown, markup.italic.markdown, markup.inline.raw.markdown | #FFCB6B | bold |
| source.shell, keyword.other.shell, variable.other.readwrite.shell | #00B8D4 | — |