Pike

Color themes

• 

  Pike

• 

  Pike Caviar

• 

  Walleye

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.background#F5F5E1
• activityBar.border#E4E4CA
• activityBar.foreground#000000
• activityBarBadge.background#56AAAA
• activityBarBadge.foreground#ffffea
• badge.background#56AAAA
• badge.foreground#ffffea
• breadcrumb.focusForeground#000000
• button.background#56AAAA
• button.foreground#ffffea
• button.hoverBackground#56AAAA
• button.secondaryBackground#000000
• button.separator#ffffea
• checkbox.background#fffff1
• checkbox.foreground#56AAAA
• commandCenter.activeBackground#ffffea
• commandCenter.activeBorder#E4E4CA
• commandCenter.background#F5F5E1
• commandCenter.border#E4E4CA
• commandCenter.inactiveBorder#E4E4CA
• debugConsole.infoForeground#000000
• debugToolBar.background#ffffea
• dropdown.background#ffffea
• dropdown.border#E4E4CA
• editor.background#ffffea
• editor.findMatchBackground#EEED9E
• editor.findMatchHighlightBackground#EEED9E53
• editor.findMatchHighlightBorder#E3E296
• editor.findRangeHighlightBackground#EEED9E53
• editor.foreground#000000
• editor.hoverHighlightBackground#EEED9E53
• editor.lineHighlightBackground#eeed9e58
• editor.rangeHighlightBackground#EEED9E9f
• editor.selectionBackground#EEED9EA0
• editor.selectionHighlightBorder#E3E296
• editor.snippetFinalTabstopHighlightBackground#EEED9E54
• editor.snippetFinalTabstopHighlightBorder#E3E296
• editor.snippetTabstopHighlightBackground#EEED9E54
• editor.snippetTabstopHighlightBorder#E3E296
• editor.wordHighlightBackground#EEED9E18
• editor.wordHighlightBorder#E3E296
• editor.wordHighlightStrongBackground#EEED9E53
• editor.wordHighlightStrongBorder#E3E296
• editorActionList.focusBackground#F5F5E1
• editorBracketHighlight.foreground1#000000
• editorBracketHighlight.foreground2#000000
• editorBracketHighlight.foreground3#000000
• editorBracketHighlight.foreground4#000000
• editorBracketHighlight.foreground5#000000
• editorBracketHighlight.foreground6#000000
• editorCommentsWidget.replyInputBackground#ffffea
• editorGroup.border#E4E4CA
• editorGroup.dropBackground#56AAAA72
• editorGroupHeader.tabsBackground#F5F5E1
• editorGroupHeader.tabsBorder#E4E4CA
• editorInlayHint.background#E4E4CA4c
• editorInlayHint.foreground#000000c0
• editorLineNumber.activeForeground#000000
• editorLineNumber.foreground#d2d2c2
• editorRuler.foreground#E4E4CA90
• editorStickyScrollHover.background#EEED9Ecf
• editorSuggestWidget.selectedBackground#F5F5E1
• editorUnicodeHighlight.border#56AAAA
• editorWidget.background#ffffea
• editorWidget.border#E4E4CA
• editorWidget.foreground#000000
• extensionButton.background#56AAAA
• extensionButton.foreground#ffffea
• extensionButton.hoverBackground#56AAAA
• extensionButton.separator#ffffea
• focusBorder#56AAAA
• gitlens.gutterBackgroundColor#F5F5E100
• gitlens.gutterForegroundColor#000000
• gitlens.trailingLineForegroundColor#00000070
• icon.foreground#000000
• input.background#ffffea
• input.border#E4E4CA
• input.foreground#000000
• list.activeSelectionBackground#ffffeab0
• list.activeSelectionForeground#000000
• list.dropBackground#56AAAA72
• list.hoverBackground#ffffeab0
• list.hoverForeground#000000
• list.inactiveSelectionBackground#ffffeab0
• list.inactiveSelectionForeground#000000
• menu.background#ffffea
• menu.foreground#000000
• menu.selectionBackground#ffffea
• menu.selectionForeground#000000
• notebook.cellBorderColor#E4E4CA
• notebook.cellEditorBackground#ffffea
• notebook.editorBackground#F5F5E1
• notebook.focusedCellBorder#56AAAA
• notifications.background#ffffea
• panel.background#F5F5E1
• panel.border#E4E4CA
• panelInput.border#E4E4CA
• panelSection.dropBackground#56AAAA72
• panelTitle.activeBorder#56AAAA
• panelTitle.activeForeground#000000
• panelTitle.inactiveForeground#000000
• peekView.border#56AAAA
• peekViewEditor.background#ffffea
• peekViewResult.background#F5F5E1
• peekViewResult.matchHighlightBackground#EEED9E
• peekViewResult.selectionBackground#ffffea
• peekViewResult.selectionForeground#000000
• peekViewTitle.background#F5F5E1
• pickerGroup.border#E4E4CA
• progressBar.background#56AAAA
• quickInput.background#F5F5E1
• quickInput.foreground#000000
• quickInputList.focusBackground#ffffea
• quickInputList.focusIconForeground#000000
• quickInputTitle.background#F5F5E1
• scrollbar.shadow#E4E4CA
• scrollbarSlider.activeBackground#E4E4CAB0
• scrollbarSlider.background#E4E4CA60
• scrollbarSlider.hoverBackground#E4E4CA90
• sideBar.background#F5F5E1
• sideBar.border#E4E4CA
• sideBar.dropBackground#56AAAA72
• sideBar.foreground#000000
• sideBarSectionHeader.background#F5F5E1
• sideBarSectionHeader.border#E4E4CA
• statusBar.background#F5F5E1
• statusBar.border#E4E4CA
• statusBar.debuggingBackground#56AAAA
• statusBar.debuggingBorder#56AAAA
• statusBar.debuggingForeground#ffffea
• statusBar.foreground#000000
• statusBar.noFolderBackground#F5F5E1
• statusBarItem.focusBorder#56AAAA
• statusBarItem.hoverBackground#ffffea
• statusBarItem.prominentBackground#56AAAA
• statusBarItem.prominentForeground#F5F5E1
• tab.activeBorder#ffffea
• tab.activeBorderTop#56AAAA
• tab.activeModifiedBorder#56AAAA
• tab.border#E4E4CA
• tab.hoverBackground#ffffea
• tab.inactiveBackground#F5F5E1
• tab.inactiveModifiedBorder#56AAAA
• tab.lastPinnedBorder#E4E4CA
• terminal.background#F5F5E1
• terminal.dropBackground#56AAAA72
• terminalStickyScroll.background#F5F5E1
• terminalStickyScrollHover.background#EEED9E
• textLink.foreground#56AAAA
• textSeparator.foreground#E4E4CA
• titleBar.activeBackground#F5F5E1
• titleBar.border#E4E4CA
• titleBar.inactiveBackground#F5F5E1
• toolbar.hoverBackground#E4E4CA
• tree.inactiveIndentGuidesStroke#E4E4CA
• tree.indentGuidesStroke#E4E4CA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).