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.

• //Problem indicators with Ghibli-appropriate colors
• activityBar.background#f0f2ed
• activityBar.foreground#2d5a3d
• activityBarBadge.background#ff7f50
• activityBarBadge.foreground#ffffff
• badge.background#ff7f50
• badge.foreground#ffffff
• button.background#5a8a5a
• button.foreground#ffffff
• button.hoverBackground#7db46c
• debugToolBar.background#f8f9f5
• dropdown.background#faf9f6
• dropdown.border#d2d5ce
• dropdown.foreground#2f2f2f
• editor.background#fefefe
• editor.findMatchBackground#a8d8a840
• editor.findMatchHighlightBackground#a8d8a820
• editor.foreground#2f2f2f
• editor.selectionBackground#e6f4e660
• editor.selectionHighlightBackground#e6f4e630
• editor.wordHighlightBackground#7db46c20
• editor.wordHighlightStrongBackground#7db46c30
• editorBracketMatch.background#e6f4e6
• editorBracketMatch.border#5a8a5a
• editorCursor.foreground#ff7f50
• editorError.foreground#dc6c6c
• editorGroup.border#d2d5ce
• editorGroupHeader.tabsBackground#f8f9f5
• editorIndentGuide.activeBackground1#a8d8a8
• editorIndentGuide.background1#e8ebe5
• editorLineNumber.activeForeground#2d5a3d
• editorLineNumber.foreground#9aaa97
• editorRuler.foreground#d2d5ce
• editorWarning.foreground#d2b48c
• editorWhitespace.foreground#e8ebe5
• focusBorder#5a8a5a
• foreground#2f2f2f
• gitDecoration.addedResourceForeground#5a8a5a
• gitDecoration.conflictingResourceForeground#ff7f50
• gitDecoration.deletedResourceForeground#dc6c6c
• gitDecoration.ignoredResourceForeground#9aaa97
• gitDecoration.modifiedResourceForeground#d2b48c
• gitDecoration.untrackedResourceForeground#7db46c
• input.background#faf9f6
• input.border#d2d5ce
• input.foreground#2f2f2f
• inputOption.activeBorder#5a8a5a
• list.activeSelectionBackground#e6f4e6
• list.activeSelectionForeground#2d5a3d
• list.hoverBackground#f5f6f2
• list.inactiveSelectionBackground#f5f6f2
• panel.background#faf9f6
• panel.border#d2d5ce
• panelTitle.activeForeground#2d5a3d
• panelTitle.inactiveForeground#8a8a8a
• progressBar.background#5a8a5a
• scrollbar.shadow#d2d5ce
• scrollbarSlider.background#d2d5ce80
• scrollbarSlider.hoverBackground#c4c7c0
• sideBar.background#f8f9f5
• sideBar.foreground#2f2f2f
• sideBarSectionHeader.background#f0f2ed
• sideBarSectionHeader.foreground#2d5a3d
• statusBar.background#f0f2ed
• statusBar.foreground#2d5a3d
• statusBarItem.hoverBackground#e8ebe5
• tab.activeBackground#fefefe
• tab.activeForeground#2f2f2f
• tab.border#d2d5ce
• tab.inactiveBackground#f8f9f5
• tab.inactiveForeground#8a8a8a
• terminal.ansiBlack#2f2f2f
• terminal.ansiBlue#6fa8dc
• terminal.ansiBrightBlack#9aaa97
• terminal.ansiBrightBlue#85c1e9
• terminal.ansiBrightCyan#aed6f1
• terminal.ansiBrightGreen#7db46c
• terminal.ansiBrightMagenta#d5a6dd
• terminal.ansiBrightRed#ff6b6b
• terminal.ansiBrightWhite#2f2f2f
• terminal.ansiBrightYellow#f4d03f
• terminal.ansiCyan#87ceeb
• terminal.ansiGreen#5a8a5a
• terminal.ansiMagenta#b19cd9
• terminal.ansiRed#dc6c6c
• terminal.ansiWhite#8a8a8a
• terminal.ansiYellow#d2b48c
• terminal.background#fefefe
• terminal.foreground#2f2f2f
• titleBar.activeBackground#f8f9f5
• titleBar.activeForeground#2f2f2f
• titleBar.inactiveBackground#f8f9f5
• titleBar.inactiveForeground#8a8a8a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).