Ssera Themes

Color themes

• 

  Ghibli

• 

  Golden Wave

• 

  Intergalactic

• 

  Jellyfish

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#0f172a
• activityBar.foreground#d4af37
• activityBarBadge.background#1e3a8a
• activityBarBadge.foreground#ffd700
• badge.background#1e3a8a
• badge.foreground#ffd700
• button.background#d4af37
• button.foreground#0f172a
• button.hoverBackground#ffd700
• debugToolBar.background#0f172a
• dropdown.background#1e293b
• dropdown.border#475569
• dropdown.foreground#e2d5a7
• editor.background#020617
• editor.findMatchBackground#d4af3740
• editor.findMatchHighlightBackground#d4af3720
• editor.foreground#f1f5f9
• editor.selectionBackground#47556960
• editor.selectionHighlightBackground#47556930
• editor.wordHighlightBackground#1d4ed820
• editor.wordHighlightStrongBackground#1d4ed830
• editorBracketMatch.background#47556940
• editorBracketMatch.border#d4af37
• editorCursor.foreground#d4af37
• editorError.foreground#dc2626
• editorGroup.border#475569
• editorGroupHeader.tabsBackground#0f172a
• editorIndentGuide.activeBackground1#d4af37
• editorIndentGuide.background1#475569
• editorLineNumber.activeForeground#d4af37
• editorLineNumber.foreground#64748b
• editorWarning.foreground#d97706
• editorWhitespace.foreground#475569
• focusBorder#d4af37
• foreground#f8fafc
• gitDecoration.addedResourceForeground#1d4ed8
• gitDecoration.conflictingResourceForeground#d97706
• gitDecoration.deletedResourceForeground#dc2626
• gitDecoration.ignoredResourceForeground#64748b
• gitDecoration.modifiedResourceForeground#ffd700
• gitDecoration.untrackedResourceForeground#1d4ed8
• input.background#1e293b
• input.border#475569
• input.foreground#e2d5a7
• inputOption.activeBorder#d4af37
• list.activeSelectionBackground#475569
• list.activeSelectionForeground#d4af37
• list.hoverBackground#1e293b
• list.inactiveSelectionBackground#1e293b
• panel.background#0f172a
• panel.border#475569
• panelTitle.activeForeground#d4af37
• panelTitle.inactiveForeground#94a3b8
• progressBar.background#d4af37
• scrollbar.shadow#000000
• scrollbarSlider.background#47556980
• scrollbarSlider.hoverBackground#64748b
• sideBar.background#0f172a
• sideBar.foreground#e2d5a7
• sideBarSectionHeader.background#1e293b
• sideBarSectionHeader.foreground#d4af37
• statusBar.background#0f172a
• statusBar.foreground#d4af37
• statusBarItem.hoverBackground#1e293b
• tab.activeBackground#020617
• tab.activeForeground#d4af37
• tab.border#475569
• tab.inactiveBackground#0f172a
• tab.inactiveForeground#94a3b8
• terminal.ansiBlack#1e293b
• terminal.ansiBlue#1d4ed8
• terminal.ansiBrightBlack#64748b
• terminal.ansiBrightBlue#3b82f6
• terminal.ansiBrightCyan#06b6d4
• terminal.ansiBrightGreen#22c55e
• terminal.ansiBrightMagenta#8b5cf6
• terminal.ansiBrightRed#ef4444
• terminal.ansiBrightWhite#f8fafc
• terminal.ansiBrightYellow#ffd700
• terminal.ansiCyan#0891b2
• terminal.ansiGreen#16a34a
• terminal.ansiMagenta#7c3aed
• terminal.ansiRed#dc2626
• terminal.ansiWhite#f1f5f9
• terminal.ansiYellow#d4af37
• terminal.background#020617
• terminal.foreground#f1f5f9
• titleBar.activeBackground#0f172a
• titleBar.activeForeground#e2d5a7
• titleBar.inactiveBackground#0f172a
• titleBar.inactiveForeground#94a3b8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).