Ash Lumen
Publisher: edflThemes in package: 2
A monochromatic color theme. Hierarchy through luminance, not hue.
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.background#eeeeee
- activityBar.foreground#888888
- activityBarBadge.background#d0d0d0
- badge.background#d0d0d0
- badge.foreground#505050
- breadcrumb.activeSelectionForeground#505050
- breadcrumb.focusForeground#505050
- breadcrumb.foreground#a0a0a0
- button.background#d0d0d0
- button.foreground#505050
- button.hoverBackground#c0c0c0
- debugIcon.breakpointDisabledForeground#c0c0c0
- debugIcon.breakpointForeground#806060
- debugIcon.continueForeground#806060
- debugIcon.disconnectForeground#806060
- debugIcon.pauseForeground#806060
- debugIcon.restartForeground#607080
- debugIcon.startForeground#607080
- debugIcon.stepBackForeground#808080
- debugIcon.stepIntoForeground#808080
- debugIcon.stepOutForeground#808080
- debugIcon.stepOverForeground#808080
- debugIcon.stopForeground#806060
- descriptionForeground#909090
- diffEditor.insertedLineBackground#6070600c
- diffEditor.insertedTextBackground#60706018
- diffEditor.removedLineBackground#8060600c
- diffEditor.removedTextBackground#80606018
- dropdown.background#f0f0f0
- dropdown.border#e0e0e0
- dropdown.foreground#505050
- editor.background#eeeeee
- editor.foreground#505050
- editor.lineHighlightBorder#ececec
- editorBracketHighlight.foreground1#606060
- editorBracketHighlight.foreground2#808080
- editorBracketHighlight.foreground3#a0a0a0
- editorBracketHighlight.foreground4#606060
- editorBracketHighlight.foreground5#808080
- editorBracketHighlight.foreground6#a0a0a0
- editorBracketHighlight.unexpectedBracket.foreground#806060
- editorBracketMatch.background#e8e8e800
- editorBracketMatch.border#c0c0c0
- editorCursor.foreground#808080
- editorError.foreground#806060
- editorGroupHeader.tabsBackground#eeeeee
- editorGroupHeader.tabsBorder#eeeeee
- editorGutter.addedBackground#607060
- editorGutter.deletedBackground#806060
- editorGutter.modifiedBackground#808080
- editorHint.foreground#a0a0a0
- editorIndentGuide.activeBackground#d8d8d8
- editorIndentGuide.background#e8e8e8
- editorInfo.foreground#607080
- editorLineNumber.activeForeground#808080
- editorLineNumber.foreground#c0c0c0
- editorOverviewRuler.addedForeground#60706050
- editorOverviewRuler.bracketMatchForeground#b0b0b080
- editorOverviewRuler.deletedForeground#80606050
- editorOverviewRuler.errorForeground#806060
- editorOverviewRuler.findMatchForeground#a0a0a080
- editorOverviewRuler.infoForeground#607080
- editorOverviewRuler.modifiedForeground#80808050
- editorOverviewRuler.warningForeground#808060
- editorRuler.foreground#e8e8e8
- editorSuggestWidget.background#f0f0f0
- editorSuggestWidget.border#e0e0e0
- editorSuggestWidget.selectedBackground#e8e8e8
- editorWarning.foreground#808060
- errorForeground#806060
- focusBorder#d0d0d0
- foreground#707070
- gitDecoration.conflictingResourceForeground#7a4e4e
- gitDecoration.deletedResourceForeground#806060
- gitDecoration.ignoredResourceForeground#c0c0c0
- gitDecoration.modifiedResourceForeground#607060
- gitDecoration.untrackedResourceForeground#607060
- icon.foreground#888888
- input.background#f8f8f8
- input.border#e0e0e0
- input.foreground#505050
- input.placeholderForeground#b0b0b0
- inputOption.activeBackground#e0e0e0
- list.activeSelectionBackground#e8e8e8
- list.activeSelectionForeground#303030
- list.errorForeground#806060
- list.focusBackground#e0e0e0
- list.focusForeground#303030
- list.highlightForeground#303030
- list.hoverBackground#ececec
- list.hoverForeground#505050
- list.inactiveSelectionBackground#e8e8e8
- list.inactiveSelectionForeground#303030
- list.warningForeground#808060
- menu.background#f0f0f0
- menu.border#e0e0e0
- menu.foreground#505050
- menu.selectionBackground#e0e0e0
- menu.selectionForeground#303030
- menu.separatorBackground#e0e0e0
- minimap.errorHighlight#80606060
- minimap.findMatchHighlight#a0a0a080
- minimap.selectionHighlight#b0b0b080
- minimap.warningHighlight#80806060
- minimapGutter.addedBackground#60706060
- minimapGutter.deletedBackground#80606060
- minimapGutter.modifiedBackground#80808060
- notifications.background#f0f0f0
- notifications.border#e0e0e0
- notifications.foreground#505050
- notificationsErrorIcon.foreground#806060
- notificationsInfoIcon.foreground#607080
- notificationsWarningIcon.foreground#808060
- panel.background#eeeeee
- panel.border#e8e8e8
- panelTitle.activeBorder#eeeeee
- panelTitle.activeForeground#505050
- panelTitle.inactiveForeground#b0b0b0
- peekView.border#d0d0d0
- peekViewEditor.background#eeeeee
- peekViewResult.background#f0f0f0
- peekViewTitle.background#f0f0f0
- peekViewTitleDescription.foreground#909090
- peekViewTitleLabel.foreground#505050
- pickerGroup.border#e0e0e0
- pickerGroup.foreground#505050
- problemsErrorIcon.foreground#806060
- problemsInfoIcon.foreground#607080
- problemsWarningIcon.foreground#808060
- progressBar.background#808080
- quickInput.background#f0f0f0
- quickInput.foreground#505050
- quickInputList.focusBackground#e0e0e0
- scrollbar.shadow#eeeeee
- scrollbarSlider.activeBackground#a0a0a080
- scrollbarSlider.background#c0c0c040
- scrollbarSlider.hoverBackground#b0b0b060
- sideBar.background#eeeeee
- sideBar.border#eeeeee00
- sideBarSectionHeader.background#eeeeee
- sideBarTitle.foreground#909090
- statusBar.background#eeeeee
- statusBar.border#eeeeee
- statusBar.debuggingBackground#eeeeee
- statusBar.foreground#909090
- statusBar.noFolderBackground#eeeeee
- statusBarItem.errorForeground#806060
- statusBarItem.prominentBackground#00000008
- statusBarItem.remoteBackground#eeeeee00
- statusBarItem.remoteForeground#909090
- statusBarItem.warningForeground#808060
- symbolIcon.classForeground#606060
- symbolIcon.constructorForeground#707070
- symbolIcon.enumeratorForeground#606060
- symbolIcon.enumeratorMemberForeground#808080
- symbolIcon.eventForeground#606060
- symbolIcon.fieldForeground#808080
- symbolIcon.functionForeground#707070
- symbolIcon.interfaceForeground#808080
- symbolIcon.methodForeground#707070
- symbolIcon.variableForeground#808080
- tab.activeBorder#eeeeee
- tab.activeForeground#505050
- tab.border#eeeeee
- tab.inactiveBackground#eeeeee
- tab.inactiveForeground#b0b0b0
- tab.unfocusedActiveBorder#eeeeee
- terminal.ansiBlack#505050
- terminal.ansiBlue#607080
- terminal.ansiBrightBlack#a0a0a0
- terminal.ansiBrightBlue#506070
- terminal.ansiBrightCyan#506060
- terminal.ansiBrightGreen#506050
- terminal.ansiBrightMagenta#605060
- terminal.ansiBrightRed#705050
- terminal.ansiBrightWhite#404040
- terminal.ansiBrightYellow#707050
- terminal.ansiCyan#607070
- terminal.ansiGreen#607060
- terminal.ansiMagenta#706070
- terminal.ansiRed#806060
- terminal.ansiWhite#808080
- terminal.ansiYellow#808060
- terminal.background#eeeeee
- terminal.selectionBackground#c0c0c060
- textLink.activeForeground#404040
- textLink.foreground#606060
- titleBar.activeBackground#eeeeee
- titleBar.activeForeground#808080
- titleBar.border#eeeeee00
- titleBar.inactiveBackground#eeeeee
- titleBar.inactiveForeground#b0b0b0
- widget.shadow#00000010
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #505050 | — |
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block | #404040 | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | #303030 | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #707070 | underline |
| string, markup.fenced_code, markup.inline | #436843 | — |
| comment, string.quoted.docstring.multi | #b8b8b8 | — |
| constant.numeric, constant.language, constant.other.placeholder, constant.character.format.placeholder, variable.language.this, variable.other.object, variable.other.class, variable.other.constant, meta.property-name, meta.property-value, support | #445068 | — |
| keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, entity.name.tag.yaml, support.function.node, support.type.property-name.json, punctuation.separator.key-value, punctuation.definition.template-expression | #7a4e4e | — |
| variable.parameter.function | #6a4e4e | — |
| support.function, entity.name.type, entity.other.inherited-class, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure | #404040 | — |
| entity.name.tag, string.quoted, string.regexp, string.interpolated, string.template, string.unquoted.plain.out.yaml, keyword.other.template | #486048 | — |
| token.info-token | #607080 | — |
| token.warn-token | #808060 | — |
| token.error-token | #806060 | — |
| token.debug-token | #808080 | — |
| punctuation.definition.arguments, punctuation.definition.dict, punctuation.separator, meta.function-call.arguments | #909090 | — |
| markup.underline.link, punctuation.definition.metadata.markdown | #436843 | — |
| beginning.punctuation.definition.list.markdown | #7a4e4e | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.title.markdown, string.other.link.description.markdown | #445068 | — |