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#ddd5b5
- activityBar.activeBorder#b5a85a
- activityBar.background#e0d2c5
- activityBar.dropBorder#b5a85a
- activityBar.foreground#4a3a1a
- activityBar.inactiveForeground#5a4a3a66
- activityBarBadge.background#aaa54a
- activityBarBadge.foreground#f9f4f0
- button.background#b5a030
- button.foreground#f9f4f0
- button.hoverBackground#c5b040
- button.secondaryBackground#968877
- button.secondaryForeground#f9f4f0
- button.secondaryHoverBackground#a29290
- checkbox.border#9a9467
- commandCenter.activeBackground#95755314
- commandCenter.activeBorder#5a4a3a4d
- commandCenter.activeForeground#4a3a1a
- commandCenter.background#b8970d0d
- commandCenter.border#5a4a3a33
- commandCenter.foreground#4a3a1a
- commandCenter.inactiveBorder#5a4a3a26
- commandCenter.inactiveForeground#5a4a3a99
- diffEditor.unchangedRegionBackground#e5dac8
- editor.background#f0e8d5
- editor.findMatchBackground#f8fcff9e
- editor.findMatchHighlightBackground#c9d980cc
- editor.foreground#4a3a1a
- editor.inactiveSelectionBackground#dbe1c8cc
- editor.lineHighlightBackground#f7f0e520
- editor.lineHighlightBorder#d6c5b7
- editor.selectionBackground#c0a0808a
- editor.selectionHighlightBackground#c9d980cc
- editor.wordHighlightBackground#e8ffcd80
- editor.wordHighlightStrongBackground#ffddcd80
- editor.wordHighlightTextBackground#ffddcd80
- editorBracketHighlight.foreground1#7a6aaa
- editorBracketHighlight.foreground2#8d6f00
- editorBracketHighlight.foreground3#aa7866
- editorBracketMatch.background#c8a0451a
- editorBracketMatch.border#baa5a5
- editorGroupHeader.noTabsBackground#f0e8d5
- editorGroupHeader.tabsBackground#e8dbd0
- editorGutter.addedBackground#b15b54
- editorGutter.background#f0e8d5
- editorGutter.deletedBackground#c57a3a
- editorGutter.modifiedBackground#b5a85a
- editorIndentGuide.activeBackground1#ba9877
- editorIndentGuide.background1#d6c5b7
- editorLink.activeForeground#c59a00c6
- editorSuggestWidget.background#e8dcce
- editorWidget.background#ebdaca
- editorWidget.border#caabab
- editorWidget.foreground#5a4a3a
- input.background#f5efe8
- input.border#8a7557
- input.foreground#3a2a0a
- input.placeholderForeground#6a5a4a
- list.activeSelectionBackground#c5b040
- list.activeSelectionForeground#f9f4f0
- list.activeSelectionIconForeground#f9f4f0
- list.focusAndSelectionOutline#b5a55a
- list.hoverBackground#e0ceb8
- list.inactiveSelectionBackground#d6c5b7
- menu.border#d4c1af
- notebook.cellBorderColor#e7d5bb
- notebook.selectedCellBackground#dcc8c150
- ports.iconRunningProcessForeground#c5b545
- quickInput.background#e8dbd0
- quickInput.foreground#4a3a1a
- quickInputList.focusBackground#c5b040
- quickInputList.focusForeground#ffffff
- quickInputTitle.background#d6c5b720
- searchEditor.textInputBorder#caabab
- settings.numberInputBorder#caabab
- settings.textInputBorder#caabab
- sideBar.background#e8dbd0
- sideBar.dropBackground#95755a2e
- sideBarActivityBarTop.border#6a5a4a30
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#61616130
- sideBarStickyScroll.background#e8dbd0
- sideBarStickyScroll.shadow#ddd5b5
- sideBarTitle.background#e8dbd0
- sideBarTitle.foreground#5a4a3a
- statusBar.background#968877
- statusBar.debuggingBackground#aa955a
- statusBar.foreground#f9f4f0
- statusBar.noFolderBackground#9a8a6a
- statusBarItem.errorBackground#c72e0f
- statusBarItem.remoteBackground#b5b545
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#f5efe8
- tab.activeForeground#4a3a1a
- tab.activeModifiedBorder#b5a85a
- tab.border#e8dbd0
- tab.inactiveBackground#e8dbd0
- tab.inactiveForeground#5a4a3ab3
- tab.inactiveModifiedBorder#b5a85a80
- tab.lastPinnedBorder#61616130
- tab.selectedBackground#f7f0e5a5
- tab.selectedForeground#4a3a1ab3
- tab.unfocusedActiveBackground#f5efe8
- tab.unfocusedActiveForeground#4a3a1ab3
- terminal.inactiveSelectionBackground#e1d5c8
- titleBar.activeBackground#e8dbd0
- titleBar.activeForeground#4a3a1a
- titleBar.inactiveBackground#e8dbd099
- titleBar.inactiveForeground#4a3a1a99
- widget.border#d4c1af
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 | #8a7a71 | — |
| constant.language | #6a5aaa | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #aa7a45 | — |
| constant.regexp | #811F3F | — |
| entity.name.tag | #aa5a2a | — |
| entity.name.selector | #aa5a2a | — |
| entity.other.attribute-name | #c58a3a | — |
| 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 | #aa5a2a | — |
| invalid | #aa6666 | — |
| markup.underline | — | underline |
| markup.bold | #5a4a7a | bold |
| markup.heading | #aa5a2a | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #8e6f22 | — |
| markup.deleted | #896e32 | — |
| markup.changed | #7a6aaa | — |
| punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #7a6aaa | — |
| markup.inline.raw | #aa5a2a | — |
| punctuation.definition.tag | #aa5a2a | — |
| meta.preprocessor, entity.name.function.preprocessor | #6a5aaa | — |
| meta.preprocessor.string | #896e32 | — |
| meta.preprocessor.numeric | #aa7a45 | — |
| meta.structure.dictionary.key.python | #7a6aaa | — |
| storage | #877723 | — |
| storage.type | #877723 | — |
| storage.modifier, keyword.operator.noexcept | #989832 | — |
| string, meta.embedded.assembly | #896e32 | — |
| 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 | #c58a3a | — |
| support.type.property-name.json | #7a6aaa | — |
| keyword | #6a5aaa | — |
| keyword.control | #6a5aaa | — |
| keyword.operator | #5f3f0f | — |
| punctuation.accessor, punctuation.separator.period, meta.property-access punctuation | #5f3f0f | — |
| 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 | #aa7a45 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #aa5a2a | — |
| support.function.git-rebase | #7a6aaa | — |
| constant.sha.git-rebase | #b5a85a | — |
| 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 | #989832 | — |
| entity.name.class, entity.name.type.class, support.class | #968877 | — |
| variable.parameter, meta.parameters variable | #7e5f3c | — |
| entity.name.variable, variable.other.readwrite, variable.other.property | #a3911e | — |
| variable.other.object, meta.function-call.generic variable | #88b452 | — |
| entity.name.type, support.type, storage.type.primitive | #d0a259 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #aa9a6a | — |
| support.function.builtin.python, support.type.python | #b15b54 | — |
| string.quoted.docstring.multi.python, string.quoted.docstring.single.python | #8a7a71 | italic |
| support.type.property-name.css, meta.property-name.css | #989832 | — |
| support.constant.property-value.css, meta.property-value.css | #896e32 | — |
| entity.name.section.markdown, markup.heading.markdown | #968877 | bold |
| markup.inline.raw.markdown, fenced_code.block.language.markdown | #c5b045 | — |
| entity.name.tag.yaml, entity.name.tag.local.yaml | #b15b54 | — |