Player One

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#0d160d
• activityBar.foreground#c7d7a4
• activityBarBadge.background#9bbc0f
• activityBarBadge.foreground#0b140b
• button.background#0b140b
• button.foreground#c7d7a4
• button.hoverBackground#172617
• button.secondaryBackground#132113
• button.secondaryForeground#c7d7a4
• dropdown.background#0b140b
• dropdown.border#172617
• dropdown.foreground#c7d7a4
• editor.background#0f1b0f
• editor.foreground#c7d7a4
• editor.lineHighlightBackground#172617
• editor.selectionBackground#2a3f2a
• editorBracketHighlight.foreground1#9bbc0f
• editorBracketHighlight.foreground2#8bac0f
• editorBracketHighlight.foreground3#7fa84f
• editorBracketHighlight.foreground4#6b8e23
• editorBracketHighlight.foreground5#5f7a5f
• editorBracketHighlight.foreground6#4f7f4f
• editorBracketHighlight.unexpectedBracket.foreground#df2828
• editorCursor.foreground#9bbc0f
• editorError.background#3f1b1b22
• editorError.foreground#df2828
• editorGroup.border#172617
• editorGroupHeader.noTabsBackground#0b140b
• editorGroupHeader.tabsBackground#0b140b
• editorGutter.addedBackground#6b8e23
• editorGutter.background#0b140b
• editorGutter.deletedBackground#4f7f4f
• editorGutter.modifiedBackground#9bbc0f
• editorInfo.background#1b3f3f22
• editorInfo.foreground#7fa84f
• editorLineNumber.activeForeground#c7d7a4
• editorLineNumber.foreground#5f7a5f
• editorPane.background#0b140b
• editorWarning.background#3f3f1b22
• editorWarning.foreground#9bbc0f
• editorWhitespace.foreground#1e331e
• editorWidget.background#0b140b
• editorWidget.border#172617
• focusBorder#9bbc0f
• icon.foreground#9bbc0f
• list.activeSelectionBackground#172617
• list.activeSelectionForeground#9bbc0f
• list.focusBackground#172617
• list.focusForeground#9bbc0f
• list.hoverBackground#132113
• list.inactiveSelectionBackground#132113
• list.inactiveSelectionForeground#c7d7a4
• menu.background#0b140b
• menu.foreground#c7d7a4
• menu.selectionBackground#2a3f2a
• menu.selectionForeground#9bbc0f
• menu.separatorBackground#172617
• panel.background#0b140b
• panelSectionHeader.background#0b140b
• panelSectionHeader.border#172617
• panelSectionHeader.foreground#c7d7a4
• panelTitle.activeBorder#9bbc0f
• quickInput.background#0b140b
• quickInput.foreground#c7d7a4
• quickInputList.focusBackground#172617
• quickInputList.focusForeground#9bbc0f
• quickInputTitle.background#132113
• scrollbarSlider.activeBackground#9bbc0f88
• scrollbarSlider.background#17261788
• scrollbarSlider.hoverBackground#9bbc0f55
• sideBar.background#0b140b
• sideBar.border#172617
• sideBar.foreground#c7d7a4
• sideBarSectionHeader.background#0b140b
• sideBarSectionHeader.border#172617
• sideBarSectionHeader.foreground#9bbc0f
• statusBar.background#0b140b
• statusBar.border#172617
• statusBar.debuggingBackground#6b8e23
• statusBar.foreground#c7d7a4
• statusBar.noFolderBackground#0b140b
• statusBarItem.activeBackground#132113
• statusBarItem.hoverBackground#172617
• statusBarItem.prominentBackground#172617
• statusBarItem.prominentForeground#9bbc0f
• tab.activeBackground#0f1b0f
• tab.activeBorder#9bbc0f
• tab.activeForeground#e8f5c8
• tab.border#172617
• tab.hoverBackground#132113
• tab.hoverForeground#9bbc0f
• tab.inactiveBackground#1e331e
• tab.inactiveForeground#c7d7a4
• terminal.ansiBlack#0b140b
• terminal.ansiBlue#7fa84f
• terminal.ansiBrightBlack#1e331e
• terminal.ansiBrightBlue#9bbc0f
• terminal.ansiBrightCyan#7fa84f
• terminal.ansiBrightGreen#8bac0f
• terminal.ansiBrightMagenta#b6c89a
• terminal.ansiBrightRed#6f9f6f
• terminal.ansiBrightWhite#e8f5c8
• terminal.ansiBrightYellow#c7d7a4
• terminal.ansiCyan#5f7a5f
• terminal.ansiGreen#6b8e23
• terminal.ansiMagenta#8bac0f
• terminal.ansiRed#4f7f4f
• terminal.ansiWhite#c7d7a4
• terminal.ansiYellow#9bbc0f
• terminal.background#0b140b
• terminal.foreground#c7d7a4
• terminal.selectionBackground#2a3f2a
• terminalCursor.foreground#9bbc0f
• titleBar.activeBackground#0f1b0f
• titleBar.activeForeground#c7d7a4
• titleBar.inactiveBackground#0b140b
• titleBar.inactiveForeground#5f7a5f
• tree.indentGuidesStroke#172617
• tree.tableColumnsBorder#172617
• window.activeBorder#9bbc0f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).