Ashes
Publisher: Mahadi HasanThemes in package: 1
A dark VSCode theme based on the NvChad Ashes (base16) color scheme
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#161a1d
- activityBar.border#161a1d
- activityBar.foreground#c7ccd1
- activityBar.inactiveForeground#44484b
- activityBarBadge.background#99c366
- activityBarBadge.foreground#1c2023
- badge.background#99c366
- badge.foreground#1c2023
- breadcrumb.activeSelectionForeground#adb3ba
- breadcrumb.background#1c2023
- breadcrumb.focusForeground#c7ccd1
- breadcrumb.foreground#565a5d
- breadcrumbPicker.background#272b2e
- button.background#99c366
- button.foreground#1c2023
- button.hoverBackground#aec795
- button.secondaryBackground#303437
- button.secondaryForeground#c7ccd1
- button.secondaryHoverBackground#3a3e41
- charts.blue#95aec7
- charts.foreground#c7ccd1
- charts.green#aec795
- charts.lines#44484b
- charts.orange#c7ae95
- charts.purple#ae95c7
- charts.red#c79595
- charts.yellow#c7c795
- checkbox.background#272b2e
- checkbox.border#303437
- checkbox.foreground#c7ccd1
- debugConsole.errorForeground#c79595
- debugConsole.infoForeground#95aec7
- debugConsole.sourceForeground#c7ccd1
- debugConsole.warningForeground#c7ae95
- debugConsoleInputIcon.foreground#aec795
- debugIcon.breakpointDisabledForeground#565a5d
- debugIcon.breakpointForeground#c79595
- debugIcon.breakpointUnverifiedForeground#c7ae95
- debugIcon.continueForeground#aec795
- debugIcon.disconnectForeground#c7ae95
- debugIcon.pauseForeground#c7c795
- debugIcon.restartForeground#aec795
- debugIcon.startForeground#aec795
- debugIcon.stepBackForeground#95aec7
- debugIcon.stepIntoForeground#9eb7d0
- debugIcon.stepOutForeground#9eb7d0
- debugIcon.stepOverForeground#95aec7
- debugIcon.stopForeground#c79595
- debugToolBar.background#272b2e
- debugToolBar.border#303437
- debugView.exceptionLabelBackground#c79595
- debugView.exceptionLabelForeground#1c2023
- debugView.stateLabelBackground#aec795
- debugView.stateLabelForeground#1c2023
- descriptionForeground#adb3ba
- diffEditor.insertedLineBackground#aec79515
- diffEditor.insertedTextBackground#aec79520
- diffEditor.removedLineBackground#c7959515
- diffEditor.removedTextBackground#c7959520
- disabledForeground#565a5d
- dropdown.background#272b2e
- dropdown.border#303437
- dropdown.foreground#c7ccd1
- dropdown.listBackground#272b2e
- editor.background#1c2023
- editor.findMatchBackground#c7ae9540
- editor.findMatchHighlightBackground#c7ae9520
- editor.findRangeHighlightBackground#272b2e40
- editor.foreground#c7ccd1
- editor.hoverHighlightBackground#30343750
- editor.inactiveSelectionBackground#272b2e60
- editor.lineHighlightBackground#272b2e
- editor.rangeHighlightBackground#272b2e30
- editor.selectionBackground#30343780
- editor.selectionHighlightBackground#2a2e3160
- editor.wordHighlightBackground#30343760
- editor.wordHighlightStrongBackground#3a3e4160
- editorBracketHighlight.foreground1#95aec7
- editorBracketHighlight.foreground2#ae95c7
- editorBracketHighlight.foreground3#aec795
- editorBracketHighlight.foreground4#c7ae95
- editorBracketHighlight.foreground5#c795ae
- editorBracketHighlight.foreground6#9eb7d0
- editorBracketHighlight.unexpectedBracket.foreground#c79595
- editorBracketMatch.background#303437
- editorBracketMatch.border#adb3ba
- editorCodeLens.foreground#565a5d
- editorCursor.foreground#c7ccd1
- editorError.foreground#c79595
- editorGroup.border#161a1d
- editorGroupHeader.noTabsBackground#1c2023
- editorGroupHeader.tabsBackground#161a1d
- editorGutter.addedBackground#aec795
- editorGutter.background#1c2023
- editorGutter.deletedBackground#c79595
- editorGutter.modifiedBackground#c7c795
- editorHint.foreground#9eb7d0
- editorHoverWidget.background#272b2e
- editorHoverWidget.border#303437
- editorIndentGuide.activeBackground1#44484b
- editorIndentGuide.background1#303437
- editorInfo.foreground#95aec7
- editorLightBulb.foreground#c7c795
- editorLineNumber.activeForeground#adb3ba
- editorLineNumber.foreground#44484b
- editorOverviewRuler.addedForeground#aec795
- editorOverviewRuler.border#161a1d
- editorOverviewRuler.deletedForeground#c79595
- editorOverviewRuler.errorForeground#c79595
- editorOverviewRuler.findMatchForeground#c7ae9580
- editorOverviewRuler.infoForeground#95aec7
- editorOverviewRuler.modifiedForeground#c7c795
- editorOverviewRuler.rangeHighlightForeground#95aec780
- editorOverviewRuler.selectionHighlightForeground#30343780
- editorOverviewRuler.warningForeground#c7ae95
- editorOverviewRuler.wordHighlightForeground#ae95c780
- editorOverviewRuler.wordHighlightStrongForeground#c795ae80
- editorRuler.foreground#303437
- editorSuggestWidget.background#272b2e
- editorSuggestWidget.border#303437
- editorSuggestWidget.foreground#c7ccd1
- editorSuggestWidget.highlightForeground#95aec7
- editorSuggestWidget.selectedBackground#303437
- editorWarning.foreground#c7ae95
- editorWhitespace.foreground#303437
- editorWidget.background#272b2e
- editorWidget.border#303437
- errorForeground#c79595
- extensionBadge.remoteBackground#95aec7
- extensionBadge.remoteForeground#1c2023
- extensionButton.prominentBackground#99c366
- extensionButton.prominentForeground#1c2023
- extensionButton.prominentHoverBackground#aec795
- focusBorder#95aec7
- foreground#c7ccd1
- gitDecoration.addedResourceForeground#aec795
- gitDecoration.conflictingResourceForeground#c7ae95
- gitDecoration.deletedResourceForeground#c79595
- gitDecoration.ignoredResourceForeground#565a5d
- gitDecoration.modifiedResourceForeground#c7c795
- gitDecoration.submoduleResourceForeground#95aec7
- gitDecoration.untrackedResourceForeground#95c7ae
- icon.foreground#c7ccd1
- input.background#24282b
- input.border#303437
- input.foreground#c7ccd1
- input.placeholderForeground#565a5d
- inputOption.activeBackground#303437
- inputOption.activeBorder#95aec7
- inputOption.activeForeground#c7ccd1
- inputValidation.errorBackground#272b2e
- inputValidation.errorBorder#c79595
- inputValidation.infoBackground#272b2e
- inputValidation.infoBorder#95aec7
- inputValidation.warningBackground#272b2e
- inputValidation.warningBorder#c7ae95
- keybindingLabel.background#272b2e
- keybindingLabel.border#44484b
- keybindingLabel.bottomBorder#44484b
- keybindingLabel.foreground#c7ccd1
- list.activeSelectionBackground#303437
- list.activeSelectionForeground#c7ccd1
- list.errorForeground#c79595
- list.focusBackground#303437
- list.focusForeground#c7ccd1
- list.highlightForeground#95aec7
- list.hoverBackground#272b2e
- list.hoverForeground#c7ccd1
- list.inactiveSelectionBackground#272b2e
- list.inactiveSelectionForeground#adb3ba
- list.warningForeground#c7ae95
- merge.currentContentBackground#aec79510
- merge.currentHeaderBackground#aec79520
- merge.incomingContentBackground#95aec710
- merge.incomingHeaderBackground#95aec720
- mergeEditor.change.background#aec79515
- mergeEditor.change.word.background#aec79525
- mergeEditor.conflict.handledFocused.border#aec795
- mergeEditor.conflict.handledUnfocused.border#aec79560
- mergeEditor.conflict.unhandledFocused.border#c7ae95
- mergeEditor.conflict.unhandledUnfocused.border#c7ae9560
- notificationCenterHeader.background#161a1d
- notificationCenterHeader.foreground#c7ccd1
- notificationLink.foreground#95aec7
- notifications.background#272b2e
- notifications.border#303437
- notifications.foreground#c7ccd1
- notificationsErrorIcon.foreground#c79595
- notificationsInfoIcon.foreground#95aec7
- notificationsWarningIcon.foreground#c7ae95
- notificationToast.border#303437
- panel.background#1c2023
- panel.border#303437
- panelInput.border#303437
- panelTitle.activeBorder#95aec7
- panelTitle.activeForeground#c7ccd1
- panelTitle.inactiveForeground#565a5d
- peekView.border#95aec7
- peekViewEditor.background#1c2023
- peekViewEditor.matchHighlightBackground#c7ae9530
- peekViewResult.background#272b2e
- peekViewResult.fileForeground#c7ccd1
- peekViewResult.lineForeground#adb3ba
- peekViewResult.matchHighlightBackground#c7ae9530
- peekViewResult.selectionBackground#303437
- peekViewResult.selectionForeground#c7ccd1
- peekViewTitle.background#272b2e
- peekViewTitleDescription.foreground#adb3ba
- peekViewTitleLabel.foreground#c7ccd1
- progressBar.background#95aec7
- quickInput.background#272b2e
- quickInput.foreground#c7ccd1
- quickInputList.focusBackground#303437
- quickInputTitle.background#272b2e
- scrollbar.shadow#161a1d
- scrollbarSlider.activeBackground#44484b
- scrollbarSlider.background#303437
- scrollbarSlider.hoverBackground#3a3e41
- selection.background#303437
- sideBar.background#1c2023
- sideBar.border#161a1d
- sideBar.foreground#adb3ba
- sideBarSectionHeader.background#161a1d
- sideBarSectionHeader.border#161a1d
- sideBarSectionHeader.foreground#c7ccd1
- sideBarTitle.foreground#c7ccd1
- statusBar.background#23272a
- statusBar.border#161a1d
- statusBar.debuggingBackground#c79595
- statusBar.debuggingForeground#1c2023
- statusBar.foreground#c7ccd1
- statusBar.noFolderBackground#272b2e
- statusBarItem.activeBackground#3a3e41
- statusBarItem.hoverBackground#303437
- statusBarItem.remoteBackground#99c366
- statusBarItem.remoteForeground#1c2023
- symbolIcon.arrayForeground#c7ae95
- symbolIcon.booleanForeground#c79595
- symbolIcon.classForeground#c7c795
- symbolIcon.colorForeground#c795ae
- symbolIcon.constructorForeground#ae95c7
- symbolIcon.enumeratorForeground#c7c795
- symbolIcon.enumeratorMemberForeground#c7ae95
- symbolIcon.eventForeground#c795ae
- symbolIcon.fieldForeground#c7ccd1
- symbolIcon.fileForeground#95aec7
- symbolIcon.folderForeground#8ca5be
- symbolIcon.functionForeground#95aec7
- symbolIcon.interfaceForeground#aec795
- symbolIcon.keyForeground#c7c795
- symbolIcon.keywordForeground#c795ae
- symbolIcon.methodForeground#95aec7
- symbolIcon.moduleForeground#c7ccd1
- symbolIcon.namespaceForeground#c7ccd1
- symbolIcon.nullForeground#c79595
- symbolIcon.numberForeground#c7c795
- symbolIcon.objectForeground#c7ae95
- symbolIcon.operatorForeground#9eb7d0
- symbolIcon.packageForeground#c7ae95
- symbolIcon.propertyForeground#c7ccd1
- symbolIcon.referenceForeground#95aec7
- symbolIcon.snippetForeground#aec795
- symbolIcon.stringForeground#aec795
- symbolIcon.structForeground#c7ae95
- symbolIcon.textForeground#c7ccd1
- symbolIcon.typeParameterForeground#c7c795
- symbolIcon.unitForeground#c7c795
- symbolIcon.variableForeground#c7ccd1
- tab.activeBackground#1c2023
- tab.activeBorder#95aec7
- tab.activeForeground#c7ccd1
- tab.border#161a1d
- tab.hoverBackground#272b2e
- tab.inactiveBackground#161a1d
- tab.inactiveForeground#565a5d
- tab.unfocusedActiveBorder#44484b
- terminal.ansiBlack#1c2023
- terminal.ansiBlue#95aec7
- terminal.ansiBrightBlack#44484b
- terminal.ansiBrightBlue#95aec7
- terminal.ansiBrightCyan#95c7ae
- terminal.ansiBrightGreen#aec795
- terminal.ansiBrightMagenta#ae95c7
- terminal.ansiBrightRed#c79595
- terminal.ansiBrightWhite#f3f4f5
- terminal.ansiBrightYellow#c7c795
- terminal.ansiCyan#95c7ae
- terminal.ansiGreen#aec795
- terminal.ansiMagenta#ae95c7
- terminal.ansiRed#c79595
- terminal.ansiWhite#c7ccd1
- terminal.ansiYellow#c7c795
- terminal.background#1c2023
- terminal.foreground#c7ccd1
- terminal.selectionBackground#303437
- terminalCursor.foreground#c7ccd1
- textBlockQuote.background#272b2e
- textBlockQuote.border#95aec7
- textCodeBlock.background#272b2e
- textLink.activeForeground#9eb7d0
- textLink.foreground#95aec7
- textPreformat.foreground#aec795
- textSeparator.foreground#303437
- titleBar.activeBackground#161a1d
- titleBar.activeForeground#c7ccd1
- titleBar.border#161a1d
- titleBar.inactiveBackground#1c2023
- titleBar.inactiveForeground#565a5d
- toolbar.activeBackground#303437
- toolbar.hoverBackground#272b2e
- tree.indentGuidesStroke#44484b
- widget.shadow#161a1d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #565a5d | italic |
| string, string.quoted, string.template, string.regexp | #aec795 | — |
| constant.character.escape, string.regexp | #95c7ae | — |
| constant.numeric | #c7c795 | — |
| constant.language.boolean | #c7c795 | — |
| constant.language.null, constant.language.undefined, constant.language.nil | #c7c795 | — |
| constant, constant.language, support.constant | #c7c795 | — |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.exception, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of | #c795ae | — |
| storage.type, storage.modifier | #aec795 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.with | #ae95c7 | — |
| keyword.operator, punctuation.separator.key-value | #c7ccd1 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #ae95c7 | — |
| variable.parameter | #c7ae95 | — |
| entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution, support.class, support.type | #c7c795 | — |
| entity.name.type.interface | #aec795 | — |
| entity.name.type.enum | #c7c795 | — |
| entity.name.type.parameter, meta.type.parameters | #c7c795 | — |
| variable, variable.other, variable.other.readwrite | #c7ccd1 | — |
| variable.other.object.property, meta.object-literal.key, support.variable.property | #c7ae95 | — |
| entity.name.tag | #c795ae | — |
| entity.other.attribute-name | #c7ae95 | — |
| entity.other.attribute-name.class | #c7c795 | — |
| entity.other.attribute-name.id | #c7ae95 | — |
| support.type.property-name | #c7ae95 | — |
| support.constant.property-value | #aec795 | — |
| constant.other.color, support.constant.color | #c795ae | — |
| keyword.other.unit, constant.numeric.css | #c7c795 | — |
| meta.selector | #c795ae | — |
| constant.character.entity | #95c7ae | — |
| markup.heading, entity.name.section | #95aec7 | bold |
| markup.bold | #c7ccd1 | bold |
| markup.italic | #c7ccd1 | italic |
| markup.raw.inline, markup.fenced_code.block | #aec795 | — |
| markup.underline.link, string.other.link | #9eb7d0 | — |
| markup.quote | #565a5d | italic |
| markup.list, punctuation.definition.list | #c7ae95 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section | #c79595 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.brackets | #c79595 | — |
| entity.name.module, variable.other.module, support.module | #c7ae95 | — |
| support.type.primitive, support.type.builtin | #aec795 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #c79595 | italic |
| support.type.property-name.json | #c7ae95 | — |
| entity.name.tag.yaml | #c7ae95 | — |
| keyword.key.toml | #c7ae95 | — |
| variable.other.normal.shell | #c7ae95 | — |
| invalid, invalid.deprecated | #c79595 | strikethrough |