Ann's Poetic Themes
Publisher: ningThemes in package: 2
Dual VSCode themes inspired by the poetic elegance of Ann Demeulemeester's design - featuring both modern and poetic dark variants with harmonious color palettes.
Color themes
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#C8A89A
- activityBar.background#151515
- activityBar.foreground#C8C8C8
- badge.background#4A3D5A
- badge.foreground#D8C8E8
- button.background#5A4A4A
- button.foreground#E0D0D0
- button.hoverBackground#6A5A5A
- contrastBorder#3A2D2D
- disabledForeground#767676
- editor.background#1A1A1A
- editor.findMatchBackground#5A4A3A
- editor.findMatchHighlightBackground#4A3D2D
- editor.foreground#E0E0E0
- editor.inactiveSelectionBackground#252D2D
- editor.lineHighlightBackground#252525
- editor.selectionBackground#2D3D3D
- editorGroup.border#3A2D2D
- editorGroupHeader.tabsBackground#151515
- editorIndentGuide.activeBackground#5A4A4A
- editorIndentGuide.background#2D2D2D
- editorLineNumber.activeForeground#8A7A6A
- editorLineNumber.foreground#5A5A5A
- focusBorder#3A3A3A
- foreground#E0E0E0
- input.background#252525
- input.border#3A3A3A
- input.foreground#E0E0E0
- input.placeholderForeground#8A7A6A
- list.activeSelectionBackground#2D2525
- list.activeSelectionForeground#E8D8C8
- list.focusBackground#2D2D35
- list.hoverBackground#252525
- list.inactiveSelectionBackground#1A1A1A
- menu.background#151515
- menu.foreground#C8C8C8
- menu.selectionBackground#2D2525
- menu.selectionForeground#C8B4A3
- menu.separatorBackground#2D2D2D
- menubar.selectionBackground#2D2525
- menubar.selectionForeground#C8B4A3
- notification.background#252525
- notification.buttonBackground#5A4A4A
- notification.buttonHoverBackground#6A5A5A
- notification.errorBackground#4A2D2D
- notification.foreground#E0E0E0
- notification.infoBackground#2D354A
- notification.warningBackground#4A3D2D
- panel.background#1A1A1A
- panel.border#2D2525
- progressBar.background#C8A89A
- scrollbar.shadow#1A1A1A
- scrollbarSlider.activeBackground#6A5A5A
- scrollbarSlider.background#4A3D3D
- scrollbarSlider.hoverBackground#5A4A4A
- selection.background#3D4A4A
- sideBar.background#151515
- sideBar.border#251A1A
- sideBar.foreground#C8C8C8
- sideBarSectionHeader.background#1A1515
- statusBar.background#1A1515
- statusBar.debuggingBackground#4A2D2D
- statusBar.foreground#C8B4A3
- tab.activeBackground#1A1A1A
- tab.activeBorder#C8A89A
- tab.activeForeground#E0E0E0
- tab.border#2D1A1A
- tab.hoverBackground#252525
- tab.inactiveBackground#151515
- tab.inactiveForeground#989898
- textLink.activeForeground#C8AA9A
- textLink.foreground#B89A8A
- titleBar.activeBackground#0A0A0A
- titleBar.activeBorder#C8A89A
- titleBar.activeForeground#C8B4A3
- titleBar.border#1A1515
- titleBar.inactiveBackground#0D0D0D
- titleBar.inactiveForeground#8A7A6A
- widget.border#2D2D2D
- window.activeBorder#3A2D2D
- window.inactiveBorder#2D2525
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6A6A5A | italic |
| string | #C8B4A3 | italic |
| keyword, storage, keyword.control | #B89A9A | bold |
| entity.name.function, support.function | #A8B4C8 | bold |
| entity.name.class, entity.name.type, support.type | #C8A8C8 | bold |
| variable, variable.parameter, variable.other | #D0D0C0 | — |
| variable.object.property, meta.attribute | #B8C8A8 | — |
| constant.numeric, constant.language | #A8A8B8 | — |
| keyword.operator | #989888 | — |
| punctuation | #A8A898 | — |
| entity.name.tag, punctuation.definition.tag | #8AA8C8 | — |
| entity.other.attribute-name | #C8A88A | — |
| support.type.property-name.css | #A8C8B8 | — |
| support.type.property-name.json | #B8A8C8 | bold |
| markup.heading, entity.name.section.markdown | #C8B49A | bold |
| markup.underline.link.markdown | #9AB8C8 | italic |
| markup.bold.markdown | #D8C8A8 | bold |
| markup.italic.markdown | #C8B8A8 | italic |
| markup.inserted.diff | #A8C8A8 | — |
| markup.deleted.diff | #C8A8A8 | — |
| variable.language.this, variable.language.super, constant.language | #D8B8A8 | bold |