Ash & Ember — Warm Dark Theme

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#FF742B
• activityBar.activeFocusBorder#FFB067
• activityBar.background#1B1B1B
• activityBar.border#222222
• activityBar.foreground#FF742B
• activityBar.inactiveForeground#9E9E9E
• activityBarBadge.background#FF742B
• activityBarBadge.foreground#131313
• badge.background#FF742B
• badge.foreground#131313
• breadcrumb.activeSelectionForeground#FFB067
• breadcrumb.background#1B1B1B
• breadcrumb.focusForeground#EDEDED
• breadcrumb.foreground#A39B93
• button.background#FFB067
• button.foreground#131313
• button.hoverBackground#FFC386
• diffEditor.insertedTextBackground#2B4026AA
• diffEditor.removedTextBackground#46272AAA
• dropdown.background#171717
• dropdown.foreground#EDEDED
• editor.background#131313
• editor.foreground#EDEDED
• editor.lineHighlightBackground#1E1E1E
• editor.selectionBackground#2A201B
• editor.selectionHighlightBackground#37281f
• editorBracketMatch.border#3A3A3A
• editorCursor.foreground#FF742B
• editorGroup.border#222222
• editorGutter.addedBackground#2ea043
• editorGutter.deletedBackground#f85149
• editorGutter.modifiedBackground#58a6ff
• editorIndentGuide.activeBackground1#3A3A3A
• editorIndentGuide.background1#2A2A2A
• editorInlayHint.background#1B1B1B
• editorInlayHint.foreground#B8B8B8
• gitDecoration.addedResourceForeground#6FBF8F
• gitDecoration.deletedResourceForeground#D14D41
• gitDecoration.modifiedResourceForeground#6FA4FF
• gitDecoration.renamedResourceForeground#FFB067
• gitDecoration.untrackedResourceForeground#6FBF8F
• input.background#171717
• input.foreground#EDEDED
• input.placeholderForeground#A7A7A7
• list.activeSelectionBackground#2B221C
• list.activeSelectionForeground#FFFFFF
• list.filterMatchBackground#FF742B33
• list.focusBackground#2E251E
• list.highlightForeground#FFB067
• list.hoverBackground#22201C
• list.inactiveSelectionBackground#24201B
• list.inactiveSelectionForeground#EDEDED
• menubar.selectionBackground#24201B
• notificationCenterHeader.background#1B1B1B
• notifications.background#1A1A1A
• notifications.border#222222
• panel.background#1B1B1B
• panel.border#222222
• scrollbarSlider.activeBackground#FF742B66
• scrollbarSlider.background#2A2A2A33
• scrollbarSlider.hoverBackground#3A3A3A
• sideBar.background#1B1B1B
• sideBar.border#222222
• sideBar.foreground#E2E0DC
• sideBarSectionHeader.background#1B1B1B
• sideBarSectionHeader.foreground#FF742B
• sideBarTitle.foreground#EDEDED
• statusBar.background#1B1B1B
• statusBar.debuggingBackground#FFB067
• statusBar.debuggingForeground#131313
• statusBar.foreground#E2E0DC
• statusBar.noFolderBackground#1B1B1B
• tab.activeBackground#222222
• tab.activeForeground#FFFFFF
• tab.border#1B1B1B
• tab.hoverBackground#202020
• tab.inactiveBackground#1B1B1B
• tab.inactiveForeground#B8B8B8
• terminal.ansiBlack#2A2A2A
• terminal.ansiBlue#6FA4FF
• terminal.ansiCyan#3FB8C0
• terminal.ansiGreen#6FBF8F
• terminal.ansiMagenta#A08CC2
• terminal.ansiRed#D14D41
• terminal.ansiWhite#D9D9D9
• terminal.ansiYellow#FFB067
• terminal.background#131313
• terminal.foreground#EDEDED
• textLink.activeForeground#FFD29F
• textLink.foreground#FFB067
• titleBar.activeBackground#1B1B1B
• titleBar.activeForeground#E2E0DC
• tree.inactiveIndentGuidesStroke#232323
• tree.indentGuidesStroke#2A2A2A
• tree.tableColumnsBorder#242424

tokenColors

TextMate scopes and font styles (syntax highlighting rules).