Cool Colors

Color themes

• 

  Cool Doger Blue

• 

  Darker Doger Blue

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.

• actionBar.toggledBackground#ff00ff
• activityBar.background#004cfe
• activityBar.border#FFF07C
• activityBar.foreground#FFF07C
• activityBar.inactiveForeground#ffffff
• activityBarBadge.background#00ff00
• activityBarBadge.foreground#004cfe
• badge.background#00ff00
• badge.foreground#004cfe
• banner.background#FFF07C
• banner.iconForeground#FFF07C
• button.background#ff0000
• button.hoverBackground#ff0000
• chat.editedFileForeground#FF0000
• commandCenter.background#9FE2BF
• commandCenter.border#ffffff
• descriptionForeground#ffffff
• dropdown.background#004cfe
• dropdown.foreground#FFF07C
• editor.background#004cfe
• editor.findMatchBackground#00ff55
• editor.findMatchHighlightBackground#FA8072
• editor.foreground#FFFFFF
• editorActionList.background#Ff0000
• editorBracketHighlight.foreground1#FF991C
• editorBracketHighlight.foreground2#52ff92
• editorBracketHighlight.foreground3#b382fb
• editorBracketHighlight.foreground4#FAFF00
• editorBracketHighlight.foreground5#000000
• editorBracketHighlight.foreground6#ffffff
• editorBracketHighlight.unexpectedBracket.foreground#FF01FB
• editorCursor.background#ff00ff
• editorCursor.foreground#ff00ff
• editorError.background#ff0000
• editorGroup.border#00ff00
• editorGroup.emptyBackground#004cfe
• editorGroupHeader.border#FFF07C
• editorGroupHeader.tabsBackground#004cfe
• editorHint.border#ff0000
• editorHint.foreground#ff0000
• editorHoverWidget.background#004cfe
• editorHoverWidget.border#00ff00
• editorHoverWidget.foreground#FFF07C
• editorLineNumber.activeForeground#1e90ff
• editorLineNumber.foreground#FF991C
• editorMarkerNavigation.background#ff0000
• editorSuggestWidget.background#FFF07C
• editorSuggestWidget.foreground#004cfe
• editorWarning.foreground#FFD700
• focusBorder#FFF07C
• foreground#1e90ff
• gitDecoration.addedResourceForeground#00ff00
• gitDecoration.conflictingResourceForeground#FF0000
• gitDecoration.deletedResourceForeground#ff77ff
• gitDecoration.ignoredResourceForeground#AAAAAA
• gitDecoration.modifiedResourceForeground#ff00d4
• gitDecoration.stageDeletedResourceForeground#ff0000
• gitDecoration.stageModifiedResourceForeground#ff0000
• gitDecoration.submoduleResourceForeground#c88eff
• gitDecoration.untrackedResourceForeground#FFD700
• icon.foreground#00ff00
• inlineChat.foreground#000000
• input.background#004cfe
• input.border#FFF07C
• input.foreground#FFF07C
• list.activeSelectionBackground#004cfe
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#FF991C
• list.hoverForeground#004cfe
• list.inactiveSelectionForeground#FFFFFF
• menu.background#004cfe
• menu.foreground#ff0000
• notebook.cellBorderColor#00ff00
• notebook.cellHoverBackground#FFF07C
• notebook.cellToolbarSeparator#FF991C
• notebook.editorBackground#004cfe
• notebook.focusedCellBackground#004cfe
• notebook.focusedCellBorder#00ff00
• notebook.selectedCellBackground#ffffff
• panel.background#FFF07C
• panel.border#FFF07C
• panelTitle.activeForeground#004cfe
• panelTitle.inactiveForeground#004cfe
• peekViewTitleDescription.foreground#ff0000
• scrollbarSlider.background#FFF07C
• settings.modifiedItemIndicator#ff0000
• sideBar.background#004cfe
• sideBar.border#FFF07C
• sideBar.dropBackground#ff0000
• sideBar.foreground#FFF07C
• sideBarActivityBarTop.border#ff0000
• sideBarSectionHeader.background#004cfe
• sideBarSectionHeader.border#FFF07C
• sideBarSectionHeader.foreground#FFF07C
• sideBarStickyScroll.shadow#ff0000
• sideBarTitle.background#004cfe
• sideBarTitle.foreground#FF991C
• statusBar.background#004cfe
• statusBar.border#FFF07C
• statusBar.debuggingBackground#FF991C
• statusBar.foreground#FFF07C
• statusBar.noFolderBackground#004cfe
• statusBarItem.remoteBackground#9FE2BF
• statusBarItem.remoteForeground#004cfe
• tab.activeBackground#004cfe
• tab.activeBorder#00ff00
• tab.activeForeground#00ff00
• tab.border#FFF07C
• tab.hoverBackground#FFF07C
• tab.inactiveBackground#004cfe
• tab.inactiveForeground#AAAAAA
• tab.inactiveModifiedBorder#FFF07C
• terminal.ansiBlue#004cfe
• terminal.ansiGreen#00ffc3
• terminal.ansiMagenta#1e90ff
• terminal.ansiRed#ff00ff
• terminal.ansiWhite#ffffff
• terminal.ansiYellow#004cfe
• terminal.background#fff07c
• terminal.border#1e90ff
• terminal.foreground#004cfe
• terminal.selectionBackground#00ffc3
• titleBar.activeBackground#004cfe
• titleBar.border#FFF07C
• welcomePage.background#004cfe
• welcomePage.progress.background#ffffff
• welcomePage.tileBackground#0FFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).