Ssera Themes

Color themes

• 

  Koi Pond Dark

• 

  Koi Pond Light

• 

  Orca

• 

  Panda Dark

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#1a2332
• activityBar.foreground#7fb069
• activityBarBadge.background#d73027
• activityBarBadge.foreground#ffffff
• badge.background#d73027
• badge.foreground#ffffff
• button.background#7fb069
• button.foreground#1a2332
• button.hoverBackground#8bc275
• debugToolBar.background#1a2332
• dropdown.background#2d3b4f
• dropdown.border#4a5d73
• dropdown.foreground#a8bba8
• editor.background#0f1419
• editor.findMatchBackground#7fb06940
• editor.findMatchHighlightBackground#7fb06920
• editor.foreground#c7d2cc
• editor.selectionBackground#4a5d7360
• editor.selectionHighlightBackground#4a5d7330
• editor.wordHighlightBackground#7fb06920
• editor.wordHighlightStrongBackground#7fb06930
• editorBracketMatch.background#4a5d7340
• editorBracketMatch.border#7fb069
• editorCursor.foreground#d73027
• editorError.foreground#d73027
• editorGroup.border#4a5d73
• editorGroupHeader.tabsBackground#1a2332
• editorIndentGuide.activeBackground1#7fb069
• editorIndentGuide.background1#4a5d73
• editorLineNumber.activeForeground#7fb069
• editorLineNumber.foreground#5c6b73
• editorWarning.foreground#f4a261
• editorWhitespace.foreground#4a5d73
• focusBorder#7fb069
• foreground#e8f0e8
• gitDecoration.addedResourceForeground#7fb069
• gitDecoration.conflictingResourceForeground#f6b73c
• gitDecoration.deletedResourceForeground#d73027
• gitDecoration.ignoredResourceForeground#6b7d8a
• gitDecoration.modifiedResourceForeground#f4a261
• gitDecoration.untrackedResourceForeground#7fb069
• input.background#2d3b4f
• input.border#4a5d73
• input.foreground#a8bba8
• inputOption.activeBorder#7fb069
• list.activeSelectionBackground#4a5d73
• list.activeSelectionForeground#d73027
• list.hoverBackground#2d3b4f
• list.inactiveSelectionBackground#2d3b4f
• panel.background#1a2332
• panel.border#4a5d73
• panelTitle.activeForeground#7fb069
• panelTitle.inactiveForeground#6b7d8a
• progressBar.background#7fb069
• scrollbar.shadow#000000
• scrollbarSlider.background#4a5d7380
• scrollbarSlider.hoverBackground#5c6b73
• sideBar.background#1a2332
• sideBar.foreground#a8bba8
• sideBarSectionHeader.background#2d3b4f
• sideBarSectionHeader.foreground#7fb069
• statusBar.background#1a2332
• statusBar.foreground#7fb069
• statusBarItem.hoverBackground#2d3b4f
• tab.activeBackground#0f1419
• tab.activeForeground#7fb069
• tab.border#4a5d73
• tab.inactiveBackground#1a2332
• tab.inactiveForeground#6b7d8a
• terminal.ansiBlack#2d3b4f
• terminal.ansiBlue#2166ac
• terminal.ansiBrightBlack#5c6b73
• terminal.ansiBrightBlue#4393c3
• terminal.ansiBrightCyan#7fb069
• terminal.ansiBrightGreen#8bc275
• terminal.ansiBrightMagenta#9970ab
• terminal.ansiBrightRed#e85749
• terminal.ansiBrightWhite#e8f0e8
• terminal.ansiBrightYellow#f6b73c
• terminal.ansiCyan#5aae61
• terminal.ansiGreen#7fb069
• terminal.ansiMagenta#762a83
• terminal.ansiRed#d73027
• terminal.ansiWhite#c7d2cc
• terminal.ansiYellow#f4a261
• terminal.background#0f1419
• terminal.foreground#c7d2cc
• titleBar.activeBackground#1a2332
• titleBar.activeForeground#a8bba8
• titleBar.inactiveBackground#1a2332
• titleBar.inactiveForeground#6b7d8a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).