Nectar

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#fdf5d6
• activityBar.border#e7d9af
• activityBar.foreground#24292f
• activityBarBadge.background#ffd951
• activityBarBadge.foreground#24292f
• badge.background#fdf5d6
• badge.foreground#24292f
• button.background#ffd951
• button.foreground#24292f
• debugToolBar.background#fdf5d6
• dropdown.background#fdf5d6
• dropdown.border#e7d9af
• editor.background#fdf5d6
• editor.findMatchBackground#efe9ba
• editor.findMatchForeground#24292f
• editor.findMatchHighlightBackground#efe9ba
• editor.findMatchHighlightForeground#24292f
• editor.hoverHighlightBackground#efe9ba
• editor.lineHighlightBackground#f7efbf
• editor.selectionBackground#ffd951
• editor.selectionHighlightBackground#ffd9515a
• editor.wordHighlightBackground#ffd9515a
• editorBracketHighlight.foreground1#24292f
• editorBracketHighlight.foreground2#24292f
• editorBracketHighlight.foreground3#24292f
• editorBracketHighlight.foreground4#24292f
• editorBracketHighlight.foreground5#24292f
• editorBracketHighlight.foreground6#24292f
• editorBracketHighlight.unexpectedBracket.foreground#e70606
• editorBracketMatch.border#e7d9af
• editorBracketPairGuide.activeBackground1#24292f
• editorBracketPairGuide.activeBackground2#24292f
• editorBracketPairGuide.activeBackground3#24292f
• editorBracketPairGuide.activeBackground4#24292f
• editorBracketPairGuide.activeBackground5#24292f
• editorBracketPairGuide.activeBackground6#24292f
• editorCursor.background#fdf5d6
• editorCursor.foreground#24292f
• editorGhostText.foreground#816c6c
• editorGroup.border#e7d9af
• editorGroup.dropBackground#efe9ba
• editorGroupHeader.tabsBackground#fdf5d6
• editorHoverWidget.background#efe9ba
• editorHoverWidget.border#e7d9af
• editorIndentGuide.activeBackground1#564afc
• editorIndentGuide.background1#b7baa0
• editorLineNumber.activeForeground#b7baa0
• editorLineNumber.foreground#b7baa0
• editorWhitespace.foreground#b7baa0
• editorWidget.background#efe9ba
• errorForeground#e70606
• extensionButton.prominentBackground#ffd951
• extensionButton.prominentForeground#24292f
• extensionButton.prominentHoverBackground#efe9ba
• focusBorder#564afc
• gitDecoration.modifiedResourceForeground#24292f
• input.background#fdf5d6
• input.border#e7d9af
• input.foreground#24292f
• input.placeholderForeground#816c6c
• inputOption.activeBorder#564afc
• list.activeSelectionBackground#ffd951
• list.activeSelectionForeground#24292f
• list.focusBackground#ffd951
• list.highlightForeground#24292f
• list.hoverBackground#efe9ba
• list.inactiveSelectionBackground#ffd951
• minimap.selectionHighlight#ffd951
• notificationCenterHeader.background#fdf5d6
• notificationCenterHeader.foreground#24292f
• panel.background#fdf5d6
• panel.border#e7d9af
• peekView.border#e7d9af
• peekViewEditor.background#fdf5d6
• peekViewEditor.matchHighlightBackground#efe9ba
• peekViewResult.background#fdf5d6
• peekViewTitle.background#fdf5d6
• pickerGroup.border#e7d9af
• pickerGroup.foreground#24292f
• progressBar.background#ce2020
• scrollbarSlider.activeBackground#ffda6270
• scrollbarSlider.background#ffda6270
• scrollbarSlider.hoverBackground#ffda6270
• scrollbarSlider.shadow#ffda6270
• search.resultsInfoForeground#24292f
• sideBar.background#fdf5d6
• sideBar.border#e7d9af
• sideBar.foreground#24292f
• sideBarSectionHeader.background#fdf5d6
• sideBarSectionHeader.foreground#24292f
• sideBarTitle.foreground#24292f
• statusBar.background#fdf5d6
• statusBar.border#e7d9af
• statusBar.debuggingBackground#fdf5d6
• statusBar.foreground#24292f
• statusBar.noFolderBackground#fdf5d6
• statusBarItem.prominentBackground#fdf5d6
• statusBarItem.prominentHoverBackground#efe9ba
• statusBarItem.remoteBackground#ce2020
• tab.activeBackground#ffd951
• tab.activeBorder#0049a1
• tab.activeModifiedBorder#0049a1
• tab.foreground#24292f
• tab.inactiveBackground#efe9ba
• tab.inactiveForeground#24292f
• tab.unfocusedActiveBorder#0049a1
• terminal.ansiBlack#073642
• terminal.ansiBlue#564afc
• terminal.ansiBrightBlack#586e75
• terminal.ansiBrightBlue#dcebfe
• terminal.ansiBrightCyan#93a1a1
• terminal.ansiBrightGreen#0e313c
• terminal.ansiBrightMagenta#6c71c4
• terminal.ansiBrightRed#cb4b16
• terminal.ansiBrightWhite#eee8d5
• terminal.ansiBrightYellow#657b83
• terminal.ansiCyan#2aa198
• terminal.ansiGreen#859900
• terminal.ansiMagenta#d33682
• terminal.ansiRed#ff0000
• terminal.ansiWhite#eee8d5
• terminal.ansiYellow#b58900
• terminal.background#fdf5d6
• terminal.selectionBackground#ffd951
• titleBar.activeBackground#fdf5d6
• titleBar.border#e7d9af
• titleBar.inactiveBackground#fdf5d6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).