Ssera Themes

Color themes

• 

  Botany

• 

  Cosmic Sea

• 

  Cyberpunk

• 

  Dracula

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#1a1d26
• activityBar.foreground#a7c080
• activityBarBadge.background#89b482
• activityBarBadge.foreground#2a2d36
• badge.background#89b482
• badge.foreground#2a2d36
• button.background#7fbbb3
• button.foreground#2a2d36
• button.hoverBackground#95d2c7
• debugToolBar.background#1a1d26
• dropdown.background#242832
• dropdown.border#5d6b73
• dropdown.foreground#a7c080
• editor.background#1e2128
• editor.findMatchBackground#a7c08040
• editor.findMatchHighlightBackground#a7c08020
• editor.foreground#ffffff
• editor.selectionBackground#4a556860
• editor.selectionHighlightBackground#4a556830
• editor.wordHighlightBackground#89b48220
• editor.wordHighlightStrongBackground#89b48230
• editorBracketMatch.background#4a556840
• editorBracketMatch.border#a7c080
• editorCursor.foreground#89b482
• editorError.foreground#b85450
• editorGroup.border#4a5568
• editorGroupHeader.tabsBackground#1a1d26
• editorIndentGuide.activeBackground1#a7c080
• editorIndentGuide.background1#4a5568
• editorLineNumber.activeForeground#a7c080
• editorLineNumber.foreground#5d6b73
• editorWarning.foreground#c9a554
• editorWhitespace.foreground#4a5568
• focusBorder#7fbbb3
• foreground#ffffff
• gitDecoration.addedResourceForeground#a7c080
• gitDecoration.conflictingResourceForeground#d699b6
• gitDecoration.deletedResourceForeground#b85450
• gitDecoration.ignoredResourceForeground#5d6b73
• gitDecoration.modifiedResourceForeground#c9a554
• gitDecoration.untrackedResourceForeground#7a8471
• input.background#242832
• input.border#5d6b73
• input.foreground#a7c080
• inputOption.activeBorder#7fbbb3
• list.activeSelectionBackground#4a5568
• list.activeSelectionForeground#89b482
• list.hoverBackground#242832
• list.inactiveSelectionBackground#242832
• panel.background#1a1d26
• panel.border#4a5568
• panelTitle.activeForeground#a7c080
• panelTitle.inactiveForeground#859289
• progressBar.background#7fbbb3
• scrollbar.shadow#1c1f26
• scrollbarSlider.background#4a556880
• scrollbarSlider.hoverBackground#5d6b73
• sideBar.background#1a1d26
• sideBar.foreground#ffffff
• sideBarSectionHeader.background#242832
• sideBarSectionHeader.foreground#a7c080
• statusBar.background#1a1d26
• statusBar.foreground#7fbbb3
• statusBarItem.hoverBackground#242832
• tab.activeBackground#1e2128
• tab.activeForeground#a7c080
• tab.border#4a5568
• tab.inactiveBackground#1a1d26
• tab.inactiveForeground#859289
• terminal.ansiBlack#4a5568
• terminal.ansiBlue#7fbbb3
• terminal.ansiBrightBlack#5d6b73
• terminal.ansiBrightBlue#95c9c2
• terminal.ansiBrightCyan#95c9c2
• terminal.ansiBrightGreen#a3c496
• terminal.ansiBrightMagenta#e0adca
• terminal.ansiBrightRed#ea9a9a
• terminal.ansiBrightWhite#a3c496
• terminal.ansiBrightYellow#b8cc94
• terminal.ansiCyan#7fbbb3
• terminal.ansiGreen#89b482
• terminal.ansiMagenta#d699b6
• terminal.ansiRed#e67e80
• terminal.ansiWhite#89b482
• terminal.ansiYellow#a7c080
• terminal.background#1e2128
• terminal.foreground#89b482
• titleBar.activeBackground#1a1d26
• titleBar.activeForeground#ffffff
• titleBar.inactiveBackground#1a1d26
• titleBar.inactiveForeground#859289

tokenColors

TextMate scopes and font styles (syntax highlighting rules).