WhiteCloud Racing Themes

Color themes

• 

  WhiteCloud Alitalia Stratos (Light)

• 

  WhiteCloud Gulf Racing (Dark)

• 

  WhiteCloud Gulf Racing (Light)

• 

  WhiteCloud John Player Special (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#FF5F1F
• activityBar.background#111418
• activityBar.border#111418
• activityBar.foreground#FF5F1F
• activityBar.inactiveForeground#506073
• activityBarBadge.background#FF5F1F
• activityBarBadge.foreground#111418
• badge.background#FF5F1F
• badge.foreground#111418
• breadcrumb.activeSelectionForeground#7EB6D9
• breadcrumb.focusForeground#EAF0F8
• breadcrumb.foreground#7A8C9E
• breadcrumbPicker.background#161B22
• button.background#FF5F1F
• button.foreground#111418
• button.hoverBackground#E5551B
• button.secondaryBackground#1F2630
• button.secondaryForeground#EAF0F8
• button.secondaryHoverBackground#283340
• descriptionForeground#A5B4C4
• diffEditor.diagonalFill#1F263080
• diffEditor.insertedTextBackground#50C87820
• diffEditor.removedTextBackground#FF5F1F20
• dropdown.background#161B22
• dropdown.border#1F2630
• dropdown.foreground#EAF0F8
• dropdown.listBackground#161B22
• editor.background#181E26
• editor.findMatchBackground#FF5F1F4D
• editor.findMatchHighlightBackground#7EB6D933
• editor.findRangeHighlightBackground#1F27334D
• editor.foreground#EAF0F8
• editor.inactiveSelectionBackground#7EB6D922
• editor.lineHighlightBackground#1F273380
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#7EB6D933
• editor.selectionHighlightBackground#7EB6D91F
• editor.wordHighlightBackground#7EB6D926
• editor.wordHighlightStrongBackground#FF5F1F33
• editorBracketHighlight.foreground1#FF5F1F
• editorBracketHighlight.foreground2#7EB6D9
• editorBracketHighlight.foreground3#F5A623
• editorBracketHighlight.foreground4#9DC4E0
• editorBracketHighlight.foreground5#EAF0F8
• editorBracketHighlight.foreground6#A5B4C4
• editorBracketMatch.background#7EB6D933
• editorBracketMatch.border#7EB6D9
• editorCursor.foreground#FF5F1F
• editorGroup.border#111418
• editorGroupHeader.tabsBackground#111418
• editorGroupHeader.tabsBorder#111418
• editorGutter.addedBackground#50C878
• editorGutter.deletedBackground#FF5F1F
• editorGutter.modifiedBackground#7EB6D9
• editorHoverWidget.background#161B22
• editorHoverWidget.border#1F2630
• editorIndentGuide.activeBackground1#3E4C5E
• editorIndentGuide.background1#1F2630
• editorLineNumber.activeForeground#FF5F1F
• editorLineNumber.foreground#3E4C5E
• editorOverviewRuler.border#111418
• editorOverviewRuler.errorForeground#FF5F1F
• editorOverviewRuler.findMatchForeground#FF5F1F99
• editorOverviewRuler.infoForeground#7EB6D9
• editorOverviewRuler.warningForeground#F5A623
• editorRuler.foreground#1F2630
• editorSuggestWidget.background#161B22
• editorSuggestWidget.border#1F2630
• editorSuggestWidget.foreground#EAF0F8
• editorSuggestWidget.highlightForeground#FF5F1F
• editorSuggestWidget.selectedBackground#1F2733
• editorWhitespace.foreground#1F2630
• editorWidget.background#161B22
• editorWidget.border#1F2630
• editorWidget.foreground#EAF0F8
• errorForeground#FF5F1F
• focusBorder#FF5F1F80
• foreground#EAF0F8
• gitDecoration.addedResourceForeground#50C878
• gitDecoration.conflictingResourceForeground#FF5F1F
• gitDecoration.deletedResourceForeground#FF5F1F
• gitDecoration.ignoredResourceForeground#506073
• gitDecoration.modifiedResourceForeground#7EB6D9
• gitDecoration.submoduleResourceForeground#9DC4E0
• gitDecoration.untrackedResourceForeground#F5A623
• input.background#161B22
• input.border#1F2630
• input.foreground#EAF0F8
• input.placeholderForeground#506073
• inputOption.activeBackground#FF5F1F33
• inputOption.activeBorder#FF5F1F
• inputOption.activeForeground#EAF0F8
• inputValidation.errorBackground#161B22
• inputValidation.errorBorder#FF5F1F
• inputValidation.infoBackground#161B22
• inputValidation.infoBorder#7EB6D9
• inputValidation.warningBackground#161B22
• inputValidation.warningBorder#F5A623
• list.activeSelectionBackground#1F2733
• list.activeSelectionForeground#F2F4F8
• list.errorForeground#FF5F1F
• list.focusBackground#1F2733
• list.focusHighlightForeground#FF5F1F
• list.highlightForeground#FF5F1F
• list.hoverBackground#1A202A80
• list.hoverForeground#F2F4F8
• list.inactiveSelectionBackground#1A202A
• list.inactiveSelectionForeground#EAF0F8
• list.warningForeground#F5A623
• notificationLink.foreground#7EB6D9
• notifications.background#161B22
• notifications.border#1F2630
• notifications.foreground#EAF0F8
• notificationsErrorIcon.foreground#FF5F1F
• notificationsInfoIcon.foreground#7EB6D9
• notificationsWarningIcon.foreground#F5A623
• panel.background#141920
• panel.border#111418
• panelTitle.activeBorder#FF5F1F
• panelTitle.activeForeground#7EB6D9
• panelTitle.inactiveForeground#7A8C9E
• peekView.border#7EB6D9
• peekViewEditor.background#141920
• peekViewEditor.matchHighlightBackground#FF5F1F4D
• peekViewResult.background#161B22
• peekViewResult.fileForeground#EAF0F8
• peekViewResult.lineForeground#A5B4C4
• peekViewResult.matchHighlightBackground#FF5F1F4D
• peekViewResult.selectionBackground#1F2733
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#111418
• peekViewTitleDescription.foreground#7A8C9E
• peekViewTitleLabel.foreground#7EB6D9
• progressBar.background#FF5F1F
• scrollbarSlider.activeBackground#FF5F1F66
• scrollbarSlider.background#50607326
• scrollbarSlider.hoverBackground#5060734D
• sideBar.background#161B22
• sideBar.border#111418
• sideBar.foreground#A5B4C4
• sideBarSectionHeader.background#1F2630
• sideBarSectionHeader.border#161B22
• sideBarSectionHeader.foreground#F2F4F8
• sideBarTitle.foreground#7EB6D9
• statusBar.background#0F1318
• statusBar.border#0F1318
• statusBar.debuggingBackground#FF5F1F
• statusBar.debuggingForeground#111418
• statusBar.foreground#7EB6D9
• statusBar.noFolderBackground#0F1318
• statusBar.noFolderForeground#7EB6D9
• statusBarItem.errorBackground#FF5F1F
• statusBarItem.errorForeground#111418
• statusBarItem.hoverBackground#1F2630
• statusBarItem.prominentBackground#1F2630
• statusBarItem.prominentHoverBackground#2A3442
• statusBarItem.remoteBackground#FF5F1F
• statusBarItem.remoteForeground#111418
• statusBarItem.warningBackground#F5A623
• statusBarItem.warningForeground#111418
• tab.activeBackground#181E26
• tab.activeBorder#FF5F1F
• tab.activeForeground#7EB6D9
• tab.border#111418
• tab.hoverBackground#1B222C
• tab.hoverForeground#EAF0F8
• tab.inactiveBackground#161B22
• tab.inactiveForeground#7A8C9E
• tab.unfocusedActiveBorder#FF5F1F80
• tab.unfocusedActiveForeground#7EB6D9B3
• terminal.ansiBlack#111418
• terminal.ansiBlue#7EB6D9
• terminal.ansiBrightBlack#506073
• terminal.ansiBrightBlue#9DC4E0
• terminal.ansiBrightCyan#9DC4E0
• terminal.ansiBrightGreen#6CE896
• terminal.ansiBrightMagenta#CD9EED
• terminal.ansiBrightRed#FF5F1F
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFC043
• terminal.ansiCyan#7EB6D9
• terminal.ansiGreen#50C878
• terminal.ansiMagenta#B87FD9
• terminal.ansiRed#E5551B
• terminal.ansiWhite#EAF0F8
• terminal.ansiYellow#F5A623
• terminal.background#141920
• terminal.foreground#EAF0F8
• terminal.selectionBackground#7EB6D933
• terminalCursor.foreground#FF5F1F
• titleBar.activeBackground#111418
• titleBar.activeForeground#E5E9F0
• titleBar.border#0F1318
• titleBar.inactiveBackground#111418
• titleBar.inactiveForeground#7A8C9E
• widget.shadow#090C0E80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).