Ssera Themes

Color themes

• 

  Tora

• 

  Ukiyo-e

• 

  Vamp

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#1c1611
• activityBar.foreground#ff8c42
• activityBarBadge.background#228b22
• activityBarBadge.foreground#ffffff
• badge.background#228b22
• badge.foreground#ffffff
• button.background#ff7f00
• button.foreground#1c1611
• button.hoverBackground#ff9500
• debugToolBar.background#1c1611
• dropdown.background#2a1e0f
• dropdown.border#5d4a2e
• dropdown.foreground#d2b48c
• editor.background#0d0b08
• editor.findMatchBackground#ff8c4240
• editor.findMatchHighlightBackground#ff8c4220
• editor.foreground#e6d7c3
• editor.selectionBackground#ff8c4230
• editor.selectionHighlightBackground#ff8c4220
• editor.wordHighlightBackground#228b2220
• editor.wordHighlightStrongBackground#228b2230
• editorBracketMatch.background#ff8c4220
• editorBracketMatch.border#ff8c42
• editorCursor.foreground#ff7f00
• editorError.foreground#d2691e
• editorGroup.border#5d4a2e
• editorGroupHeader.tabsBackground#1c1611
• editorIndentGuide.activeBackground1#ff8c4220
• editorIndentGuide.background1#5d4a2e
• editorLineNumber.activeForeground#ff7f00
• editorLineNumber.foreground#6b5d4f
• editorWarning.foreground#ffa500
• editorWhitespace.foreground#5d4a2e
• focusBorder#ff7f00
• foreground#f4e4c1
• gitDecoration.addedResourceForeground#32cd32
• gitDecoration.conflictingResourceForeground#ff6347
• gitDecoration.deletedResourceForeground#d2691e
• gitDecoration.ignoredResourceForeground#6b5d4f
• gitDecoration.modifiedResourceForeground#ffa500
• gitDecoration.untrackedResourceForeground#228b22
• input.background#2a1e0f
• input.border#5d4a2e
• input.foreground#d2b48c
• inputOption.activeBorder#ff7f00
• list.activeSelectionBackground#5d4a2e
• list.activeSelectionForeground#ff7f00
• list.hoverBackground#2a1e0f
• list.inactiveSelectionBackground#2a1e0f
• panel.background#1c1611
• panel.border#5d4a2e
• panelTitle.activeForeground#ff7f00
• panelTitle.inactiveForeground#8b7355
• progressBar.background#ff7f00
• scrollbar.shadow#000000
• scrollbarSlider.background#5d4a2e80
• scrollbarSlider.hoverBackground#6b5d4f
• sideBar.background#1c1611
• sideBar.foreground#d2b48c
• sideBarSectionHeader.background#2a1e0f
• sideBarSectionHeader.foreground#ff7f00
• statusBar.background#1c1611
• statusBar.foreground#ff8c42
• statusBarItem.hoverBackground#2a1e0f
• tab.activeBackground#0d0b08
• tab.activeForeground#ff8c42
• tab.border#5d4a2e
• tab.inactiveBackground#1c1611
• tab.inactiveForeground#8b7355
• terminal.ansiBlack#2a1e0f
• terminal.ansiBlue#4682b4
• terminal.ansiBrightBlack#6b5d4f
• terminal.ansiBrightBlue#87ceeb
• terminal.ansiBrightCyan#20b2aa
• terminal.ansiBrightGreen#32cd32
• terminal.ansiBrightMagenta#da70d6
• terminal.ansiBrightRed#ff6347
• terminal.ansiBrightWhite#f4e4c1
• terminal.ansiBrightYellow#ffd700
• terminal.ansiCyan#2e8b57
• terminal.ansiGreen#228b22
• terminal.ansiMagenta#9932cc
• terminal.ansiRed#d2691e
• terminal.ansiWhite#e6d7c3
• terminal.ansiYellow#ffa500
• terminal.background#0d0b08
• terminal.foreground#e6d7c3
• titleBar.activeBackground#1c1611
• titleBar.activeForeground#d2b48c
• titleBar.inactiveBackground#1c1611
• titleBar.inactiveForeground#8b7355

tokenColors

TextMate scopes and font styles (syntax highlighting rules).