DeepSeaFoam

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#00A591
• activityBar.background#001E26
• activityBar.border#586E7566
• activityBar.foreground#93A1A1
• activityBar.inactiveForeground#839496
• activityBarBadge.background#00A591
• activityBarBadge.foreground#000F13
• badge.background#00A591
• badge.foreground#000F13
• button.background#00A591
• button.foreground#000F13
• button.hoverBackground#93A1A1
• button.secondaryBackground#000F13
• button.secondaryForeground#93A1A1
• button.secondaryHoverBackground#586E7533
• checkbox.background#000F13
• checkbox.border#586E75
• commandCenter.background#000F13
• commandCenter.border#586E75
• commandCenter.foreground#93A1A1
• contrastBorder#586E7566
• descriptionForeground#839496
• disabledForeground#83949680
• dropdown.background#000F13
• dropdown.border#586E75
• dropdown.foreground#93A1A1
• editor.background#000F13
• editor.findMatchBackground#EBE56526
• editor.findMatchBorder#EBE565
• editor.findMatchHighlightBackground#EBE5651A
• editor.foreground#93A1A1
• editor.hoverHighlightBackground#586E7533
• editor.inactiveSelectionBackground#586E7533
• editor.lineHighlightBackground#001E2680
• editor.lineHighlightBorder#586E7566
• editor.selectionBackground#00A59126
• editor.selectionHighlightBackground#00A5911A
• editor.wordHighlightBackground#586E7533
• editor.wordHighlightStrongBackground#00A5911A
• editorBracketMatch.background#000F13
• editorBracketMatch.border#00A591
• editorCodeLens.foreground#839496
• editorCursor.foreground#FDF6E3
• editorError.foreground#E84A5F
• editorGroup.border#586E7566
• editorGroupHeader.tabsBackground#001E26
• editorGroupHeader.tabsBorder#586E7566
• editorGutter.addedBackground#45D072
• editorGutter.background#000F13
• editorGutter.deletedBackground#E84A5F
• editorGutter.modifiedBackground#EBE565
• editorHint.foreground#45D072
• editorIndentGuide.activeBackground1#00A591
• editorIndentGuide.background1#586E7566
• editorInfo.foreground#00A591
• editorLineNumber.activeForeground#93A1A1
• editorLineNumber.foreground#586E75
• editorOverviewRuler.border#586E7566
• editorRuler.foreground#586E7566
• editorSuggestWidget.background#001E26
• editorSuggestWidget.border#586E75
• editorSuggestWidget.foreground#93A1A1
• editorSuggestWidget.highlightForeground#00A591
• editorSuggestWidget.selectedBackground#000F13
• editorWarning.foreground#EBE565
• editorWhitespace.foreground#586E75
• editorWidget.background#001E26
• editorWidget.border#586E75
• editorWidget.foreground#93A1A1
• errorForeground#EEE8D5
• focusBorder#00A591
• foreground#93A1A1
• gitDecoration.addedResourceForeground#45D072
• gitDecoration.deletedResourceForeground#E84A5F
• gitDecoration.ignoredResourceForeground#839496
• gitDecoration.modifiedResourceForeground#EBE565
• gitDecoration.untrackedResourceForeground#00A591
• icon.foreground#93A1A1
• input.background#000F13
• input.border#586E75
• input.foreground#93A1A1
• input.placeholderForeground#839496
• inputOption.activeBackground#000F13
• inputOption.activeBorder#00A591
• inputOption.activeForeground#00A591
• inputValidation.errorBackground#000F13
• inputValidation.errorBorder#E84A5F
• inputValidation.errorForeground#EEE8D5
• inputValidation.warningBackground#000F13
• inputValidation.warningBorder#EBE565
• list.activeSelectionBackground#000F13
• list.activeSelectionForeground#00A591
• list.activeSelectionIconForeground#00A591
• list.errorForeground#EEE8D5
• list.focusOutline#00A591
• list.hoverBackground#586E7533
• list.hoverForeground#EEE8D5
• list.inactiveSelectionBackground#586E7533
• list.inactiveSelectionForeground#93A1A1
• list.warningForeground#EBE565
• menu.background#001E26
• menu.foreground#93A1A1
• menu.selectionBackground#000F13
• menu.selectionForeground#00A591
• menu.separatorBackground#586E7566
• minimap.background#000F13
• minimap.errorHighlight#E84A5F
• minimap.selectionHighlight#00A59126
• minimap.warningHighlight#EBE565
• notificationCenterHeader.background#001E26
• notifications.background#001E26
• notifications.border#586E75
• notifications.foreground#93A1A1
• notificationsErrorIcon.foreground#E84A5F
• notificationsInfoIcon.foreground#00A591
• notificationsWarningIcon.foreground#EBE565
• panel.background#001E26
• panel.border#586E7566
• panelTitle.activeBorder#00A591
• panelTitle.activeForeground#EEE8D5
• panelTitle.inactiveForeground#839496
• peekView.border#00A591
• peekViewEditor.background#000F13
• peekViewResult.background#001E26
• peekViewResult.selectionBackground#000F13
• peekViewResult.selectionForeground#00A591
• peekViewTitle.background#001E26
• peekViewTitleLabel.foreground#EEE8D5
• problemsErrorIcon.foreground#E84A5F
• problemsInfoIcon.foreground#00A591
• problemsWarningIcon.foreground#EBE565
• progressBar.background#00A591
• scrollbar.shadow#00000066
• scrollbarSlider.activeBackground#00A591
• scrollbarSlider.background#586E7566
• scrollbarSlider.hoverBackground#586E75
• selection.background#00A59126
• sideBar.background#001E26
• sideBar.border#586E7566
• sideBar.foreground#93A1A1
• sideBarSectionHeader.background#001E26
• sideBarSectionHeader.border#586E7566
• sideBarSectionHeader.foreground#93A1A1
• sideBarTitle.foreground#EEE8D5
• statusBar.background#000F13
• statusBar.border#586E7566
• statusBar.debuggingBackground#EBE565
• statusBar.debuggingForeground#000F13
• statusBar.foreground#93A1A1
• statusBar.noFolderBackground#001E26
• tab.activeBackground#000F13
• tab.activeBorderTop#00A591
• tab.activeForeground#EEE8D5
• tab.border#586E7566
• tab.hoverBackground#586E7533
• tab.inactiveBackground#001E26
• tab.inactiveForeground#93A1A1
• terminal.ansiBlack#002831
• terminal.ansiBlue#2176C7
• terminal.ansiBrightBlack#006488
• terminal.ansiBrightBlue#178EC8
• terminal.ansiBrightCyan#00B39E
• terminal.ansiBrightGreen#51EF84
• terminal.ansiBrightMagenta#E24D8E
• terminal.ansiBrightRed#F5858C
• terminal.ansiBrightWhite#FCF4DC
• terminal.ansiBrightYellow#FFF96E
• terminal.ansiCyan#259286
• terminal.ansiGreen#6CBE6C
• terminal.ansiMagenta#C61C6F
• terminal.ansiRed#F54F65
• terminal.ansiWhite#EAE3CB
• terminal.ansiYellow#EDAE29
• terminal.background#000F13
• terminal.foreground#9CC2C3
• terminal.selectionBackground#003748
• terminalCursor.foreground#F34B00
• textBlockQuote.background#001E26
• textBlockQuote.border#586E75
• textCodeBlock.background#000F13
• textLink.activeForeground#EEE8D5
• textLink.foreground#00A591
• titleBar.activeBackground#001E26
• titleBar.activeForeground#93A1A1
• titleBar.border#586E7566
• titleBar.inactiveBackground#001E26
• titleBar.inactiveForeground#839496
• widget.shadow#000000CC
• window.activeBorder#00A591
• window.inactiveBorder#586E7566

tokenColors

TextMate scopes and font styles (syntax highlighting rules).