Everforest tranquil theme
Publisher: Juan Manuel San MartinThemes in package: 1
A tranquil, earthy light theme
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#48584E
- activityBar.border#48584E
- activityBar.foreground#D3C6AA
- activityBar.inactiveForeground#7A8478
- activityBarBadge.background#D3C6AA
- activityBarBadge.foreground#48584E
- button.background#D3C6AA
- button.foreground#48584E
- button.hoverBackground#9DA9A0
- descriptionForeground#D3C6AA
- dropdown.background#48584E
- dropdown.border#5D6B66
- dropdown.foreground#D3C6AA
- editor.background#48584E
- editor.foreground#D3C6AA
- editor.inactiveSelectionBackground#5D6B6633
- editor.lineHighlightBackground#5D6B6633
- editor.selectionBackground#5D6B6666
- editor.wordHighlightBackground#7A847844
- editorCursor.foreground#D3C6AA
- editorGroupHeader.tabsBackground#48584E
- editorGroupHeader.tabsBorder#48584E
- editorIndentGuide.activeBackground#7A8478
- editorIndentGuide.background#5D6B6644
- editorLineNumber.activeForeground#D3C6AA
- editorLineNumber.foreground#7A8478
- editorWhitespace.foreground#5D6B6666
- errorForeground#E67E80
- focusBorder#5D6B66
- foreground#D3C6AA
- input.background#48584E
- input.border#5D6B66
- input.foreground#D3C6AA
- input.placeholderForeground#9DA9A0
- list.activeSelectionBackground#D3C6AA
- list.activeSelectionForeground#48584E
- list.hoverBackground#5D6B6666
- list.inactiveSelectionBackground#5D6B6688
- list.inactiveSelectionForeground#D3C6AA
- menu.background#48584E
- menu.border#5D6B66
- menu.foreground#D3C6AA
- menu.selectionBackground#5D6B66
- menu.selectionForeground#D3C6AA
- menu.separatorBackground#5D6B66
- panel.background#48584E
- panel.border#48584E
- panelTitle.activeBorder#D3C6AA
- panelTitle.activeForeground#D3C6AA
- panelTitle.inactiveForeground#7A8478
- selection.background#5D6B6688
- sideBar.background#48584E
- sideBar.border#48584E
- sideBar.foreground#D3C6AA
- sideBarSectionHeader.background#48584E
- sideBarSectionHeader.border#48584E
- sideBarTitle.foreground#D3C6AA
- statusBar.background#48584E
- statusBar.border#48584E
- statusBar.debuggingBackground#E67E80
- statusBar.foreground#D3C6AA
- statusBar.noFolderBackground#48584E
- tab.activeBackground#D3C6AA
- tab.activeBorderTop#D3C6AA
- tab.activeForeground#2d353b
- tab.border#48584E
- tab.inactiveBackground#48584E
- tab.inactiveForeground#9DA9A0
- terminal.background#48584E
- terminal.foreground#D3C6AA
- terminalCursor.foreground#D3C6AA
- titleBar.activeBackground#48584E
- titleBar.activeForeground#D3C6AA
- titleBar.border#48584E
- titleBar.inactiveBackground#48584E
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A8478 | italic |
| variable, variable.other, variable.parameter, support.variable, meta.object-literal.key | #D3C6AA | — |
| keyword.operator, storage.modifier | #E69875 | — |
| string, string.quoted | #A7C080 | — |
| constant.numeric, constant.language, constant.character, constant.other | #E67E80 | — |
| keyword, keyword.control, storage, storage.type | #D699B6 | bold |
| entity.name.function, support.function, meta.function-call | #DBBC7F | — |
| entity.name.type, entity.name.class, support.type, support.class | #7FBBB3 | — |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.definition.block | #9DA9A0 | — |
| entity.name.tag, punctuation.definition.tag | #7FBBB3 | — |
| entity.other.attribute-name | #DBBC7F | — |