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#D94B05
• activityBar.background#C9DFEF
• activityBar.border#B8D3E6
• activityBar.foreground#C84200
• activityBar.inactiveForeground#526A80
• activityBarBadge.background#D94B05
• activityBarBadge.foreground#FFFFFF
• badge.background#D94B05
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#0E5282
• breadcrumb.focusForeground#18222C
• breadcrumb.foreground#536B82
• breadcrumbPicker.background#FFFFFF
• button.background#D94B05
• button.foreground#FFFFFF
• button.hoverBackground#C24102
• button.secondaryBackground#D8E6F0
• button.secondaryForeground#18222C
• button.secondaryHoverBackground#CADBE7
• descriptionForeground#536B82
• diffEditor.diagonalFill#CDDFEC80
• diffEditor.insertedTextBackground#23784420
• diffEditor.removedTextBackground#D94B0520
• dropdown.background#FFFFFF
• dropdown.border#CDDFEC
• dropdown.foreground#18222C
• dropdown.listBackground#FFFFFF
• editor.background#FAFBFD
• editor.findMatchBackground#D94B054D
• editor.findMatchHighlightBackground#7EB6D94D
• editor.findRangeHighlightBackground#E2EDF54D
• editor.foreground#18222C
• editor.inactiveSelectionBackground#7EB6D926
• editor.lineHighlightBackground#F0F5FA
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#7EB6D94D
• editor.selectionHighlightBackground#7EB6D926
• editor.wordHighlightBackground#7EB6D933
• editor.wordHighlightStrongBackground#D94B0533
• editorBracketHighlight.foreground1#C84200
• editorBracketHighlight.foreground2#0B6A9F
• editorBracketHighlight.foreground3#A65E00
• editorBracketHighlight.foreground4#13738C
• editorBracketHighlight.foreground5#18222C
• editorBracketHighlight.foreground6#5E738A
• editorBracketMatch.background#7EB6D933
• editorBracketMatch.border#0B6A9F
• editorCursor.foreground#D94B05
• editorGroup.border#CDDFEC
• editorGroupHeader.tabsBackground#DFECF5
• editorGroupHeader.tabsBorder#CDDFEC
• editorGutter.addedBackground#237844
• editorGutter.deletedBackground#D94B05
• editorGutter.modifiedBackground#0B6A9F
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#CDDFEC
• editorIndentGuide.activeBackground1#879BB0
• editorIndentGuide.background1#DCE6EE
• editorLineNumber.activeForeground#D94B05
• editorLineNumber.foreground#879BB0
• editorOverviewRuler.border#CDDFEC
• editorOverviewRuler.errorForeground#D94B05
• editorOverviewRuler.findMatchForeground#D94B0599
• editorOverviewRuler.infoForeground#0B6A9F
• editorOverviewRuler.warningForeground#A65E00
• editorRuler.foreground#E2ECF2
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#CDDFEC
• editorSuggestWidget.foreground#18222C
• editorSuggestWidget.highlightForeground#D94B05
• editorSuggestWidget.selectedBackground#E4EEF5
• editorWhitespace.foreground#D3DFE8
• editorWidget.background#FFFFFF
• editorWidget.border#CDDFEC
• editorWidget.foreground#18222C
• errorForeground#D94B05
• focusBorder#D94B0580
• foreground#18222C
• gitDecoration.addedResourceForeground#237844
• gitDecoration.conflictingResourceForeground#D94B05
• gitDecoration.deletedResourceForeground#D94B05
• gitDecoration.ignoredResourceForeground#879BB0
• gitDecoration.modifiedResourceForeground#0B6A9F
• gitDecoration.submoduleResourceForeground#13738C
• gitDecoration.untrackedResourceForeground#A65E00
• input.background#FFFFFF
• input.border#CDDFEC
• input.foreground#18222C
• input.placeholderForeground#879BB0
• inputOption.activeBackground#D94B0526
• inputOption.activeBorder#D94B05
• inputOption.activeForeground#18222C
• inputValidation.errorBackground#FDF0ED
• inputValidation.errorBorder#D94B05
• inputValidation.infoBackground#EAF4FA
• inputValidation.infoBorder#0B6A9F
• inputValidation.warningBackground#FDF6EA
• inputValidation.warningBorder#A65E00
• list.activeSelectionBackground#D6E6F2
• list.activeSelectionForeground#0E5282
• list.errorForeground#D94B05
• list.focusBackground#D6E6F2
• list.focusHighlightForeground#D94B05
• list.highlightForeground#D94B05
• list.hoverBackground#EBF2F7
• list.hoverForeground#18222C
• list.inactiveSelectionBackground#E4EEF5
• list.inactiveSelectionForeground#18222C
• list.warningForeground#A65E00
• notificationLink.foreground#0B6A9F
• notifications.background#FFFFFF
• notifications.border#CDDFEC
• notifications.foreground#18222C
• notificationsErrorIcon.foreground#D94B05
• notificationsInfoIcon.foreground#0B6A9F
• notificationsWarningIcon.foreground#A65E00
• panel.background#F4F8FA
• panel.border#CDDFEC
• panelTitle.activeBorder#D94B05
• panelTitle.activeForeground#0E5282
• panelTitle.inactiveForeground#536B82
• peekView.border#0B6A9F
• peekViewEditor.background#F3F7FA
• peekViewEditor.matchHighlightBackground#D94B054D
• peekViewResult.background#EBF2F7
• peekViewResult.fileForeground#18222C
• peekViewResult.lineForeground#536B82
• peekViewResult.matchHighlightBackground#D94B054D
• peekViewResult.selectionBackground#D6E6F2
• peekViewResult.selectionForeground#0E5282
• peekViewTitle.background#D6E6F2
• peekViewTitleDescription.foreground#536B82
• peekViewTitleLabel.foreground#0E5282
• progressBar.background#D94B05
• scrollbarSlider.activeBackground#D94B0566
• scrollbarSlider.background#526A8020
• scrollbarSlider.hoverBackground#526A8040
• sideBar.background#E6F0F7
• sideBar.border#CDDFEC
• sideBar.foreground#3D5266
• sideBarSectionHeader.background#D8E9F4
• sideBarSectionHeader.border#CDDFEC
• sideBarSectionHeader.foreground#162432
• sideBarTitle.foreground#0E5282
• statusBar.background#D4E5F2
• statusBar.border#C0D5E5
• statusBar.debuggingBackground#D94B05
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#0E273C
• statusBar.noFolderBackground#D4E5F2
• statusBar.noFolderForeground#0E273C
• statusBarItem.errorBackground#D94B05
• statusBarItem.errorForeground#FFFFFF
• statusBarItem.hoverBackground#C2D9EA
• statusBarItem.prominentBackground#C2D9EA
• statusBarItem.prominentHoverBackground#B4D0E4
• statusBarItem.remoteBackground#D94B05
• statusBarItem.remoteForeground#FFFFFF
• statusBarItem.warningBackground#A65E00
• statusBarItem.warningForeground#FFFFFF
• tab.activeBackground#FAFBFD
• tab.activeBorder#D94B05
• tab.activeForeground#0E5282
• tab.border#CDDFEC
• tab.hoverBackground#F1F7FB
• tab.hoverForeground#162432
• tab.inactiveBackground#E8F2F8
• tab.inactiveForeground#536B82
• tab.unfocusedActiveBorder#D94B0580
• tab.unfocusedActiveForeground#0E5282B3
• terminal.ansiBlack#18222C
• terminal.ansiBlue#0B6A9F
• terminal.ansiBrightBlack#5E738A
• terminal.ansiBrightBlue#1584C4
• terminal.ansiBrightCyan#1697AA
• terminal.ansiBrightGreen#289654
• terminal.ansiBrightMagenta#A24FC0
• terminal.ansiBrightRed#E04E09
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#C67300
• terminal.ansiCyan#0F7A8A
• terminal.ansiGreen#237844
• terminal.ansiMagenta#8A3BA6
• terminal.ansiRed#C84200
• terminal.ansiWhite#E8EEF2
• terminal.ansiYellow#A65E00
• terminal.background#F4F8FA
• terminal.foreground#18222C
• terminal.selectionBackground#7EB6D94D
• terminalCursor.foreground#D94B05
• titleBar.activeBackground#D6E6F2
• titleBar.activeForeground#162432
• titleBar.border#C0D5E5
• titleBar.inactiveBackground#D6E6F2
• titleBar.inactiveForeground#667D94
• widget.shadow#0000001A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).