Ssera Themes
Publisher: sserafyThemes in package: 19
Themes inspired by nature and media aesthetics. Personally curated and designed (with the exception of Dracula).
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#efe8dc
- activityBar.foreground#d63031
- activityBarBadge.background#4ca7a5
- activityBarBadge.foreground#ffffff
- badge.background#4ca7a5
- badge.foreground#ffffff
- button.background#d63031
- button.foreground#ffffff
- button.hoverBackground#b71c1c
- debugToolBar.background#efe8dc
- dropdown.background#f2ede3
- dropdown.border#c5b299
- dropdown.foreground#2c2622
- editor.background#f5f0e8
- editor.findMatchBackground#d6303140
- editor.findMatchHighlightBackground#d6303120
- editor.foreground#1a1614
- editor.selectionBackground#e8dcc860
- editor.selectionHighlightBackground#e8dcc830
- editor.wordHighlightBackground#4ca7a520
- editor.wordHighlightStrongBackground#4ca7a530
- editorBracketMatch.background#d6303140
- editorBracketMatch.border#d63031
- editorCursor.foreground#d63031
- editorError.foreground#d63031
- editorGroup.border#d4c4a8
- editorGroupHeader.tabsBackground#efe8dc
- editorIndentGuide.activeBackground1#d63031
- editorIndentGuide.background1#e8dcc8
- editorLineNumber.activeForeground#d63031
- editorLineNumber.foreground#8b7355
- editorWarning.foreground#e17055
- editorWhitespace.foreground#e8dcc8
- focusBorder#d63031
- foreground#1a1614
- gitDecoration.addedResourceForeground#00b894
- gitDecoration.conflictingResourceForeground#fd79a8
- gitDecoration.deletedResourceForeground#d63031
- gitDecoration.ignoredResourceForeground#8b7355
- gitDecoration.modifiedResourceForeground#fdcb6e
- gitDecoration.untrackedResourceForeground#4ca7a5
- input.background#f2ede3
- input.border#c5b299
- input.foreground#2c2622
- inputOption.activeBorder#d63031
- list.activeSelectionBackground#e8dcc8
- list.activeSelectionForeground#d63031
- list.hoverBackground#f2ede3
- list.inactiveSelectionBackground#f2ede3
- panel.background#efe8dc
- panel.border#d4c4a8
- panelTitle.activeForeground#d63031
- panelTitle.inactiveForeground#6b5d4f
- progressBar.background#d63031
- scrollbar.shadow#00000010
- scrollbarSlider.background#c5b29980
- scrollbarSlider.hoverBackground#8b7355
- sideBar.background#efe8dc
- sideBar.foreground#1a1614
- sideBarSectionHeader.background#e8dcc8
- sideBarSectionHeader.foreground#d63031
- statusBar.background#efe8dc
- statusBar.foreground#d63031
- statusBarItem.hoverBackground#e8dcc8
- tab.activeBackground#f5f0e8
- tab.activeForeground#d63031
- tab.border#d4c4a8
- tab.inactiveBackground#efe8dc
- tab.inactiveForeground#6b5d4f
- terminal.ansiBlack#1a1614
- terminal.ansiBlue#4ca7a5
- terminal.ansiBrightBlack#6b5d4f
- terminal.ansiBrightBlue#5fb8b6
- terminal.ansiBrightCyan#5fb8b6
- terminal.ansiBrightGreen#00d2a3
- terminal.ansiBrightMagenta#ff8cc8
- terminal.ansiBrightRed#e74c3c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd93d
- terminal.ansiCyan#4ca7a5
- terminal.ansiGreen#00b894
- terminal.ansiMagenta#fd79a8
- terminal.ansiRed#d63031
- terminal.ansiWhite#f5f0e8
- terminal.ansiYellow#fdcb6e
- terminal.background#f5f0e8
- terminal.foreground#1a1614
- titleBar.activeBackground#efe8dc
- titleBar.activeForeground#1a1614
- titleBar.inactiveBackground#efe8dc
- titleBar.inactiveForeground#6b5d4f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8b7355 | italic |
| string | #4ca7a5 | — |
| constant.numeric | #fd79a8 | — |
| constant.language | #1a1614 | — |
| keyword | #d63031 | bold |
| storage.type | #00b894 | bold |
| storage.modifier | #4ca7a5 | — |
| entity.name.function | #fdcb6e | — |
| entity.name.class | #e17055 | — |
| entity.name.type | #4ca7a5 | — |
| variable | #2c2622 | — |
| support.function | #00b894 | — |
| support.class | #fd79a8 | — |
| markup.heading | #d63031 | bold |
| markup.bold | #d63031 | bold |
| markup.italic | #2c2622 | italic |
| meta.import, meta.export | #4ca7a5 | — |
| punctuation.definition.tag | #4ca7a5 | — |
| meta.tag, entity.name.tag | #00b894 | — |
| variable.parameter | #6b5d4f | — |
| entity.other.attribute-name | #fdcb6e | — |
| meta.object-literal.key | #4ca7a5 | — |