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#FF5F00
• activityBar.background#0A0D0A
• activityBar.border#0A0D0A
• activityBar.foreground#FF5F00
• activityBar.inactiveForeground#505C54
• activityBarBadge.background#FF5F00
• activityBarBadge.foreground#0A0D0A
• badge.background#FF5F00
• badge.foreground#0A0D0A
• breadcrumb.activeSelectionForeground#00A651
• breadcrumb.focusForeground#EAEAEA
• breadcrumb.foreground#748278
• breadcrumbPicker.background#0D120E
• button.background#FF5F00
• button.foreground#0A0D0A
• button.hoverBackground#E05000
• button.secondaryBackground#1C261E
• button.secondaryForeground#EAEAEA
• button.secondaryHoverBackground#283340
• descriptionForeground#9CA8A0
• diffEditor.diagonalFill#1C261E80
• diffEditor.insertedTextBackground#50C87820
• diffEditor.removedTextBackground#FF5F0020
• dropdown.background#0D120E
• dropdown.border#1C261E
• dropdown.foreground#EAEAEA
• dropdown.listBackground#0D120E
• editor.background#141614
• editor.findMatchBackground#FF5F004D
• editor.findMatchHighlightBackground#00A65133
• editor.findRangeHighlightBackground#212D234D
• editor.foreground#EAEAEA
• editor.inactiveSelectionBackground#00A65122
• editor.lineHighlightBackground#212D2380
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#00A65133
• editor.selectionHighlightBackground#00A6511F
• editor.wordHighlightBackground#00A65126
• editor.wordHighlightStrongBackground#FF5F0033
• editorBracketHighlight.foreground1#FF5F00
• editorBracketHighlight.foreground2#00A651
• editorBracketHighlight.foreground3#E0E0E0
• editorBracketHighlight.foreground4#4DBF81
• editorBracketHighlight.foreground5#EAEAEA
• editorBracketHighlight.foreground6#9CA8A0
• editorBracketMatch.background#00A65133
• editorBracketMatch.border#00A651
• editorCursor.foreground#FF5F00
• editorGroup.border#0A0D0A
• editorGroupHeader.tabsBackground#0A0D0A
• editorGroupHeader.tabsBorder#0A0D0A
• editorGutter.addedBackground#50C878
• editorGutter.deletedBackground#FF5F00
• editorGutter.modifiedBackground#00A651
• editorHoverWidget.background#0D120E
• editorHoverWidget.border#1C261E
• editorIndentGuide.activeBackground1#3B473E
• editorIndentGuide.background1#1C261E
• editorLineNumber.activeForeground#FF5F00
• editorLineNumber.foreground#3B473E
• editorOverviewRuler.border#0A0D0A
• editorOverviewRuler.errorForeground#FF5F00
• editorOverviewRuler.findMatchForeground#FF5F0099
• editorOverviewRuler.infoForeground#00A651
• editorOverviewRuler.warningForeground#E0E0E0
• editorRuler.foreground#1C261E
• editorSuggestWidget.background#0D120E
• editorSuggestWidget.border#1C261E
• editorSuggestWidget.foreground#EAEAEA
• editorSuggestWidget.highlightForeground#FF5F00
• editorSuggestWidget.selectedBackground#212D23
• editorWhitespace.foreground#1C261E
• editorWidget.background#0D120E
• editorWidget.border#1C261E
• editorWidget.foreground#EAEAEA
• errorForeground#FF5F00
• focusBorder#FF5F0080
• foreground#EAEAEA
• gitDecoration.addedResourceForeground#50C878
• gitDecoration.conflictingResourceForeground#FF5F00
• gitDecoration.deletedResourceForeground#FF5F00
• gitDecoration.ignoredResourceForeground#505C54
• gitDecoration.modifiedResourceForeground#00A651
• gitDecoration.submoduleResourceForeground#4DBF81
• gitDecoration.untrackedResourceForeground#E0E0E0
• input.background#0D120E
• input.border#1C261E
• input.foreground#EAEAEA
• input.placeholderForeground#505C54
• inputOption.activeBackground#FF5F0033
• inputOption.activeBorder#FF5F00
• inputOption.activeForeground#EAEAEA
• inputValidation.errorBackground#0D120E
• inputValidation.errorBorder#FF5F00
• inputValidation.infoBackground#0D120E
• inputValidation.infoBorder#00A651
• inputValidation.warningBackground#0D120E
• inputValidation.warningBorder#E0E0E0
• list.activeSelectionBackground#212D23
• list.activeSelectionForeground#F2F4F8
• list.errorForeground#FF5F00
• list.focusBackground#212D23
• list.focusHighlightForeground#FF5F00
• list.highlightForeground#FF5F00
• list.hoverBackground#131A1580
• list.hoverForeground#F2F4F8
• list.inactiveSelectionBackground#131A15
• list.inactiveSelectionForeground#EAEAEA
• list.warningForeground#E0E0E0
• notificationLink.foreground#00A651
• notifications.background#0D120E
• notifications.border#1C261E
• notifications.foreground#EAEAEA
• notificationsErrorIcon.foreground#FF5F00
• notificationsInfoIcon.foreground#00A651
• notificationsWarningIcon.foreground#E0E0E0
• panel.background#101411
• panel.border#0A0D0A
• panelTitle.activeBorder#FF5F00
• panelTitle.activeForeground#00A651
• panelTitle.inactiveForeground#748278
• peekView.border#00A651
• peekViewEditor.background#101411
• peekViewEditor.matchHighlightBackground#FF5F004D
• peekViewResult.background#0D120E
• peekViewResult.fileForeground#EAEAEA
• peekViewResult.lineForeground#9CA8A0
• peekViewResult.matchHighlightBackground#FF5F004D
• peekViewResult.selectionBackground#212D23
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#0A0D0A
• peekViewTitleDescription.foreground#748278
• peekViewTitleLabel.foreground#00A651
• progressBar.background#FF5F00
• scrollbarSlider.activeBackground#FF5F0066
• scrollbarSlider.background#505C5426
• scrollbarSlider.hoverBackground#505C544D
• sideBar.background#0D120E
• sideBar.border#0A0D0A
• sideBar.foreground#9CA8A0
• sideBarSectionHeader.background#1C261E
• sideBarSectionHeader.border#0D120E
• sideBarSectionHeader.foreground#F2F4F8
• sideBarTitle.foreground#00A651
• statusBar.background#060806
• statusBar.border#060806
• statusBar.debuggingBackground#FF5F00
• statusBar.debuggingForeground#0A0D0A
• statusBar.foreground#00A651
• statusBar.noFolderBackground#060806
• statusBar.noFolderForeground#00A651
• statusBarItem.errorBackground#FF5F00
• statusBarItem.errorForeground#0A0D0A
• statusBarItem.hoverBackground#1C261E
• statusBarItem.prominentBackground#1C261E
• statusBarItem.prominentHoverBackground#2A382C
• statusBarItem.remoteBackground#FF5F00
• statusBarItem.remoteForeground#0A0D0A
• statusBarItem.warningBackground#E0E0E0
• statusBarItem.warningForeground#0A0D0A
• tab.activeBackground#141614
• tab.activeBorder#FF5F00
• tab.activeForeground#00A651
• tab.border#0A0D0A
• tab.hoverBackground#1B222C
• tab.hoverForeground#EAEAEA
• tab.inactiveBackground#0D120E
• tab.inactiveForeground#748278
• tab.unfocusedActiveBorder#FF5F0080
• tab.unfocusedActiveForeground#00A651B3
• terminal.ansiBlack#0A0D0A
• terminal.ansiBlue#00A651
• terminal.ansiBrightBlack#505C54
• terminal.ansiBrightBlue#4DBF81
• terminal.ansiBrightCyan#4DBF81
• terminal.ansiBrightGreen#6CE896
• terminal.ansiBrightMagenta#CD9EED
• terminal.ansiBrightRed#FF5F00
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFFFFF
• terminal.ansiCyan#00A651
• terminal.ansiGreen#50C878
• terminal.ansiMagenta#B87FD9
• terminal.ansiRed#E05000
• terminal.ansiWhite#EAEAEA
• terminal.ansiYellow#E0E0E0
• terminal.background#101411
• terminal.foreground#EAEAEA
• terminal.selectionBackground#00A65133
• terminalCursor.foreground#FF5F00
• titleBar.activeBackground#0A0D0A
• titleBar.activeForeground#E5E9F0
• titleBar.border#060806
• titleBar.inactiveBackground#0A0D0A
• titleBar.inactiveForeground#748278
• widget.shadow#03050480

tokenColors

TextMate scopes and font styles (syntax highlighting rules).