WhiteCloud Racing Themes

Color themes

• 

  WhiteCloud Mazda 787B (Dark)

• 

  WhiteCloud Porsche Pink Pig (Light)

• 

  WhiteCloud Subaru WRC (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.activeBorder#F1C40F
• activityBar.background#060E21
• activityBar.border#060E21
• activityBar.foreground#F1C40F
• activityBar.inactiveForeground#4B5B73
• activityBarBadge.background#F1C40F
• activityBarBadge.foreground#060E21
• badge.background#F1C40F
• badge.foreground#060E21
• breadcrumb.activeSelectionForeground#63B8FF
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#627C9E
• breadcrumbPicker.background#08142C
• button.background#F1C40F
• button.foreground#060E21
• button.hoverBackground#D4AC0D
• button.secondaryBackground#152A55
• button.secondaryForeground#FFFFFF
• button.secondaryHoverBackground#283340
• descriptionForeground#8CA3C4
• diffEditor.diagonalFill#152A5580
• diffEditor.insertedTextBackground#50C87820
• diffEditor.removedTextBackground#F1C40F20
• dropdown.background#08142C
• dropdown.border#152A55
• dropdown.foreground#FFFFFF
• dropdown.listBackground#08142C
• editor.background#0C1C3D
• editor.findMatchBackground#F1C40F4D
• editor.findMatchHighlightBackground#63B8FF33
• editor.findRangeHighlightBackground#1A33664D
• editor.foreground#FFFFFF
• editor.inactiveSelectionBackground#63B8FF22
• editor.lineHighlightBackground#1A336680
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#63B8FF33
• editor.selectionHighlightBackground#63B8FF1F
• editor.wordHighlightBackground#63B8FF26
• editor.wordHighlightStrongBackground#F1C40F33
• editorBracketHighlight.foreground1#F1C40F
• editorBracketHighlight.foreground2#63B8FF
• editorBracketHighlight.foreground3#E5F20D
• editorBracketHighlight.foreground4#9AC0CD
• editorBracketHighlight.foreground5#FFFFFF
• editorBracketHighlight.foreground6#8CA3C4
• editorBracketMatch.background#63B8FF33
• editorBracketMatch.border#63B8FF
• editorCursor.foreground#F1C40F
• editorGroup.border#060E21
• editorGroupHeader.tabsBackground#060E21
• editorGroupHeader.tabsBorder#060E21
• editorGutter.addedBackground#50C878
• editorGutter.deletedBackground#F1C40F
• editorGutter.modifiedBackground#63B8FF
• editorHoverWidget.background#08142C
• editorHoverWidget.border#152A55
• editorIndentGuide.activeBackground1#35445E
• editorIndentGuide.background1#152A55
• editorLineNumber.activeForeground#F1C40F
• editorLineNumber.foreground#35445E
• editorOverviewRuler.border#060E21
• editorOverviewRuler.errorForeground#F32274
• editorOverviewRuler.findMatchForeground#F1C40F99
• editorOverviewRuler.infoForeground#63B8FF
• editorOverviewRuler.warningForeground#E5F20D
• editorRuler.foreground#152A55
• editorSuggestWidget.background#08142C
• editorSuggestWidget.border#152A55
• editorSuggestWidget.foreground#FFFFFF
• editorSuggestWidget.highlightForeground#F1C40F
• editorSuggestWidget.selectedBackground#1A3366
• editorWhitespace.foreground#152A55
• editorWidget.background#08142C
• editorWidget.border#152A55
• editorWidget.foreground#FFFFFF
• errorForeground#F32274
• focusBorder#F1C40F80
• foreground#FFFFFF
• gitDecoration.addedResourceForeground#50C878
• gitDecoration.conflictingResourceForeground#F1C40F
• gitDecoration.deletedResourceForeground#F1C40F
• gitDecoration.ignoredResourceForeground#4B5B73
• gitDecoration.modifiedResourceForeground#63B8FF
• gitDecoration.submoduleResourceForeground#9AC0CD
• gitDecoration.untrackedResourceForeground#E5F20D
• input.background#08142C
• input.border#152A55
• input.foreground#FFFFFF
• input.placeholderForeground#4B5B73
• inputOption.activeBackground#F1C40F33
• inputOption.activeBorder#F1C40F
• inputOption.activeForeground#FFFFFF
• inputValidation.errorBackground#08142C
• inputValidation.errorBorder#F32274
• inputValidation.infoBackground#08142C
• inputValidation.infoBorder#63B8FF
• inputValidation.warningBackground#08142C
• inputValidation.warningBorder#E5F20D
• list.activeSelectionBackground#1A3366
• list.activeSelectionForeground#F2F4F8
• list.errorForeground#F32274
• list.focusBackground#1A3366
• list.focusHighlightForeground#F1C40F
• list.highlightForeground#F1C40F
• list.hoverBackground#0F1E4080
• list.hoverForeground#F2F4F8
• list.inactiveSelectionBackground#0F1E40
• list.inactiveSelectionForeground#FFFFFF
• list.warningForeground#E5F20D
• notificationLink.foreground#63B8FF
• notifications.background#08142C
• notifications.border#152A55
• notifications.foreground#FFFFFF
• notificationsErrorIcon.foreground#F32274
• notificationsInfoIcon.foreground#63B8FF
• notificationsWarningIcon.foreground#E5F20D
• panel.background#0A1633
• panel.border#060E21
• panelTitle.activeBorder#F1C40F
• panelTitle.activeForeground#63B8FF
• panelTitle.inactiveForeground#627C9E
• peekView.border#63B8FF
• peekViewEditor.background#0A1633
• peekViewEditor.matchHighlightBackground#F1C40F4D
• peekViewResult.background#08142C
• peekViewResult.fileForeground#FFFFFF
• peekViewResult.lineForeground#8CA3C4
• peekViewResult.matchHighlightBackground#F1C40F4D
• peekViewResult.selectionBackground#1A3366
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#060E21
• peekViewTitleDescription.foreground#627C9E
• peekViewTitleLabel.foreground#63B8FF
• progressBar.background#F1C40F
• scrollbarSlider.activeBackground#F1C40F66
• scrollbarSlider.background#4B5B7326
• scrollbarSlider.hoverBackground#4B5B734D
• sideBar.background#08142C
• sideBar.border#060E21
• sideBar.foreground#8CA3C4
• sideBarSectionHeader.background#152A55
• sideBarSectionHeader.border#08142C
• sideBarSectionHeader.foreground#F2F4F8
• sideBarTitle.foreground#63B8FF
• statusBar.background#040A18
• statusBar.border#040A18
• statusBar.debuggingBackground#F1C40F
• statusBar.debuggingForeground#060E21
• statusBar.foreground#63B8FF
• statusBar.noFolderBackground#040A18
• statusBar.noFolderForeground#63B8FF
• statusBarItem.errorBackground#F32274
• statusBarItem.errorForeground#060E21
• statusBarItem.hoverBackground#152A55
• statusBarItem.prominentBackground#152A55
• statusBarItem.prominentHoverBackground#22407A
• statusBarItem.remoteBackground#F1C40F
• statusBarItem.remoteForeground#060E21
• statusBarItem.warningBackground#E5F20D
• statusBarItem.warningForeground#060E21
• tab.activeBackground#0C1C3D
• tab.activeBorder#F1C40F
• tab.activeForeground#63B8FF
• tab.border#060E21
• tab.hoverBackground#1B222C
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#08142C
• tab.inactiveForeground#627C9E
• tab.unfocusedActiveBorder#F1C40F80
• tab.unfocusedActiveForeground#63B8FFB3
• terminal.ansiBlack#060E21
• terminal.ansiBlue#63B8FF
• terminal.ansiBrightBlack#4B5B73
• terminal.ansiBrightBlue#9AC0CD
• terminal.ansiBrightCyan#9AC0CD
• terminal.ansiBrightGreen#6CE896
• terminal.ansiBrightMagenta#CD9EED
• terminal.ansiBrightRed#F1C40F
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#F7FF5C
• terminal.ansiCyan#63B8FF
• terminal.ansiGreen#50C878
• terminal.ansiMagenta#B87FD9
• terminal.ansiRed#D4AC0D
• terminal.ansiWhite#FFFFFF
• terminal.ansiYellow#E5F20D
• terminal.background#0A1633
• terminal.foreground#FFFFFF
• terminal.selectionBackground#63B8FF33
• terminalCursor.foreground#F1C40F
• titleBar.activeBackground#060E21
• titleBar.activeForeground#E5E9F0
• titleBar.border#040A18
• titleBar.inactiveBackground#060E21
• titleBar.inactiveForeground#627C9E
• widget.shadow#02050A80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).