St Dark Theme
Publisher: Gabriel SilvaThemes in package: 1
St-Dark is a theme based on Dark-Dracula and was made to add more styles and make your code stand out
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.activeBackground#161B22
- activityBar.activeBorder#c0fcf641
- activityBar.activeFocusBorder#0D1117
- activityBar.background#0D1117
- activityBar.border#c0fcf641
- activityBar.dropBorder#f00
- activityBar.foreground#fafafa
- activityBar.inactiveForeground#aaa
- activityBarBadge.background#161B22
- activityBarBadge.foreground#eeeeee
- editor.background#0D1117
- editor.findMatchBackground#c0fcf641
- editor.foreground#eee
- editor.lineHighlightBackground#161B22
- editor.lineHighlightBorder#c0fcf63f
- editor.selectionBackground#c0fcd446
- editorCursor.foreground#c0fcf6
- editorGroupHeader.tabsBackground#161B22
- editorGroupHeader.tabsBorder#fff0
- editorWhitespace.foreground#c0fcf66e
- sideBar.background#161B22
- sideBar.border#c0fcf641
- sideBar.dropBackground#f00
- sideBar.foreground#fafafa
- sideBarSectionHeader.background#161B22
- sideBarTitle.foreground#eee
- tab.inactiveBackground#161B22
- tab.inactiveForeground#aaa
- tab.inactiveModifiedBorder#ff0000
- titleBar.activeBackground#0D1117
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6272a4 | |
| string | #ffed95 | — |
| constant.numeric | #bd93f9 | — |
| constant.language | #bd93f9 | — |
| constant.character, constant.other | #bd93f9 | — |
| variable | #a7fdf8 | italic |
| variable.other.readwrite.instance | #ffb86c | |
| variable.parameter.url.css | #ffed95 | italic |
| constant.character.escaped, constant.character.escape, string source, string source.ruby | #ff79c6 | |
| keyword | #ff79c6 | — |
| storage | #ff79c6 | |
| storage.type | #00ff9d | italic |
| keyword.control | #bd93f9 | — |
| entity.name.class | #50fa7b | underline |
| entity.other.inherited-class | #50fa7b | italic underline |
| entity.name.function, meta.require, support.function.any-method, variable.function | #00fa32 | — |
| entity.name.function | #8bffe0 | |
| variable.parameter | #00ff55 | italic |
| entity.name.tag | #ff79c6 | |
| entity.other.attribute-name | #50fa7b | |
| support.function | #17d3aa | |
| support.constant | #6be5fd | |
| support.type, support.class | #66d9ef | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #6272a4 | — |
| markup.deleted | #ff79c6 | — |
| markup.inserted | #50fa7b | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #bd93f9 | — |
| entity.name.filename | #E6DB74 | — |
| message.error | #F83333 | — |
| punctuation.definition.string.begin.json - meta.structure.dictionary.value.json, punctuation.definition.string.end.json - meta.structure.dictionary.value.json | #EEEEEE | — |
| meta.structure.dictionary.json string.quoted.double.json | #8be9fd | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #f1fa8c | — |
| meta meta meta meta meta meta meta.structure.dictionary.value string | #50fa7b | — |
| meta meta meta meta meta meta.structure.dictionary.value string | #ffb86c | — |
| meta meta meta meta meta.structure.dictionary.value string | #ff79c6 | — |
| meta meta meta meta.structure.dictionary.value string | #bd93f9 | — |
| meta meta meta.structure.dictionary.value string | #50fa7b | — |
| meta meta.structure.dictionary.value string | #ffb86c | — |
| markup.heading | #82AAFF | — |
| 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 | #82AAFF | — |
| markup.italic | #d3e0ff | italic |
| markup.bold, markup.bold string | #f8c2c5 | 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 | #ccb7fc | bold italic |
| markup.underline | #82AAFF | underline |
| markup.quote punctuation.definition.blockquote.markdown | #a3acb3 | — |
| markup.quote | #a3acb3 | italic |
| string.other.link.title.markdown | #be77f8 | — |
| string.other.link.description.title.markdown | #82AAFF | — |
| constant.other.reference.link.markdown | #82AAFF | — |
| markup.raw.block | #fc6e6e | — |
| 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 | — |