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#0a0d1a
• activityBar.foreground#ff99ff
• activityBarBadge.background#ff66b3
• activityBarBadge.foreground#0a0d1a
• badge.background#ff66b3
• badge.foreground#0a0d1a
• button.background#80ffee
• button.foreground#0a0d1a
• button.hoverBackground#99fff2
• debugToolBar.background#0a0d1a
• dropdown.background#1a1f2e
• dropdown.border#4a5568
• dropdown.foreground#ff99ff
• editor.background#0f1419
• editor.findMatchBackground#ff66b340
• editor.findMatchHighlightBackground#ff66b320
• editor.foreground#c2a5f0
• editor.selectionBackground#4a556880
• editor.selectionHighlightBackground#2d374840
• editor.wordHighlightBackground#80ffee20
• editor.wordHighlightStrongBackground#80ffee30
• editorBracketMatch.background#2d374840
• editorBracketMatch.border#ff66b3
• editorCursor.foreground#ff66b3
• editorError.foreground#ff4757
• editorGroup.border#2d3748
• editorGroupHeader.tabsBackground#0a0d1a
• editorIndentGuide.activeBackground1#ff66b3
• editorIndentGuide.background1#2d3748
• editorLineNumber.activeForeground#ff99ff
• editorLineNumber.foreground#4a5568
• editorWarning.foreground#ffa726
• editorWhitespace.foreground#2d3748
• focusBorder#80ffee
• foreground#ffffff
• gitDecoration.addedResourceForeground#80ffee
• gitDecoration.conflictingResourceForeground#ffb366
• gitDecoration.deletedResourceForeground#ff6699
• gitDecoration.ignoredResourceForeground#4a5568
• gitDecoration.modifiedResourceForeground#ffff80
• gitDecoration.untrackedResourceForeground#ff99ff
• input.background#1a1f2e
• input.border#4a5568
• input.foreground#ff99ff
• inputOption.activeBorder#80ffee
• list.activeSelectionBackground#2d3748
• list.activeSelectionForeground#ff66b3
• list.hoverBackground#1a1f2e
• list.inactiveSelectionBackground#1a1f2e
• panel.background#0a0d1a
• panel.border#2d3748
• panelTitle.activeForeground#ff99ff
• panelTitle.inactiveForeground#718096
• progressBar.background#80ffee
• scrollbar.shadow#000000
• scrollbarSlider.background#2d374880
• scrollbarSlider.hoverBackground#4a5568
• sideBar.background#0a0d1a
• sideBar.foreground#c2a5f0
• sideBarSectionHeader.background#1a1f2e
• sideBarSectionHeader.foreground#ff99ff
• statusBar.background#0a0d1a
• statusBar.foreground#80ffee
• statusBarItem.hoverBackground#1a1f2e
• tab.activeBackground#0f1419
• tab.activeForeground#ff99ff
• tab.border#2d3748
• tab.inactiveBackground#0a0d1a
• tab.inactiveForeground#718096
• terminal.ansiBlack#2d3748
• terminal.ansiBlue#c299ff
• terminal.ansiBrightBlack#4a5568
• terminal.ansiBrightBlue#d6b3ff
• terminal.ansiBrightCyan#b3fff7
• terminal.ansiBrightGreen#99fff2
• terminal.ansiBrightMagenta#ff80cc
• terminal.ansiBrightRed#ff80cc
• terminal.ansiBrightWhite#ffccee
• terminal.ansiBrightYellow#ffb3ff
• terminal.ansiCyan#80ffee
• terminal.ansiGreen#80ffee
• terminal.ansiMagenta#ff66b3
• terminal.ansiRed#ff66b3
• terminal.ansiWhite#ff99dd
• terminal.ansiYellow#ff99ff
• terminal.background#0f1419
• terminal.foreground#e1c7ff
• titleBar.activeBackground#0a0d1a
• titleBar.activeForeground#c2a5f0
• titleBar.inactiveBackground#0a0d1a
• titleBar.inactiveForeground#718096

tokenColors

TextMate scopes and font styles (syntax highlighting rules).