CoderVibe-ProTheme

Color themes

• 

  Ultra Dark Pro

• 

  Ultra Light Pro

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#0969DA
• activityBar.activeFocusBorder#0969DA
• activityBar.background#EEF2F6
• activityBar.foreground#24292F
• activityBar.inactiveForeground#6E7781
• activityBarBadge.background#0969DA
• activityBarBadge.foreground#FFFFFF
• badge.background#0969DA
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#0969DA
• breadcrumb.background#F8FAFC
• breadcrumb.focusForeground#24292F
• breadcrumb.foreground#6E7781
• button.background#0969DA
• button.foreground#FFFFFF
• button.hoverBackground#0550AE
• button.secondaryBackground#EEF2F6
• button.secondaryForeground#24292F
• button.secondaryHoverBackground#E2E8F0
• debugIcon.continueForeground#0969DA
• debugIcon.pauseForeground#9A6700
• debugIcon.startForeground#1A7F37
• debugIcon.stopForeground#CF222E
• debugToolBar.background#EEF2F6
• debugToolBar.border#D8DEE4
• descriptionForeground#57606A
• disabledForeground#8C959F
• dropdown.background#FFFFFF
• dropdown.border#D0D7DE
• dropdown.foreground#24292F
• editor.background#F8FAFC
• editor.findMatchBackground#F5D78E
• editor.findMatchBorder#D4A72C
• editor.findMatchHighlightBackground#FFF3CD
• editor.foreground#24292F
• editor.hoverHighlightBackground#0969DA0D
• editor.inactiveSelectionBackground#E8EEF5
• editor.lineHighlightBackground#F1F5F9
• editor.lineHighlightBorder#E2E8F0
• editor.selectionBackground#BBD7F5
• editor.selectionForeground#172B4D
• editor.wordHighlightBackground#DCEBFA
• editor.wordHighlightBorder#0969DA
• editor.wordHighlightStrongBackground#CFE2F3
• editorBracketHighlight.foreground1#0969DA
• editorBracketHighlight.foreground2#8250DF
• editorBracketHighlight.foreground3#1A7F37
• editorBracketHighlight.foreground4#BC4C00
• editorBracketHighlight.foreground5#CF222E
• editorBracketHighlight.foreground6#0550AE
• editorBracketHighlight.unexpectedBracket.foreground#CF222E
• editorBracketMatch.background#0969DA16
• editorBracketMatch.border#0969DA
• editorBracketPairGuide.activeBackground1#0969DA70
• editorBracketPairGuide.activeBackground2#8250DF70
• editorBracketPairGuide.activeBackground3#1A7F3770
• editorBracketPairGuide.background1#0969DA26
• editorBracketPairGuide.background2#8250DF26
• editorBracketPairGuide.background3#1A7F3726
• editorCodeLens.foreground#8C959F
• editorCursor.background#FFFFFF
• editorCursor.foreground#0969DA
• editorError.foreground#CF222E
• editorGroup.border#D8DEE4
• editorGroupHeader.tabsBackground#EEF2F6
• editorGroupHeader.tabsBorder#D8DEE4
• editorGutter.background#F8FAFC
• editorGutter.foreground#8C959F
• editorHint.foreground#1A7F37
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#D0D7DE
• editorHoverWidget.foreground#24292F
• editorIndentGuide.activeBackground1#B8C4D0
• editorIndentGuide.background1#E2E8F0
• editorInfo.foreground#0969DA
• editorLineNumber.activeForeground#0969DA
• editorLineNumber.foreground#8C959F
• editorOverviewRuler.border#00000000
• editorOverviewRuler.errorForeground#CF222E
• editorOverviewRuler.infoForeground#0969DA
• editorOverviewRuler.warningForeground#D4A72C
• editorRuler.foreground#E2E8F0
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#D0D7DE
• editorSuggestWidget.foreground#24292F
• editorSuggestWidget.highlightForeground#0969DA
• editorSuggestWidget.selectedBackground#DCEBFA
• editorWarning.foreground#9A6700
• editorWhitespace.foreground#D8DEE4
• extensionButton.prominentBackground#0969DA
• extensionButton.prominentForeground#FFFFFF
• extensionButton.prominentHoverBackground#0550AE
• focusBorder#0969DA
• foreground#24292F
• gitDecoration.conflictingResourceForeground#BC4C00
• gitDecoration.deletedResourceForeground#CF222E
• gitDecoration.ignoredResourceForeground#8C959F
• gitDecoration.modifiedResourceForeground#0969DA
• gitDecoration.submoduleResourceForeground#8250DF
• gitDecoration.untrackedResourceForeground#1A7F37
• input.background#FFFFFF
• input.border#D0D7DE
• input.foreground#24292F
• input.placeholderForeground#8C959F
• inputOption.activeBackground#DCEBFA
• inputOption.activeBorder#0969DA
• list.activeSelectionBackground#DCEBFA
• list.activeSelectionForeground#172B4D
• list.focusBackground#DCEBFA
• list.focusForeground#172B4D
• list.highlightForeground#0969DA
• list.hoverBackground#EEF4FA
• list.inactiveFocusBackground#EEF4FA
• list.inactiveSelectionBackground#E8EEF5
• list.inactiveSelectionForeground#24292F
• menu.background#FFFFFF
• menu.foreground#24292F
• menu.selectionBackground#DCEBFA
• menu.selectionForeground#172B4D
• menu.separatorBackground#D8DEE4
• notificationCenterHeader.background#EEF2F6
• notifications.background#FFFFFF
• notifications.border#D0D7DE
• notifications.foreground#24292F
• panel.background#F8FAFC
• panel.border#D8DEE4
• panelTitle.activeBorder#0969DA
• panelTitle.activeForeground#0969DA
• panelTitle.inactiveForeground#6E7781
• peekView.border#0969DA
• peekViewEditor.background#F8FAFC
• peekViewResult.background#F6F8FA
• peekViewResult.fileForeground#24292F
• peekViewResult.lineForeground#6E7781
• peekViewResult.selectionBackground#DCEBFA
• peekViewTitle.background#EEF2F6
• peekViewTitleDescription.foreground#6E7781
• peekViewTitleLabel.foreground#24292F
• pickerGroup.border#D8DEE4
• pickerGroup.foreground#0969DA
• progressBar.background#0969DA
• quickInput.background#FFFFFF
• quickInput.foreground#24292F
• quickInputTitle.background#EEF2F6
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#8C959F70
• scrollbarSlider.background#8C959F30
• scrollbarSlider.hoverBackground#8C959F55
• settings.dropdownBackground#FFFFFF
• settings.dropdownBorder#D0D7DE
• settings.headerForeground#24292F
• settings.modifiedItemIndicator#0969DA
• settings.numberInputBackground#FFFFFF
• settings.numberInputBorder#D0D7DE
• settings.textInputBackground#FFFFFF
• settings.textInputBorder#D0D7DE
• sideBar.background#F6F8FA
• sideBar.border#D8DEE4
• sideBar.foreground#24292F
• sideBarSectionHeader.background#EEF2F6
• sideBarSectionHeader.border#D8DEE4
• sideBarSectionHeader.foreground#24292F
• statusBar.background#EEF2F6
• statusBar.border#D8DEE4
• statusBar.foreground#57606A
• statusBarItem.activeBackground#D2E4F5
• statusBarItem.hoverBackground#DCEBFA
• statusBarItem.prominentBackground#DCEBFA
• statusBarItem.prominentForeground#0969DA
• tab.activeBackground#F8FAFC
• tab.activeBorderTop#0969DA
• tab.activeForeground#24292F
• tab.activeModifiedBorder#8250DF
• tab.border#D8DEE4
• tab.hoverBackground#E8F1FA
• tab.hoverForeground#24292F
• tab.inactiveBackground#EEF2F6
• tab.inactiveForeground#6E7781
• tab.inactiveModifiedBorder#8250DF
• tab.lastPinnedBorder#D8DEE4
• tab.unfocusedActiveBackground#F8FAFC
• tab.unfocusedActiveBorderTop#8CB4E8
• tab.unfocusedActiveForeground#57606A
• terminal.ansiBlack#24292F
• terminal.ansiBlue#0969DA
• terminal.ansiBrightBlack#57606A
• terminal.ansiBrightBlue#0550AE
• terminal.ansiBrightCyan#0A6B8A
• terminal.ansiBrightGreen#116329
• terminal.ansiBrightMagenta#6639BA
• terminal.ansiBrightRed#A40E26
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#7D4E00
• terminal.ansiCyan#0969A0
• terminal.ansiGreen#1A7F37
• terminal.ansiMagenta#8250DF
• terminal.ansiRed#CF222E
• terminal.ansiWhite#F6F8FA
• terminal.ansiYellow#9A6700
• terminal.background#F8FAFC
• terminal.foreground#24292F
• terminal.selectionBackground#BBD7F5
• terminalCursor.foreground#0969DA
• testing.iconFailed#CF222E
• testing.iconPassed#1A7F37
• testing.iconQueued#9A6700
• testing.iconUnset#8C959F
• titleBar.activeBackground#EEF2F6
• titleBar.activeForeground#24292F
• titleBar.border#D8DEE4
• titleBar.inactiveBackground#F6F8FA
• titleBar.inactiveForeground#6E7781
• tree.indentGuidesStroke#D8DEE4
• widget.border#D0D7DE
• widget.shadow#00000018

tokenColors

TextMate scopes and font styles (syntax highlighting rules).