Saucy Dark
Publisher: dasmainThemes in package: 1
Beautiful dark extension with cyberpunk vibes
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#3b004a
- activityBar.foreground#ffd84d
- activityBarBadge.background#d4b300
- editor.background#2b0033
- editor.foreground#fdfdfd
- editor.inactiveSelectionBackground#ffd63322
- editor.selectionBackground#ffd63344
- editorCursor.foreground#020201
- editorLineNumber.foreground#aa73ff
- sideBar.background#1f0026
- sideBar.foreground#d9b3ff
- sideBarSectionHeader.background#3b0052
- sideBarSectionHeader.foreground#ffd84d
- sideBarTitle.foreground#cfa5ff
- statusBar.background#4c006a
- titleBar.activeBackground#3b0052
- titleBar.activeForeground#ffe97f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a85dff | italic |
| variable, string constant.other.placeholder | #ff66cc | — |
| keyword, storage.type, storage.modifier | #e6b800 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag | #c770ff | — |
| entity.name.function, meta.function-call, variable.function | #ffdd66 | — |
| string | #d8bf5a | — |
| constant.numeric, constant.language | #ffb347 | — |
| entity.name, support.type, support.class | #d1a3ff | — |
| entity.other.attribute-name | #ff99cc | — |
| tag.decorator.js entity.name.tag.js | #ff66cc | italic |
| markup.bold, markup.italic | #ff80df | — |
| text.html.basic, text.html.markdown, meta.jsx.children, string.unquoted, source.js.embedded.html | #d6b3ff | — |
| invalid, invalid.illegal | #ff0033 | — |