Ttera Themes
Publisher: sserafyThemes in package: 21
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#c8b596
- activityBar.foreground#8b6914
- activityBarBadge.background#7a4a2e
- activityBarBadge.foreground#f5f0e8
- badge.background#a0522d
- badge.foreground#f5f0e8
- button.background#9d7c1f
- button.foreground#f5f0e8
- button.hoverBackground#7a5f18
- debugToolBar.background#c8b596
- dropdown.background#d0c1a0
- dropdown.border#b5a082
- dropdown.foreground#2a1f15
- editor.background#d4c29a
- editor.findMatchBackground#9d7c1f40
- editor.findMatchHighlightBackground#9d7c1f20
- editor.foreground#2a1f15
- editor.selectionBackground#c2b28e60
- editor.selectionHighlightBackground#c2b28e30
- editor.wordHighlightBackground#7a5a7a20
- editor.wordHighlightStrongBackground#7a5a7a30
- editorBracketMatch.background#9d7c1f40
- editorBracketMatch.border#9d7c1f
- editorCursor.foreground#9d7c1f
- editorError.foreground#a8472b
- editorGroup.border#b5a082
- editorGroupHeader.tabsBackground#c8b596
- editorIndentGuide.activeBackground1#9d7c1f
- editorIndentGuide.background1#c2b28e
- editorLineNumber.activeForeground#9d7c1f
- editorLineNumber.foreground#746453
- editorWarning.foreground#e8b226
- editorWhitespace.foreground#c2b28e
- focusBorder#9d7c1f
- foreground#2a1f15
- gitDecoration.addedResourceForeground#5a7a4c
- gitDecoration.conflictingResourceForeground#c85a3b
- gitDecoration.deletedResourceForeground#a8472b
- gitDecoration.ignoredResourceForeground#746453
- gitDecoration.modifiedResourceForeground#c5941a
- gitDecoration.untrackedResourceForeground#7a5a7a
- input.background#d0c1a0
- input.border#b5a082
- input.foreground#2a1f15
- inputOption.activeBorder#9d7c1f
- list.activeSelectionBackground#c2b28e
- list.activeSelectionForeground#9d7c1f
- list.hoverBackground#d0c1a0
- list.inactiveSelectionBackground#d0c1a0
- panel.background#c8b596
- panel.border#b5a082
- panelTitle.activeForeground#8b6914
- panelTitle.inactiveForeground#746453
- progressBar.background#9d7c1f
- scrollbar.shadow#00000015
- scrollbarSlider.background#b5a08280
- scrollbarSlider.hoverBackground#746453
- sideBar.background#c8b596
- sideBar.foreground#2a1f15
- sideBarSectionHeader.background#c2b28e
- sideBarSectionHeader.foreground#8b6914
- statusBar.background#c8b596
- statusBar.foreground#8b6914
- statusBarItem.hoverBackground#c2b28e
- tab.activeBackground#d4c29a
- tab.activeForeground#9d7c1f
- tab.border#b5a082
- tab.inactiveBackground#c8b596
- tab.inactiveForeground#746453
- terminal.ansiBlack#2a1f15
- terminal.ansiBlue#4a5c7a
- terminal.ansiBrightBlack#746453
- terminal.ansiBrightBlue#5c7094
- terminal.ansiBrightCyan#5e8282
- terminal.ansiBrightGreen#6d9157
- terminal.ansiBrightMagenta#9570a3
- terminal.ansiBrightRed#c85a3b
- terminal.ansiBrightWhite#f0e8d6
- terminal.ansiBrightYellow#e8b226
- terminal.ansiCyan#4c6b6b
- terminal.ansiGreen#5a7a4c
- terminal.ansiMagenta#7a5a7a
- terminal.ansiRed#a8472b
- terminal.ansiWhite#d4c29a
- terminal.ansiYellow#c5941a
- terminal.background#d4c29a
- terminal.foreground#2a1f15
- titleBar.activeBackground#c8b596
- titleBar.activeForeground#2a1f15
- titleBar.inactiveBackground#c8b596
- titleBar.inactiveForeground#746453
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #746453 | italic |
| string | #c5941a | — |
| constant.numeric | #e8b226 | — |
| constant.language | #2a1f15 | — |
| keyword | #8b6914 | bold |
| storage.type | #7a4a2e | bold |
| storage.modifier | #7a4a2e | — |
| entity.name.function | #7a4a2e | — |
| entity.name.class | #c85a3b | — |
| entity.name.type | #7a4a2e | — |
| variable | #2a1f15 | — |
| support.function | #5a7a4c | — |
| support.class | #9d7c1f | — |
| markup.heading | #8b6914 | bold |
| markup.bold | #8b6914 | bold |
| markup.italic | #2a1f15 | italic |
| meta.import, meta.export | #4a5c7a | — |
| punctuation.definition.tag | #7a4a2e | — |
| meta.tag, entity.name.tag | #5a7a4c | — |
| variable.parameter | #746453 | — |
| entity.other.attribute-name | #c5941a | — |
| meta.object-literal.key | #7a5a7a | — |
| constant.other.color | #5c7094 | — |
| meta.property-name | #9570a3 | — |
| punctuation.separator | #c85a3b | — |
| entity.name.section | #4c6b6b | — |
| support.type.property-name | #6d9157 | — |
| variable.other.constant | #5e8282 | — |
| punctuation.definition.string | #e8b226 | — |
| entity.other.inherited-class | #a8472b | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...