Ann's Poetic Dark

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).