Fern Theme
Publisher: Eli WimmerThemes in package: 3
Fern Theme
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.activeBorder#77B68E
- activityBar.background#252B28
- activityBar.border#3A413D
- activityBar.foreground#D1F0DB
- activityBarBadge.background#499784
- activityBarBadge.foreground#D1F0DB
- activityBarTop.activeBackground#252B28
- activityBarTop.activeBorder#77B68E
- activityBarTop.background#252B28
- activityBarTop.foreground#D1F0DB
- badge.background#A48EA2
- badge.foreground#303B37
- button.background#4F9268
- button.foreground#D1F0DB
- button.hoverBackground#4F926895
- commandCenter.background#252B28
- commandCenter.border#3A413D00
- commandCenter.inactiveBorder#3A413D00
- debugIcon.breakpointForeground#B15D43
- debugIcon.continueForeground#77B68E
- debugIcon.pauseForeground#B15D43
- debugIcon.stepIntoForeground#77B68E
- debugIcon.stepOutForeground#77B68E
- debugIcon.stepOverForeground#77B68E
- debugToolBar.background#303B37
- diffEditor.insertedTextBackground#77B68E10
- diffEditor.removedTextBackground#C1975C20
- dropdown.background#1E2422
- dropdown.border#3A413D
- dropdown.foreground#D1F0DB
- editor.background#191F1D
- editor.findMatchBackground#74B4A370
- editor.findMatchHighlightBackground#C1975C30
- editor.findRangeHighlightBackground#74B4A370
- editor.foldBackground#49978440
- editor.foldPlaceholderForeground#9F733C90
- editor.foreground#D1F0DB
- editor.hoverHighlightBackground#4F926850
- editor.lineHighlightBackground#4F926810
- editor.lineHighlightBorder#363C3800
- editor.selectionBackground#4F926820
- editor.selectionHighlightBackground#99AB6340
- editorBracketHighlight.foreground1#A48EA2
- editorBracketHighlight.foreground2#499784
- editorBracketHighlight.foreground3#4F9268
- editorBracketHighlight.foreground4#798C3B
- editorBracketHighlight.foreground5#A2A51D
- editorBracketHighlight.foreground6#9F733C
- editorBracketHighlight.unexpectedBracket.foreground#B15D43
- editorBracketMatch.background#7C837E80
- editorBracketMatch.border#303B3700
- editorCodeLens.foreground#8E9E9290
- editorCursor.background#D1F0DB
- editorCursor.foreground#4F9268
- editorError.foreground#B15D43
- editorGroup.border#363C38
- editorGroup.dropBackground#363C3860
- editorGroup.emptyBackground#202725
- editorGroupHeader.border#3A413D
- editorGroupHeader.noTabsBackground#202725
- editorGroupHeader.tabsBackground#202725
- editorGroupHeader.tabsBorder#191F1D00
- editorGutter.addedBackground#798C3B
- editorGutter.background#202725
- editorGutter.commentGlyphForeground#464F49
- editorGutter.deletedBackground#C1975C
- editorGutter.foldingControlForeground#499784
- editorGutter.modifiedBackground#499784
- editorHoverWidget.background#252B28
- editorHoverWidget.border#3A413D
- editorInfo.foreground#499784
- editorLineNumber.foreground#464F49
- editorLink.activeForeground#D1F0DB
- editorOverviewRuler.addedForeground#74B4A3
- editorOverviewRuler.background#252B28
- editorOverviewRuler.border#3A413D
- editorOverviewRuler.commonContentForeground#7C837E
- editorOverviewRuler.currentContentForeground#499784
- editorOverviewRuler.deletedForeground#74B4A3
- editorOverviewRuler.errorForeground#B15D43
- editorOverviewRuler.findMatchForeground#9DB3A4
- editorOverviewRuler.incomingContentForeground#4F9268
- editorOverviewRuler.infoForeground#A48EA2
- editorOverviewRuler.modifiedForeground#74B4A3
- editorOverviewRuler.rangeHighlightForeground#9DB3A4
- editorOverviewRuler.selectionHighlightForeground#333835
- editorOverviewRuler.warningForeground#A2A51D
- editorOverviewRuler.wordHighlightForeground#333835
- editorOverviewRuler.wordHighlightStrongForeground#333835
- editorRuler.foreground#202725
- editorSuggestWidget.background#303B37
- editorSuggestWidget.border#363C38
- editorSuggestWidget.foreground#D1F0DB
- editorSuggestWidget.highlightForeground#77B68E
- editorSuggestWidget.selectedBackground#363C3860
- editorWarning.foreground#A2A51D
- editorWhitespace.foreground#8E9E9220
- editorWidget.background#202725
- editorWidget.border#363C38
- errorForeground#C1975C
- errorLens.errorBackground#B15D4320
- errorLens.errorForeground#C1975C
- errorLens.warningBackground#A2A51D20
- errorLens.warningForeground#A2A51D
- extensionButton.prominentBackground#99AB6380
- extensionButton.prominentHoverBackground#99AB6330
- focusBorder#363C38
- foreground#D1F0DB
- gitDecoration.conflictingResourceForeground#A48EA2
- gitDecoration.deletedResourceForeground#B15D43
- gitDecoration.ignoredResourceForeground#7c6f64
- gitDecoration.modifiedResourceForeground#A2A51D
- gitDecoration.renamedResourceForeground#9F733C
- gitDecoration.untrackedResourceForeground#798C3B
- icon.foreground#DDFDE8
- input.background#D1F0DB05
- input.border#3A413D
- input.foreground#D1F0DB
- input.placeholderForeground#D1F0DB60
- inputOption.activeBorder#D1F0DB60
- inputValidation.errorBackground#B15D43
- inputValidation.errorBorder#C1975C
- inputValidation.infoBackground#49978480
- inputValidation.infoBorder#74B4A3
- inputValidation.warningBackground#A2A51D80
- inputValidation.warningBorder#99AB63
- list.activeSelectionBackground#363C3880
- list.activeSelectionForeground#77B68E
- list.dropBackground#363C38
- list.focusBackground#363C38
- list.focusForeground#D1F0DB
- list.highlightForeground#4F9268
- list.hoverBackground#363C3880
- list.hoverForeground#AEC2B4
- list.inactiveSelectionBackground#363C3880
- list.inactiveSelectionForeground#4F9268
- menu.border#3A413D
- menu.selectionBackground#499784
- menu.separatorBackground#3A413D
- merge.border#303B3700
- merge.currentContentBackground#49978420
- merge.currentHeaderBackground#49978440
- merge.incomingContentBackground#4F926820
- merge.incomingHeaderBackground#4F926840
- notebook.cellBorderColor#504945
- notebook.cellEditorBackground#32302f
- notebook.focusedCellBorder#8E9E92
- notebook.focusedEditorBorder#504945
- panel.background#202725
- panel.border#3A413D
- panelInput.border#3A413D
- panelSection.border#3A413D
- panelSectionHeader.border#303B3700
- panelTitle.activeForeground#D1F0DB
- peekView.border#363C3870
- peekViewEditor.background#363C3870
- peekViewEditor.matchHighlightBackground#504945
- peekViewEditorGutter.background#363C3870
- peekViewResult.background#363C3870
- peekViewResult.fileForeground#D1F0DB
- peekViewResult.lineForeground#D1F0DB
- peekViewResult.matchHighlightBackground#504945
- peekViewResult.selectionBackground#49978420
- peekViewResult.selectionForeground#D1F0DB
- peekViewTitle.background#363C3870
- peekViewTitleDescription.foreground#9DB3A4
- peekViewTitleLabel.foreground#D1F0DB
- progressBar.background#4F9268
- sash.hoverBorder#4F9268
- scmGraph.foreground1#4F9268
- scmGraph.foreground2#798C3B
- scmGraph.foreground3#A2A51D
- scmGraph.historyItemGroupBase#D1F0DB
- scmGraph.historyItemGroupLocal#499784
- scmGraph.historyItemGroupRemote#499784
- scrollbar.shadow#303B37
- scrollbarSlider.activeBackground#4F9268
- scrollbarSlider.background#50494599
- scrollbarSlider.hoverBackground#333835
- selection.background#4F926880
- sideBar.background#252b28
- sideBar.border#3A413D
- sideBar.foreground#AEC2B4
- sideBarActivityBarTop.border#3A413D
- sideBarSectionHeader.background#2D3430
- sideBarSectionHeader.foreground#91A195
- sideBarTitle.foreground#D1F0DB
- statusBar.background#202725
- statusBar.border#3A413D
- statusBar.debuggingBackground#C1975C
- statusBar.debuggingBorder#303B3700
- statusBar.debuggingForeground#303B37
- statusBar.foreground#A0B1A5
- statusBar.noFolderBackground#303B37
- statusBar.noFolderBorder#303B3700
- statusBarItem.errorBackground#B15D43
- statusBarItem.prominentBackground#499784
- statusBarItem.warningBackground#A2A51D
- symbolIcon.arrayForeground#A48EA2
- symbolIcon.booleanForeground#C1975C
- symbolIcon.classForeground#C1975C
- symbolIcon.constantForeground#A48EA2
- symbolIcon.constructorForeground#A48EA2
- symbolIcon.enumeratorForeground#74B4A3
- symbolIcon.enumeratorMemberForeground#74B4A3
- symbolIcon.eventForeground#74B4A3
- symbolIcon.fieldForeground#74B4A3
- symbolIcon.functionForeground#99AB63
- symbolIcon.interfaceForeground#74B4A3
- symbolIcon.keyForeground#74B4A3
- symbolIcon.keywordForeground#A48EA2
- symbolIcon.methodForeground#77B68E
- symbolIcon.moduleForeground#74B4A3
- symbolIcon.nullForeground#8E9E92
- symbolIcon.numberForeground#C1975C
- symbolIcon.objectForeground#C1975C
- symbolIcon.operatorForeground#8E9E92
- symbolIcon.propertyForeground#74B4A3
- symbolIcon.referenceForeground#74B4A3
- symbolIcon.snippetForeground#C1975C
- symbolIcon.stringForeground#77B68E
- symbolIcon.structForeground#77B68E
- symbolIcon.typeParameterForeground#74B4A3
- symbolIcon.unitForeground#C1975C
- symbolIcon.variableForeground#C1975C
- tab.activeBackground#49976420
- tab.activeBorder#499764
- tab.activeForeground#B9DAC6
- tab.border#303B3700
- tab.inactiveBackground#202725
- tab.inactiveForeground#91A195
- tab.unfocusedActiveBorder#303B3700
- tab.unfocusedActiveForeground#8E9E92
- tab.unfocusedInactiveForeground#7C837E
- terminal.ansiBlack#363C38
- terminal.ansiBlue#499784
- terminal.ansiBrightBlack#7C837E
- terminal.ansiBrightBlue#74B4A3
- terminal.ansiBrightCyan#77B68E
- terminal.ansiBrightGreen#99AB63
- terminal.ansiBrightMagenta#A48EA2
- terminal.ansiBrightRed#C1975C
- terminal.ansiBrightWhite#D1F0DB
- terminal.ansiBrightYellow#B4BA5E
- terminal.ansiCyan#4F9268
- terminal.ansiGreen#798C3B
- terminal.ansiMagenta#A48EA2
- terminal.ansiRed#B15D43
- terminal.ansiWhite#8E9E92
- terminal.ansiYellow#A2A51D
- terminal.background#191F1D
- terminal.foreground#D1F0DB
- textLink.activeForeground#499784
- textLink.foreground#74B4A3
- titleBar.activeBackground#252B28
- titleBar.activeForeground#B9DAC6
- titleBar.border#3A413D
- titleBar.inactiveBackground#252B28
- titleBar.inactiveForeground#91A195
- widget.shadow#191F1D00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #D1F0DB | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #499784 | — |
| comment, punctuation.definition.comment | #7C837E | italic |
| constant, support.constant, variable.arguments | #A48EA2 | — |
| constant.rgb-value | #D1F0DB | — |
| entity.name.selector | #77B68E | — |
| entity.other.attribute-name | #99AB63 | — |
| entity.name.tag, punctuation.tag | #77B68E | — |
| invalid, invalid.illegal | #B15D43 | — |
| invalid.deprecated | #A48EA2 | — |
| meta.selector | #77B68E | — |
| meta.preprocessor | #D78460 | — |
| meta.preprocessor.string | #77B68E | — |
| meta.preprocessor.numeric | #99AB63 | — |
| meta.header.diff | #D78460 | — |
| storage | #D78460 | — |
| storage.type, storage.modifier | #D78460 | — |
| string | #77B68E | — |
| string.tag | #99AB63 | — |
| string.value | #99AB63 | — |
| string.regexp | #D78460 | — |
| string.escape | #B15D43 | — |
| string.quasi | #77B68E | — |
| string.entity | #99AB63 | — |
| object | #D1F0DB | — |
| module.node | #74B4A3 | — |
| support.type.property-name | #4F9268 | — |
| keyword | #D78460 | — |
| keyword.control | #C1975C | — |
| keyword.control.module | #77B68E | — |
| keyword.control.less | #A2A51D | — |
| keyword.operator | #77B68E | — |
| keyword.operator.new | #A48EA2 | — |
| keyword.other.unit | #99AB63 | — |
| metatag.php | #C1975C | — |
| support.function.git-rebase | #4F9268 | — |
| constant.sha.git-rebase | #99AB63 | — |
| meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class | #99AB63 | — |
| variable.this, support.variable | #A48EA2 | — |
| entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class | #74B4A3 | — |
| entity.name.type | #A48EA2 | — |
| constant.language.boolean | #C1975C | — |
| entity.function, entity.name.function.static, entity.name.function | #77B68E | — |
| entity.name.function.function-call, meta.function-call.ts | #77B68E | — |
| support.function.builtin | #C1975C | — |
| entity.name.method, entity.name.method.function-call, entity.name.static.function-call | #4F9268 | — |
| brace | #AEC2B4 | — |
| meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder | #74B4A3 | — |
| prototype | #A48EA2 | — |
| punctuation | #8E9E92 | — |
| punctuation.quoted | #D1F0DB | — |
| punctuation.quasi | #C1975C | — |
| *url*, *link*, *uri* | — | underline |
| meta.function.python, entity.name.function.python | #77B68E | — |
| storage.type.function.python, storage.modifier.declaration, storage.type.class.python, storage.type.string.python | #C1975C | — |
| storage.type.function.async.python | #C1975C | — |
| meta.function-call.generic | #74B4A3 | — |
| meta.function-call.arguments | #AEC2B4 | — |
| entity.name.function.decorator | #99AB63 | bold |
| constant.other.caps | — | bold |
| keyword.operator.logical | #C1975C | — |
| punctuation.definition.logical-expression | #C1975C | — |
| string.interpolated.dollar.shell, string.interpolated.backtick.shell | #77B68E | — |
| keyword.control.directive | #77B68E | — |
| support.function.C99 | #99AB63 | — |
| meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs | #99AB63 | — |
| keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs | #77B68E | — |
| keyword.other.this.cs, keyword.other.base.cs | #A48EA2 | — |
| meta.scope.prerequisites | #99AB63 | — |
| entity.name.function.target | #99AB63 | bold |
| storage.modifier.import.java, storage.modifier.package.java | #9DB3A4 | — |
| keyword.other.import.java, keyword.other.package.java | #77B68E | — |
| storage.type.java | #99AB63 | — |
| storage.type.annotation | #74B4A3 | bold |
| keyword.other.documentation.javadoc | #77B68E | — |
| comment.block.javadoc variable.parameter.java | #99AB63 | bold |
| source.java variable.other.object, source.java variable.other.definition.java | #D1F0DB | — |
| meta.function-parameters.lisp | #99AB63 | — |
| markup.underline | — | underline |
| string.other.link.title.markdown | #7C837E | underline |
| markup.underline.link | #A48EA2 | — |
| markup.bold | #C1975C | bold |
| markup.heading | #C1975C | bold |
| markup.italic | — | italic |
| markup.inserted | #99AB63 | — |
| markup.deleted | #9F733C | — |
| markup.changed | #C1975C | — |
| markup.punctuation.quote.beginning | #798C3B | — |
| markup.punctuation.list.beginning | #74B4A3 | — |
| markup.inline.raw, markup.fenced_code.block | #77B68E | — |
| string.quoted.double.json | #74B4A3 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #99AB63 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #77B68E | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A48EA2 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #99AB63 | — |
| entity.other.attribute-name.css | #C1975C | — |
| source.css meta.selector | #D1F0DB | — |
| support.type.property-name.css | #D1F0DB | — |
| entity.other.attribute-name.class | #74B4A3 | — |
| source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc | #C1975C | — |
| support.constant.property-value.css | #99AB63 | — |
| support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss | #9F733C | — |
| keyword.other.unit | #B4BA5E | — |
| constant.numeric.css | #D78460 | — |
| variable.css, variable.scss | #C1975C | — |
| entity.name.tag.css | — | |
| punctuation.definition.tag | #74B4A3 | — |
| text.html entity.name.tag, text.html punctuation.tag | #99AB63 | — |
| entity.other.attribute-name.html | #C1975C | — |
| punctuation.definition.string.end.html, punctuation.definition.string.begin.html | #4F9268 | — |
| source.js variable.language | #C1975C | — |
| source.ts variable.language | #C1975C | — |
| meta.function-call.ts | #A48EA2 | — |
| variable.other.object.ts | #D1F0DB | — |
| entity.name.function.ts | #99AB63 | — |
| storage.type.class.jsdoc | #B15D43 | — |
| variable.other.jsdoc | #4F9268 | — |
| source.go storage.type | #99AB63 | — |
| source.go entity.name.import | #99AB63 | — |
| source.go keyword.package, source.go keyword.import | #77B68E | — |
| source.go keyword.interface, source.go keyword.struct | #74B4A3 | — |
| source.go entity.name.type | #D1F0DB | — |
| source.go entity.name.function | #A48EA2 | — |
| keyword.control.cucumber.table | #74B4A3 | — |
| source.reason string.double, source.reason string.regexp | #99AB63 | — |
| source.reason keyword.control.less | #77B68E | — |
| source.reason entity.name.function | #74B4A3 | — |
| source.reason support.property-value, source.reason entity.name.filename | #C1975C | — |
| source.powershell variable.other.member.powershell | #C1975C | — |
| source.powershell support.function.powershell | #99AB63 | — |
| source.powershell support.function.attribute.powershell | #9DB3A4 | — |
| source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell | #C1975C | — |
| entity.name.tag.svelte | #99AB63 | — |
| entity.other.attribute-name.svelte | #C1975C | — |
| support.class.component.svelte | #D78460 | — |
| keyword.control.conditional.svelte | #D78460 | — |