Eyes on Lichen
Publisher: Brandev DevdevThemes in package: 3
A soothing collection of light themes inspired by natural lichen colors, designed for comfortable coding
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.
- actionBar.toggledBackground#ddc5b5
- activityBar.activeBorder#b55a5a
- activityBar.background#e0c5c5
- activityBar.dropBorder#b55a5a
- activityBar.foreground#4a1a1a
- activityBar.inactiveForeground#5a3a3a66
- activityBarBadge.background#aa4a4a
- activityBarBadge.foreground#f9f0f0
- button.background#b53030
- button.foreground#f9f0f0
- button.hoverBackground#c54040
- button.secondaryBackground#967777
- button.secondaryForeground#f9f0f0
- button.secondaryHoverBackground#a29090
- checkbox.border#9a6767
- commandCenter.activeBackground#75531314
- commandCenter.activeBorder#5a3a3a4d
- commandCenter.activeForeground#4a1a1a
- commandCenter.background#b8780d0d
- commandCenter.border#5a3a3a33
- commandCenter.foreground#4a1a1a
- commandCenter.inactiveBorder#5a3a3a26
- commandCenter.inactiveForeground#5a3a3a99
- diffEditor.unchangedRegionBackground#e5c8c8
- editor.background#f0d5d5
- editor.findMatchBackground#f8fcff9e
- editor.findMatchHighlightBackground#d99980cc
- editor.foreground#4a1a1a
- editor.inactiveSelectionBackground#dbcf4fcc
- editor.lineHighlightBackground#f7e5e520
- editor.lineHighlightBorder#d6b7b7
- editor.selectionBackground#c080808a
- editor.selectionHighlightBackground#d9c480cc
- editor.wordHighlightBackground#fffccd80
- editor.wordHighlightStrongBackground#ffdccd80
- editor.wordHighlightTextBackground#ffdccd80
- editorBracketHighlight.foreground1#7a6aaa
- editorBracketHighlight.foreground2#8d0069
- editorBracketHighlight.foreground3#aa6866
- editorBracketMatch.background#c8451a1a
- editorBracketMatch.border#baa5a5
- editorGroupHeader.noTabsBackground#f0d5d5
- editorGroupHeader.tabsBackground#e8d0d0
- editorGutter.addedBackground#b1545b
- editorGutter.background#f0d5d5
- editorGutter.deletedBackground#c53a3a
- editorGutter.modifiedBackground#b55a5a
- editorIndentGuide.activeBackground1#ba7777
- editorIndentGuide.background1#d6b7b7
- editorLink.activeForeground#c50000c6
- editorSuggestWidget.background#e8cece
- editorWidget.background#ebcaca
- editorWidget.border#caabab
- editorWidget.foreground#5a3a3a
- input.background#f5e8e8
- input.border#8a5757
- input.foreground#3a0a0a
- input.placeholderForeground#6a4a4a
- list.activeSelectionBackground#c54040
- list.activeSelectionForeground#f9f0f0
- list.activeSelectionIconForeground#f9f0f0
- list.focusAndSelectionOutline#b55a5a
- list.hoverBackground#e0b8b8
- list.inactiveSelectionBackground#d6b7b7
- menu.border#d4afaf
- notebook.cellBorderColor#e7bbbb
- notebook.selectedCellBackground#dcc8c150
- ports.iconRunningProcessForeground#c54545
- quickInput.background#e8d0d0
- quickInput.foreground#4a1a1a
- quickInputList.focusBackground#c54040
- quickInputList.focusForeground#ffffff
- quickInputTitle.background#d6b7b720
- searchEditor.textInputBorder#caabab
- settings.numberInputBorder#caabab
- settings.textInputBorder#caabab
- sideBar.background#e8d0d0
- sideBar.dropBackground#75533a2e
- sideBarActivityBarTop.border#6a4a4a30
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#61616130
- sideBarStickyScroll.background#e8d0d0
- sideBarStickyScroll.shadow#ddbbbb
- sideBarTitle.background#e8d0d0
- sideBarTitle.foreground#5a3a3a
- statusBar.background#967777
- statusBar.debuggingBackground#aa5a5a
- statusBar.foreground#f9f0f0
- statusBar.noFolderBackground#9a6a6a
- statusBarItem.errorBackground#c72e0f
- statusBarItem.remoteBackground#b54545
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#f5e8e8
- tab.activeForeground#4a1a1a
- tab.activeModifiedBorder#b55a5a
- tab.border#e8d0d0
- tab.inactiveBackground#e8d0d0
- tab.inactiveForeground#5a3a3ab3
- tab.inactiveModifiedBorder#b55a5a80
- tab.lastPinnedBorder#61616130
- tab.selectedBackground#f7e5e5a5
- tab.selectedForeground#4a1a1ab3
- tab.unfocusedActiveBackground#f5e8e8
- tab.unfocusedActiveForeground#4a1a1ab3
- terminal.inactiveSelectionBackground#e1c8c8
- titleBar.activeBackground#e8d0d0
- titleBar.activeForeground#4a1a1a
- titleBar.inactiveBackground#e8d0d099
- titleBar.inactiveForeground#4a1a1a99
- widget.border#d4afaf
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #3a3a3a | — |
| emphasis | — | italic |
| strong | — | bold |
| meta.diff.header | #5a4a7a | — |
| comment | #8a7171 | — |
| constant.language | #6a5aaa | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #aa4545 | — |
| constant.regexp | #811F3F | — |
| entity.name.tag | #aa2a2a | — |
| entity.name.selector | #aa2a2a | — |
| entity.other.attribute-name | #c53a3a | — |
| entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #aa2a2a | — |
| invalid | #aa6666 | — |
| markup.underline | — | underline |
| markup.bold | #5a4a7a | bold |
| markup.heading | #aa2a2a | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #8e226f | — |
| markup.deleted | #89326e | — |
| markup.changed | #7a6aaa | — |
| punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #7a6aaa | — |
| markup.inline.raw | #aa2a2a | — |
| punctuation.definition.tag | #aa2a2a | — |
| meta.preprocessor, entity.name.function.preprocessor | #6a5aaa | — |
| meta.preprocessor.string | #89326e | — |
| meta.preprocessor.numeric | #aa4545 | — |
| meta.structure.dictionary.key.python | #7a6aaa | — |
| storage | #872377 | — |
| storage.type | #872377 | — |
| storage.modifier, keyword.operator.noexcept | #983289 | — |
| string, meta.embedded.assembly | #89326e | — |
| string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars | #6a5aaa | — |
| string.regexp | #811F3F | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #6a5aaa | — |
| meta.template.expression | #7a6aaa | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #7a6aaa | — |
| support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded | #c53a3a | — |
| support.type.property-name.json | #7a6aaa | — |
| keyword | #6a5aaa | — |
| keyword.control | #6a5aaa | — |
| keyword.operator | #5f0f0f | — |
| punctuation.accessor, punctuation.separator.period, meta.property-access punctuation | #5f0f0f | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #6a5aaa | — |
| keyword.other.unit | #aa4545 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #aa2a2a | — |
| support.function.git-rebase | #7a6aaa | — |
| constant.sha.git-rebase | #b55a5a | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #7a6aaa | — |
| variable.language | #6a5aaa | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #aa6666 | — |
| token.debug-token | #800080 | — |
| entity.name.function, meta.function-call, support.function | #983289 | — |
| entity.name.class, entity.name.type.class, support.class | #967777 | — |
| variable.parameter, meta.parameters variable | #7e3c5f | — |
| entity.name.variable, variable.other.readwrite, variable.other.property | #911ea3 | — |
| variable.other.object, meta.function-call.generic variable | #b48852 | — |
| entity.name.type, support.type, storage.type.primitive | #d05959 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #aa6a6a | — |
| support.function.builtin.python, support.type.python | #b1545b | — |
| string.quoted.docstring.multi.python, string.quoted.docstring.single.python | #8a7171 | italic |
| support.type.property-name.css, meta.property-name.css | #983289 | — |
| support.constant.property-value.css, meta.property-value.css | #89326e | — |
| entity.name.section.markdown, markup.heading.markdown | #967777 | bold |
| markup.inline.raw.markdown, fenced_code.block.language.markdown | #c54545 | — |
| entity.name.tag.yaml, entity.name.tag.local.yaml | #b1545b | — |