DeepWave

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.activeBackground#31bfdb1c
• activityBar.background#0d0f15
• activityBar.border#002d36
• activityBar.foreground#00d5ff
• activityBar.inactiveForeground#00d5ff68
• activityBarBadge.background#00758c
• activityBarBadge.foreground#c9f6ff
• badge.background#00333d95
• badge.foreground#00d5ffaf
• breadcrumb.activeSelectionForeground#00d5ff
• breadcrumb.background#0d0f15
• breadcrumb.focusForeground#00d5ff
• breadcrumb.foreground#00d5ffa3
• button.background#00d5ffd3
• button.foreground#ffffffe1
• button.hoverBackground#00d5ffdd
• button.secondaryBackground#00d5ff2e
• button.secondaryForeground#a6eaf7bf
• button.secondaryHoverBackground#00d5ff38
• checkbox.background#00d5ff00
• checkbox.border#00d5ff00
• checkbox.foreground#00d5ffd3
• debugExceptionWidget.background#333333
• debugExceptionWidget.border#474747
• debugToolBar.background#333333
• debugToolBar.border#474747
• diffEditor.border#00d5ff
• diffEditor.insertedTextBackground#50ff0012
• diffEditor.insertedTextBorder#00d5ff00
• diffEditor.removedTextBackground#ff00001e
• diffEditor.removedTextBorder#00d5ff00
• dropdown.background#00d5ff00
• dropdown.border#00d5ff00
• dropdown.foreground#00d5ffd3
• editor.background#0d0f15
• editor.findMatchBackground#00d5ff2e
• editor.findMatchBorder#00d5ff1c
• editor.findMatchHighlightBackground#ea5c003c
• editor.findMatchHighlightBorder#00d5ff00
• editor.findRangeHighlightBackground#393e3f2c
• editor.findRangeHighlightBorder#00d5ff00
• editor.foldBackground#00d5ff12
• editor.foreground#afb07e
• editor.hoverHighlightBackground#00d5ff32
• editor.inactiveSelectionBackground#829a9f28
• editor.lineHighlightBackground#00d5ff24
• editor.lineHighlightBorder#00d5ff00
• editor.rangeHighlightBackground#00d5ff1a
• editor.rangeHighlightBorder#00d5ff00
• editor.selectionBackground#001f26
• editor.selectionHighlightBackground#00d5ff28
• editor.selectionHighlightBorder#00d5ff30
• editor.wordHighlightBackground#00d5ff30
• editor.wordHighlightBorder#00d5ff1e
• editor.wordHighlightStrongBackground#00d5ff28
• editor.wordHighlightStrongBorder#00d5ff2e
• editorBracketMatch.background#00d5ff38
• editorBracketMatch.border#00d5ff30
• editorCodeLens.foreground#00d5ff9d
• editorCursor.background#00d5ff
• editorCursor.foreground#00d5ffaf
• editorError.background#00d5ff00
• editorError.border#00d5ff00
• editorError.foreground#ff2b00b5
• editorGroup.border#00d5ff
• editorGroup.emptyBackground#0d0f15
• editorGroupHeader.border#33a7be3e
• editorGroupHeader.tabsBackground#0d0f15
• editorGroupHeader.tabsBorder#002d36
• editorGutter.addedBackground#00ff1ca3
• editorGutter.background#0d0f15
• editorGutter.commentRangeForeground#699da7
• editorGutter.deletedBackground#ff000cad
• editorGutter.foldingControlForeground#699da7
• editorGutter.modifiedBackground#00b6d9
• editorHoverWidget.background#000c0f
• editorHoverWidget.border#00d5ff58
• editorHoverWidget.foreground#00d5ff
• editorIndentGuide.activeBackground#00d5ff66
• editorIndentGuide.background#00d5ff20
• editorInfo.background#4490bf00
• editorInfo.border#4490BF00
• editorInfo.foreground#078aff
• editorLineNumber.activeForeground#00d5ff
• editorLineNumber.foreground#00d5ff7c
• editorLink.activeForeground#00d5ff
• editorMarkerNavigation.background#2d2d30
• editorMarkerNavigationError.background#f48771
• editorMarkerNavigationInfo.background#75beff
• editorMarkerNavigationWarning.background#cca700
• editorOverviewRuler.background#00d5ff00
• editorOverviewRuler.border#00d5ff2a
• editorRuler.foreground#00d5ff24
• editorSuggestWidget.background#000708
• editorSuggestWidget.border#00d5ff95
• editorSuggestWidget.foreground#00d5ffc5
• editorSuggestWidget.highlightForeground#00d5ff
• editorSuggestWidget.selectedBackground#002a32
• editorWarning.background#A9904000
• editorWarning.border#00d5ff00
• editorWarning.foreground#ffd100cb
• editorWhitespace.foreground#00d5ff00
• editorWidget.background#000c0f
• editorWidget.foreground#cccccc
• editorWidget.resizeBorder#5F5F5F
• focusBorder#0ad8ff00
• foreground#00d5ff
• gitDecoration.addedResourceForeground#42d35c9f
• gitDecoration.conflictingResourceForeground#de32f789
• gitDecoration.deletedResourceForeground#e42a0a9d
• gitDecoration.ignoredResourceForeground#90909091
• gitDecoration.modifiedResourceForeground#3fdbff8b
• gitDecoration.stageDeletedResourceForeground#ff3f1e7a
• gitDecoration.stageModifiedResourceForeground#ecb15981
• gitDecoration.submoduleResourceForeground#4899e48d
• gitDecoration.untrackedResourceForeground#42c46fa5
• icon.foreground#00d5ff
• input.background#00d5ff00
• input.border#00d5ff00
• input.foreground#00d5ffd3
• input.placeholderForeground#0287a1d3
• inputOption.activeBackground#00d5ff36
• inputOption.activeBorder#00d5ff52
• inputOption.activeForeground#00d5ffb7
• list.activeSelectionBackground#00a8c912
• list.activeSelectionForeground#ffffff
• list.dropBackground#003b4738
• list.focusBackground#00d5ff1e
• list.focusForeground#64cbe0
• list.highlightForeground#00d5ff
• list.hoverBackground#06cdf52e
• list.hoverForeground#00d5ff
• list.inactiveSelectionBackground#00d5ff1a
• list.inactiveSelectionForeground#55a8b8
• listFilterWidget.background#00aed1d7
• listFilterWidget.noMatchesOutline#00d5ff00
• listFilterWidget.outline#00d5ff00
• menu.background#001317
• menu.border#003b47
• menu.foreground#71e8ffa9
• menu.selectionBackground#00d5ff4e
• menu.selectionBorder#00d5ff00
• menu.selectionForeground#00ccf5
• menu.separatorBackground#013a45
• menubar.selectionBackground#00d5ff32
• menubar.selectionBorder#00d5ff00
• menubar.selectionForeground#00d5ff
• merge.commonContentBackground#282828
• merge.commonHeaderBackground#131313
• merge.currentContentBackground#00252c
• merge.currentHeaderBackground#005768
• merge.incomingContentBackground#003f16
• merge.incomingHeaderBackground#086800
• minimap.background#0d0f15
• minimap.errorHighlight#ff2b00b5
• minimap.findMatchHighlight#00d5ff2e
• minimap.selectionHighlight#001f26
• minimap.warningHighlight#ffd100cb
• minimapGutter.addedBackground#00ff1ca3
• minimapGutter.deletedBackground#ff000cad
• minimapGutter.modifiedBackground#00b6d9
• notificationCenter.border#00d5ff3e
• notificationCenterHeader.background#001e24
• notificationCenterHeader.foreground#00d5ffe1
• notifications.background#00090a
• notifications.border#00d5ff2e
• notifications.foreground#cccccc
• notificationsErrorIcon.foreground#ff2f05
• notificationsInfoIcon.foreground#0077e2
• notificationsWarningIcon.foreground#f5c906
• notificationToast.border#003d49
• panel.background#02090a
• panel.border#00d5ff
• panelSection.border#00d5ff4e
• panelTitle.activeBorder#00d5ff80
• panelTitle.activeForeground#00a6c7
• panelTitle.inactiveForeground#00d5ff8d
• peekView.border#00d5ffc1
• peekViewEditor.background#001f26
• peekViewEditor.matchHighlightBackground#d1831f36
• peekViewEditor.matchHighlightBorder#ee931e08
• peekViewEditorGutter.background#041b1f
• peekViewResult.background#001115
• peekViewResult.fileForeground#0096b4
• peekViewResult.lineForeground#008ca7
• peekViewResult.matchHighlightBackground#84340032
• peekViewResult.selectionBackground#002f38
• peekViewResult.selectionForeground#bff4ffa9
• peekViewTitle.background#00d5ff2e
• peekViewTitleDescription.foreground#00d5ff74
• peekViewTitleLabel.foreground#00d5ff
• pickerGroup.border#219ab2a7
• pickerGroup.foreground#3794ff
• progressBar.background#00d5ff
• scrollbar.shadow#003b47
• scrollbarSlider.activeBackground#bfbfbf66
• scrollbarSlider.background#79797966
• scrollbarSlider.hoverBackground#646464b3
• selection.background#00254562
• settings.focusedRowBackground#ffffff07
• settings.headerForeground#00d5ff
• sideBar.background#0d0f15
• sideBar.border#003843
• sideBar.dropBackground#003b4738
• sideBar.foreground#adc8cd
• sideBarSectionHeader.background#1d788a18
• sideBarSectionHeader.border#00d5ff00
• sideBarSectionHeader.foreground#00d5ff7e
• sideBarTitle.foreground#0ed7ff89
• statusBar.background#00262e
• statusBar.border#008fab00
• statusBar.debuggingBackground#006c82d5
• statusBar.debuggingForeground#00d4ffd5
• statusBar.foreground#cef7ffdd
• statusBar.noFolderBackground#006c82d5
• statusBar.noFolderForeground#c2f5ffd5
• statusBarItem.activeBackground#FFFFFF25
• statusBarItem.hoverBackground#006c82d5
• statusBarItem.remoteBackground#00adcf
• statusBarItem.remoteForeground#c2f5ff
• tab.activeBackground#003f4b48
• tab.activeBorder#00d5ff
• tab.activeBorderTop#00d5ff42
• tab.activeForeground#cee5eadd
• tab.border#00d5ff00
• tab.hoverBackground#00d5ff0a
• tab.hoverBorder#00d5ff81
• tab.hoverForeground#91edff9b
• tab.inactiveBackground#00070852
• tab.inactiveForeground#c2f5ff78
• terminal.ansiBlack#453d3d
• terminal.ansiBlue#2472c8
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#3b8eea
• terminal.ansiBrightCyan#29b8db
• terminal.ansiBrightGreen#23d18b
• terminal.ansiBrightMagenta#d670d6
• terminal.ansiBrightRed#f14c4c
• terminal.ansiBrightWhite#e5e5e5
• terminal.ansiBrightYellow#f5f543
• terminal.ansiCyan#11a8cd
• terminal.ansiGreen#0dbc79
• terminal.ansiMagenta#bc3fbc
• terminal.ansiRed#cd3131
• terminal.ansiWhite#eeeeee
• terminal.ansiYellow#e5e510
• terminal.border#00d5ff4e
• terminal.foreground#00d5ffd3
• terminal.selectionBackground#00d5ff24
• terminalCursor.background#00d5ff46
• terminalCursor.foreground#b8f3ff
• textLink.foreground#00d5ff
• titleBar.activeBackground#001a1f
• titleBar.activeForeground#7be9ff7e
• titleBar.border#00d5ff36
• titleBar.inactiveBackground#001a1f
• titleBar.inactiveForeground#7be9ff7e
• tree.indentGuidesStroke#00d5ff3a
• walkThrough.embeddedEditorBackground#00000050
• widget.shadow#005b6dfd

tokenColors

TextMate scopes and font styles (syntax highlighting rules).