Atom Dark Syntax
Publisher: Jack PallotThemes in package: 1
The default Atom Dark Syntax theme ported to VS Code
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.
- activityBarBadge.background#60a633
- editor.background#1d1f21
- editor.foreground#c5c8c6
- editor.lineHighlightBackground#3a3a3a
- editor.selectionBackground#444444
- editorCursor.foreground#a5a2a2
- editorIndentGuide.background#474747
- editorWhitespace.foreground#c5c8c6
- statusBar.background#3382c7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #c5c8c6ff | — |
| invisible | #c5c8c6 | — |
| comment | #7C7C7C | — |
| entity | #FFD2A7 | — |
| entity.name.type | #FFFFB6 | underline |
| entity.other.inherited-class | #9B5C2E | — |
| keyword | #96CBFE | — |
| keyword.control | #96CBFE | — |
| keyword.operator | #EDEDED | — |
| storage | #CFCB90 | — |
| storage.modifier | #96CBFE | — |
| constant | #99CC99 | — |
| constant.numeric | #FF73FD | — |
| variable | #C6C5FE | — |
| invalid.deprecated | #FD5FF1 | underline |
| invalid.illegal | #FD5FF1 | — |
| invalid.illegal | #FD5FF1 | — |
| source string source, source string meta.embedded.line | #EDEDED | — |
| source string punctuation.section.embedded | #00A0A0 | — |
| source string punctuation.section.embedded source | #00A0A0 | — |
| string | #A8FF60 | — |
| string constant | #00A0A0 | — |
| string.regexp | #E9C062 | — |
| string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #FF8000 | — |
| string.regexp.group | #C6A24F | — |
| string.regexp.character-class | #B18A3D | — |
| string variable | #8A9A95 | — |
| support | #FFFFB6 | — |
| support.function | #DAD085 | — |
| support.constant | #FFD2A7 | — |
| support.type.property-name.css | #EDEDED | — |
| source .entity.name.tag, source .entity.other.attribute-name, meta.tag.inline, meta.tag.inline .entity | #96CBFE | — |
| entity.other.attribute-name | #FFD7B1 | — |
| entity.name.tag.namespace, entity.other.attribute-name.namespace | #E18964 | — |
| meta.preprocessor.c | #8996A8 | — |
| meta.preprocessor.c keyword | #AFC4DB | — |
| meta.cast | #676767 | — |
| meta.sgml.html meta.doctype, .meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string | #494949 | — |
| meta.tag, meta.tag .entity | #96CBFE | — |
| meta.selector.css entity.name.tag | #96CBFE | underline |
| meta.selector.css entity.other.attribute-name.pseudo-class | #8F9D6A | — |
| meta.selector.css entity.other.attribute-name.id | #8B98AB | — |
| meta.selector.css entity.other.attribute-name.class | #62B1FE | — |
| meta.selector.css entity.other.attribute-name punctuation | #FFD2A7 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #F9EE98 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #8693A5 | — |
| meta.property-value support.constant.color.css, meta.property-value constant | #87C38A | — |
| meta.constructor.argument.css | #8F9D6A | — |
| meta.diff, meta.diff.header | #F8F8F8 | — |
| meta.separator | #60A633 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...