VibeForge Theme

Color themes

• 

  VibeForge Aurora

• 

  VibeForge Core

• 

  VibeForge Ember

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.activeBorder#CFAF7A
• activityBar.background#1C1916
• activityBar.foreground#E07A5F
• activityBar.inactiveForeground#62584F
• activityBarBadge.background#E07A5F
• activityBarBadge.foreground#1C1916
• badge.background#E07A5F
• badge.foreground#1C1916
• button.background#C9684F
• button.foreground#FFF8F0
• button.hoverBackground#DE765B
• editor.background#282420
• editor.foreground#F6ECE3
• editor.lineHighlightBackground#FFFFFF08
• editor.selectionBackground#E07A5F42
• editor.selectionHighlightBackground#D9A45F26
• editor.wordHighlightBackground#7BC4AA24
• editor.wordHighlightStrongBackground#7BC4AA3A
• editorBracketHighlight.foreground1#E09972
• editorBracketHighlight.foreground2#7BC4AA
• editorBracketHighlight.foreground3#D9A45F
• editorBracketHighlight.foreground4#B48EAD
• editorBracketHighlight.foreground5#D87767
• editorBracketHighlight.foreground6#CFAF7A
• editorBracketMatch.background#E07A5F24
• editorBracketMatch.border#E07A5F70
• editorCodeLens.foreground#938477
• editorCursor.foreground#E07A5F
• editorError.foreground#D87767
• editorGroupHeader.tabsBackground#1C1916
• editorIndentGuide.activeBackground#6A5B4F66
• editorIndentGuide.background#443C35
• editorInfo.foreground#9EA7D8
• editorInlayHint.background#362F2A66
• editorInlayHint.foreground#938477
• editorLineNumber.activeForeground#E09972
• editorLineNumber.foreground#786D62
• editorLink.activeForeground#E09972
• editorWarning.foreground#D9A45F
• focusBorder#E07A5F70
• foreground#E8D8C4
• gitDecoration.addedResourceForeground#7BC4AA
• gitDecoration.deletedResourceForeground#D87767
• gitDecoration.ignoredResourceForeground#74685E
• gitDecoration.modifiedResourceForeground#E07A5F
• gitDecoration.untrackedResourceForeground#A4B892
• list.activeSelectionBackground#E07A5F26
• list.activeSelectionForeground#FFF8F0
• list.highlightForeground#E09972
• list.hoverBackground#E07A5F14
• list.inactiveSelectionBackground#E07A5F1A
• panel.background#201D19
• panel.border#352E28
• panelTitle.activeForeground#E09972
• panelTitle.inactiveForeground#8C7D71
• scrollbarSlider.activeBackground#E07A5F80
• scrollbarSlider.background#6A5B4F70
• scrollbarSlider.hoverBackground#7C6A5D88
• selection.background#E07A5F40
• sideBar.background#201D19
• sideBar.border#181613
• sideBar.foreground#BDB2A6
• sideBarSectionHeader.background#2A2621
• sideBarSectionHeader.foreground#CFAF7A
• sideBarTitle.foreground#E09972
• statusBar.background#1C1916
• statusBar.border#2A2621
• statusBar.debuggingBackground#355047
• statusBar.debuggingForeground#E4FFF5
• statusBar.foreground#D7C4B2
• statusBarItem.hoverBackground#E07A5F30
• statusBarItem.prominentBackground#E07A5F
• statusBarItem.prominentForeground#1C1916
• tab.activeBackground#282420
• tab.activeBorderTop#E07A5F
• tab.activeForeground#FFF3E8
• tab.hoverBackground#302B26
• tab.inactiveBackground#201D19
• tab.inactiveForeground#74685E
• terminal.ansiBlack#282420
• terminal.ansiBlue#9EA7D8
• terminal.ansiBrightBlack#938477
• terminal.ansiBrightBlue#B8C0F0
• terminal.ansiBrightCyan#96D1C0
• terminal.ansiBrightGreen#95D6C0
• terminal.ansiBrightMagenta#CDA8C6
• terminal.ansiBrightRed#EF927E
• terminal.ansiBrightWhite#FFF8F0
• terminal.ansiBrightYellow#EBC17C
• terminal.ansiCyan#78B8A6
• terminal.ansiGreen#7BC4AA
• terminal.ansiMagenta#B48EAD
• terminal.ansiRed#D87767
• terminal.ansiWhite#D8CBBB
• terminal.ansiYellow#D9A45F
• terminal.background#1C1916
• terminal.foreground#F6ECE3
• terminalCursor.foreground#E07A5F
• titleBar.activeBackground#1C1916
• titleBar.activeForeground#D7C4B2
• titleBar.inactiveBackground#1C1916
• titleBar.inactiveForeground#74685E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).