Midnight Peony
Publisher: yuki6942Themes in package: 1
High contrast dark theme with pink accents
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.activeBorder#ff69b4
- activityBar.background#0d0d0d
- activityBar.foreground#ff69b4
- badge.background#ff69b4
- badge.foreground#000000
- button.background#ff69b4
- button.foreground#000000
- button.hoverBackground#ff85c1
- dropdown.background#1a1a1a
- dropdown.foreground#ffffff
- editor.background#0a0a0a
- editor.foreground#ffffff
- editor.inactiveSelectionBackground#ff69b420
- editor.lineHighlightBackground#1a1a1a
- editor.selectionBackground#ff69b430
- editorCursor.foreground#ff69b4
- editorIndentGuide.activeBackground#ff69b460
- editorIndentGuide.background#2a2a2a
- panel.background#101010
- sideBar.background#0d0d0d
- sideBar.foreground#ffffff
- statusBar.background#0d0d0d
- statusBar.foreground#ff69b4
- tab.activeBackground#121212
- tab.activeBorderTop#ff69b4
- tab.activeForeground#ffffff
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#888888
- terminal.background#0a0a0a
- terminal.foreground#ffffff
- terminalCursor.foreground#ff69b4
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#ff69b4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a6a6a | italic |
| keyword, storage.type | #ff69b4 | bold |
| string, constant.other.symbol | #f78fb3 | — |
| variable, identifier | #ffffff | — |
| constant.numeric | #ffaec9 | — |
| function, entity.name.function | #ffc0cb | — |
| entity.name.type, support.class | #ff94d4 | — |
| invalid, invalid.deprecated | #ffffff | — |
| entity.name.tag.css, support.type.property-name.css | #ff69b4 | — |
| support.constant.property-value.css | #f78fb3 | — |
| meta.property-list.css, meta.property-value.css | #ffffff | — |
| punctuation.terminator.rule.css, punctuation.separator.key-value.css | #888888 | — |
| entity.other.attribute-name.id.css | #ff85c1 | — |
| entity.other.attribute-name.class.css | #ffc0cb | — |
| variable.css, variable.other.css, support.variable.css | #ffaec9 | — |
| variable.function.css, variable.parameter.css | #ff94d4 | — |
| keyword.other.unit.css, support.type.vendored.property-name | #8888ff | — |
| entity.pseudo-class.css, entity.pseudo-element.css | #ff8ad4 | — |
| entity.name.tag.html, meta.tag.sgml | #ff69b4 | — |
| string.quoted.double.html, string.quoted.single.html, meta.attribute.html | #f78fb3 | — |
| variable.other.readwrite, identifier.js, meta.definition.variable.js | #ffffff | — |
| support.function, entity.name.function.js | #ffc0cb | — |
| constant.language.boolean, constant.language.null | #ff94d4 | — |
| storage.modifier.js, keyword.control | #ff69b4 | — |
| markup.heading, markup.heading.markdown | #ff69b4 | bold |
| markup.bold, markup.bold.markdown | #ffc0cb | bold |
| markup.italic, markup.italic.markdown | #f78fb3 | italic |
| markup.inline.raw, markup.raw.code.markdown | #ffaec9 | — |