Ssera Themes

Color themes

• 

  Panda Light

• 

  Sakura

• 

  Sunset Beach Dark

• 

  Sunset Beach Light

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.

• //Squiggly underlines and problem indicators
• activityBar.background#f5f5f5
• activityBar.foreground#2d5016
• activityBarBadge.background#6b8e23
• activityBarBadge.foreground#ffffff
• badge.background#6b8e23
• badge.foreground#ffffff
• button.background#2d5016
• button.foreground#ffffff
• button.hoverBackground#4a7c23
• debugToolBar.background#f5f5f5
• dropdown.background#f0f0f0
• dropdown.border#cccccc
• dropdown.foreground#333333
• editor.background#fefefe
• editor.findMatchBackground#4a7c2340
• editor.findMatchHighlightBackground#4a7c2320
• editor.foreground#333333
• editor.selectionBackground#e8e8e860
• editor.selectionHighlightBackground#e8e8e830
• editor.wordHighlightBackground#6b8e2320
• editor.wordHighlightStrongBackground#6b8e2330
• editorBracketMatch.background#e8f5e8
• editorBracketMatch.border#2d5016
• editorCursor.foreground#2d5016
• editorError.foreground#8b4513
• editorGroup.border#cccccc
• editorGroupHeader.tabsBackground#f5f5f5
• editorIndentGuide.activeBackground1#999999
• editorIndentGuide.background1#d0d0d0
• editorLineNumber.activeForeground#2d5016
• editorLineNumber.foreground#777777
• editorRuler.foreground#cccccc
• editorWarning.foreground#b8860b
• editorWhitespace.foreground#d0d0d0
• focusBorder#2d5016
• foreground#333333
• gitDecoration.addedResourceForeground#228B22
• gitDecoration.conflictingResourceForeground#a0522d
• gitDecoration.deletedResourceForeground#8b4513
• gitDecoration.ignoredResourceForeground#9e9e9e
• gitDecoration.modifiedResourceForeground#b8860b
• gitDecoration.untrackedResourceForeground#4a7c23
• input.background#f0f0f0
• input.border#cccccc
• input.foreground#333333
• inputOption.activeBorder#2d5016
• list.activeSelectionBackground#e8f5e8
• list.activeSelectionForeground#2d5016
• list.hoverBackground#f0f0f0
• list.inactiveSelectionBackground#f0f0f0
• panel.background#f8f8f8
• panel.border#cccccc
• panelTitle.activeForeground#2d5016
• panelTitle.inactiveForeground#666666
• progressBar.background#2d5016
• scrollbar.shadow#cccccc
• scrollbarSlider.background#cccccc80
• scrollbarSlider.hoverBackground#aaaaaa
• sideBar.background#f9f7f4
• sideBar.foreground#333333
• sideBarSectionHeader.background#f0f0f0
• sideBarSectionHeader.foreground#2d5016
• statusBar.background#f5f5f5
• statusBar.foreground#2d5016
• statusBarItem.hoverBackground#f0f0f0
• tab.activeBackground#ffffff
• tab.activeForeground#333333
• tab.border#cccccc
• tab.inactiveBackground#f5f5f5
• tab.inactiveForeground#666666
• terminal.ansiBlack#333333
• terminal.ansiBlue#6b8e23
• terminal.ansiBrightBlack#999999
• terminal.ansiBrightBlue#8fbc8f
• terminal.ansiBrightCyan#90ee90
• terminal.ansiBrightGreen#7db46c
• terminal.ansiBrightMagenta#deb887
• terminal.ansiBrightRed#cd853f
• terminal.ansiBrightWhite#333333
• terminal.ansiBrightYellow#daa520
• terminal.ansiCyan#4a7c23
• terminal.ansiGreen#2d5016
• terminal.ansiMagenta#a0522d
• terminal.ansiRed#8b4513
• terminal.ansiWhite#666666
• terminal.ansiYellow#b8860b
• terminal.background#ffffff
• terminal.foreground#333333
• titleBar.activeBackground#f5f5f5
• titleBar.activeForeground#333333
• titleBar.inactiveBackground#f5f5f5
• titleBar.inactiveForeground#666666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).