Ashened
Publisher: Aashwin SThemes in package: 1
VS CODE THEME ASHENED
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#0A001B
- activityBar.border#0A001B60
- activityBar.foreground#E1F0FF
- activityBarBadge.background#C9ECFF
- activityBarBadge.foreground#0A001B
- badge.background#0A001B30
- badge.foreground#96F9FF
- breadcrumb.activeSelectionForeground#96F9FF
- breadcrumb.background#0A001B
- breadcrumb.focusForeground#E1F0FF
- breadcrumb.foreground#D1FFFD
- breadcrumbPicker.background#0A001B
- button.background#96F9FF50
- contrastBorder#96F9FF40
- debugToolBar.background#0A001B
- diffEditor.insertedTextBackground#5738FF15
- diffEditor.removedTextBackground#FF767620
- dropdown.background#0A001B
- dropdown.border#DBCFFF10
- editor.background#0A001B
- editor.findMatchBackground#0A001B
- editor.findMatchBorder#96F9FF
- editor.findMatchHighlightBackground#96F9FF93
- editor.findMatchHighlightBorder#DBCFFF30
- editor.foreground#E1F0FF
- editor.lineHighlightBackground#0A001B50
- editor.selectionBackground#C9ECFF30
- editor.selectionHighlightBackground#96F9FF6b
- editor.selectionHighlightBorder#C9ECFFf0
- editorBracketMatch.background#0A001B
- editorBracketMatch.border#FF90EE7f
- editorCursor.foreground#FF90EE
- editorError.foreground#FF767670
- editorGroup.border#0A001B30
- editorGroupHeader.tabsBackground#0A001B
- editorGutter.addedBackground#5738FF60
- editorGutter.deletedBackground#FF767660
- editorGutter.modifiedBackground#C9ECFF60
- editorHoverWidget.background#0A001B
- editorHoverWidget.border#DBCFFF10
- editorIndentGuide.activeBackground#6F6F6F
- editorIndentGuide.background#6F6F6F70
- editorInfo.foreground#C9ECFF70
- editorLineNumber.activeForeground#C9ECFF
- editorLineNumber.foreground#96F9FFc0
- editorLink.activeForeground#E1F0FF
- editorMarkerNavigation.background#E1F0FF05
- editorOverviewRuler.border#0A001B
- editorOverviewRuler.errorForeground#FF767640
- editorOverviewRuler.findMatchForeground#96F9FF
- editorOverviewRuler.infoForeground#C9ECFF40
- editorOverviewRuler.warningForeground#FF90EE70
- editorRuler.foreground#6F6F6F
- editorSuggestWidget.background#0A001B
- editorSuggestWidget.border#DBCFFF10
- editorSuggestWidget.foreground#E1F0FF
- editorSuggestWidget.highlightForeground#FF90EE
- editorSuggestWidget.selectedBackground#96F9FF20
- editorWarning.foreground#5738FF
- editorWhitespace.foreground#E1F0FF40
- editorWidget.background#0A001B
- editorWidget.border#FF90EE
- editorWidget.resizeBorder#96F9FF
- extensionButton.prominentBackground#5738FF90
- extensionButton.prominentHoverBackground#FF7676
- focusBorder#DBCFFF00
- gitDecoration.conflictingResourceForeground#FF90EE
- gitDecoration.deletedResourceForeground#FF7676
- gitDecoration.ignoredResourceForeground#96F9FF
- gitDecoration.modifiedResourceForeground#D1FFFD
- gitDecoration.untrackedResourceForeground#C9ECFF
- input.background#0E0E0E
- input.border#DBCFFF10
- input.foreground#E1F0FF
- input.placeholderForeground#E1F0FF60
- inputOption.activeBackground#E1F0FF30
- inputOption.activeBorder#E1F0FF30
- inputValidation.errorBorder#FF767650
- inputValidation.infoBorder#C9ECFF50
- inputValidation.warningBorder#FF90EE50
- list.activeSelectionBackground#0A001B
- list.activeSelectionForeground#96F9FF
- list.focusBackground#0E0E0E
- list.focusForeground#C9ECFF
- list.highlightForeground#96F9FF
- list.hoverBackground#6F6F6F
- list.hoverForeground#DBCFFF
- list.inactiveSelectionBackground#0A001B30
- list.inactiveSelectionForeground#96F9FF
- list.warningForeground#FF90EE
- listFilterWidget.background#0A001B30
- listFilterWidget.noMatchesOutline#0A001B30
- listFilterWidget.outline#0A001B30
- menu.background#0A001Bf8
- menu.border#96F9FF50
- menu.foreground#E1F0FF
- menu.selectionBackground#0E0E0E
- menu.selectionBorder#0A001B30
- menu.selectionForeground#E1F0FF
- menu.separatorBackground#E1F0FF
- menubar.selectionBackground#0E0E0E
- menubar.selectionBorder#96F9FF50
- menubar.selectionForeground#E1F0FF
- minimap.background#0A001B
- minimapGutter.addedBackground#FF7676
- minimapGutter.deletedBackground#FF90EE
- minimapGutter.modifiedBackground#5738FF
- minimapSlider.activeBackground#5738FFb0
- minimapSlider.background#5738FF80
- minimapSlider.hoverBackground#5738FFa0
- notificationLink.foreground#96F9FF
- notifications.background#0A001B
- notifications.foreground#E1F0FF
- panel.background#0A001B
- panel.border#0A001B60
- panelTitle.activeBorder#96F9FF
- panelTitle.activeForeground#DBCFFF
- panelTitle.inactiveForeground#E1F0FF
- peekView.border#0A001B30
- peekViewEditor.background#E1F0FF05
- peekViewEditor.matchHighlightBackground#96F9FF50
- peekViewEditorGutter.background#E1F0FF05
- peekViewResult.background#E1F0FF05
- peekViewResult.matchHighlightBackground#96F9FF50
- peekViewResult.selectionBackground#96F9FF70
- peekViewTitle.background#E1F0FF05
- peekViewTitleDescription.foreground#E1F0FF60
- pickerGroup.foreground#96F9FF
- progressBar.background#96F9FF
- scrollbar.shadow#0A001B00
- scrollbarSlider.activeBackground#96F9FFcc
- scrollbarSlider.background#96F9FFbb
- scrollbarSlider.hoverBackground#96F9FFee
- selection.background#96F9FF
- settings.checkboxBackground#0A001B
- settings.checkboxForeground#E1F0FF
- settings.dropdownBackground#0A001B
- settings.dropdownForeground#E1F0FF
- settings.headerForeground#96F9FF
- settings.modifiedItemIndicator#96F9FF
- settings.numberInputBackground#0A001B
- settings.numberInputForeground#E1F0FF
- settings.textInputBackground#0A001B
- settings.textInputForeground#E1F0FF
- sideBar.background#0A001B
- sideBar.border#96F9FF50
- sideBar.foreground#C9ECFF
- sideBarSectionHeader.background#0A001B
- sideBarSectionHeader.border#0A001B60
- sideBarSectionHeader.foreground#C9ECFF
- sideBarTitle.foreground#E1F0FF
- statusBar.background#0013AA
- statusBar.border#0A001B60
- statusBar.debuggingBackground#FF90EE
- statusBar.debuggingForeground#DBCFFF
- statusBar.foreground#E3FFFC
- statusBar.noFolderBackground#0A001B
- statusBarItem.hoverBackground#96F9FF20
- statusBarItem.remoteBackground#96F9FF
- statusBarItem.remoteForeground#0A001B
- tab.activeBackground#96F9FF50
- tab.activeBorder#96F9FF
- tab.activeForeground#DBCFFF
- tab.activeModifiedBorder#96F9FF
- tab.border#0A001B
- tab.inactiveBackground#96F9FF20
- tab.inactiveForeground#E1F0FFaf
- tab.unfocusedActiveBackground#96F9FF40
- tab.unfocusedActiveBorder#96F9FF
- tab.unfocusedActiveForeground#E1F0FF
- tab.unfocusedInactiveBackground#96F9FF10
- tab.unfocusedInactiveForeground#E1F0FF7f
- terminal.ansiBlack#0A001B
- terminal.ansiBlue#C9ECFF
- terminal.ansiBrightBlack#96F9FF
- terminal.ansiBrightBlue#C9ECFF
- terminal.ansiBrightCyan#CAC9FF
- terminal.ansiBrightGreen#5738FF
- terminal.ansiBrightMagenta#FF90EE
- terminal.ansiBrightRed#FF7676
- terminal.ansiBrightWhite#DBCFFF
- terminal.ansiBrightYellow#FF90EE
- terminal.ansiCyan#CAC9FF
- terminal.ansiGreen#5738FF
- terminal.ansiMagenta#FF90EE
- terminal.ansiRed#FF7676
- terminal.ansiWhite#DBCFFF
- terminal.ansiYellow#FF90EE
- terminalCursor.background#0A001B
- terminalCursor.foreground#FF90EE
- textLink.activeForeground#E1F0FF
- textLink.foreground#96F9FF
- titleBar.activeBackground#0A001B
- titleBar.activeForeground#E1F0FF
- titleBar.border#0A001B60
- titleBar.inactiveBackground#0A001B
- titleBar.inactiveForeground#96F9FF
- tree.indentGuidesStroke#6F6F6F
- widget.shadow#0A001B30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.line.scss, comment.line.double-slash.js, comment.line.double-slash.ts, comment.block.js, comment.block.ts, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.ts, punctuation.definition.comment.html, comment.block.html | #6D6F7C | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator, keyword.other, storage | #FF90EE | italic |
| keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.return, keyword.control.import, keyword.control.export, keyword.control.from | #FF90EE | bold italic |
| variable, variable.parameter, variable.parameter.js, variable.parameter.ts, variable.parameter.function, string constant.other.placeholder | #E1F0FF | italic |
| entity.name.function, support.function, meta.function-call.generic, variable.function, entity.name.method | #C9ECFF | italic |
| entity.name.class, entity.name.type, support.type, support.class, entity.other.inherited-class | #CAC9FF | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template | #C9ECFF | — |
| string.template, string.quoted.template, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, meta.template.expression | #96F9FF | — |
| constant.numeric, constant.language, constant.character, constant.escape, constant.other | #FF90EE | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #5738FF | bold |
| string.regexp, string.regexp.character-class, string.regexp.anchor, string.regexp.quantifier | #CAC9FF | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.variable.property | #D1FFFD | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.tsx | #E1F0FF | bold |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #FF90EE | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.sass, support.type.property-name.less | #D1FFFD | — |
| support.constant.property-value.css, support.constant.font-name.css, support.constant.media.css | #C9ECFF | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css | #96F9FF | — |
| support.type.property-name.json, string.quoted.double.json support.type.property-name.json | #E1F0FF | — |
| markup.heading, markup.heading.markdown, entity.name.section.markdown | #D1FFFD | bold |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #FF90EE | — |
| markup.underline.link.markdown, string.other.link.title.markdown, string.other.link.description.title.markdown | #96F9FF | underline |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #FF90EE | italic |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #CAC9FF | italic |
| variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, meta.import.js, meta.import.ts | #FF7676 | — |
| entity.name.type.ts, entity.name.type.tsx, support.type.primitive.ts, support.type.primitive.tsx | #CAC9FF | bold |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.jsx, entity.name.tag.tsx | #96F9FF | bold |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition | #A7A8AF | — |
| punctuation.section.brackets, punctuation.section.braces, punctuation.section.parens, meta.brace.round, meta.brace.square, meta.brace.curly | #E1F0FF | — |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise | #FF90EE | — |
| invalid, invalid.illegal, invalid.deprecated | #FF7676 | strikethrough |
| markup.inserted, markup.inserted.git_gutter | #5738FF | — |
| markup.deleted, markup.deleted.git_gutter | #FF7676 | — |
| markup.changed, markup.changed.git_gutter | #FF90EE | — |
| constant.character.escape | #CAC9FF | bold |
| *url*, *link*, *uri* | — | underline |
| support.function.console, entity.name.function.console | #96F9FF | bold |
| token.info-token | #96F9FF | — |
| token.warn-token | #FF90EE | — |
| token.error-token | #FF7676 | — |
| token.debug-token | #CAC9FF | — |
| keyword.control.import.python, keyword.control.flow.python, keyword.operator.logical.python, keyword.control.exception.python | #FF90EE | bold italic |
| support.function.builtin.python, support.type.python, constant.language.python | #CAC9FF | bold |
| support.function.magic.python, variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #96F9FF | italic |
| entity.name.function.decorator.python, punctuation.definition.decorator.python, meta.function.decorator.python | #FF90EE | italic |
| string.quoted.single.python, string.quoted.double.python, string.quoted.triple.python, meta.fstring.python, string.interpolated.python | #C9ECFF | — |
| meta.fstring.python meta.interpolation.python, punctuation.definition.interpolation.begin.python, punctuation.definition.interpolation.end.python | #96F9FF | — |
| entity.name.class.python, entity.other.inherited-class.python | #CAC9FF | bold |
| keyword.control.cpp, keyword.other.cpp, storage.type.cpp, storage.modifier.cpp | #FF90EE | italic |
| storage.type.primitive.cpp, storage.type.built-in.cpp, entity.name.type.cpp | #CAC9FF | bold |
| support.function.cpp, support.class.std.cpp, entity.name.namespace.cpp | #D1FFFD | — |
| keyword.control.directive.cpp, meta.preprocessor.cpp, keyword.control.directive.include.cpp, keyword.control.directive.define.cpp | #FF90EE | bold |
| entity.name.function.cpp, entity.name.function.member.cpp | #C9ECFF | italic |
| entity.name.class.cpp, entity.name.struct.cpp, entity.name.union.cpp | #CAC9FF | bold |
| punctuation.definition.pointer.cpp, storage.modifier.pointer.cpp, storage.modifier.reference.cpp | #FF90EE | bold |
| keyword.other.template.cpp, punctuation.definition.template.cpp, meta.template.cpp | #96F9FF | — |
| keyword.control.go, keyword.function.go, keyword.package.go, keyword.import.go | #FF90EE | italic |
| storage.type.go, entity.name.type.go, support.type.go | #CAC9FF | bold |
| support.function.builtin.go, constant.language.go | #D1FFFD | bold |
| entity.name.function.go, support.function.go | #C9ECFF | italic |
| entity.name.struct.go, entity.name.interface.go | #CAC9FF | bold |
| entity.name.package.go, entity.name.import.go | #96F9FF | — |
| keyword.channel.go, keyword.control.go.goroutine | #FF90EE | bold |
| constant.other.placeholder.go | #96F9FF | bold |