PlasticList Theme

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#d4d4d4
• activityBar.background#e9e9e9
• activityBar.border#A3A3A3
• activityBar.foreground#000000
• badge.background#d4d4d4
• badge.foreground#000000
• breadcrumb.activeSelectionForeground#000000
• breadcrumb.focusForeground#000000
• breadcrumb.foreground#000000
• button.background#737373
• button.foreground#FFFFFF
• button.secondaryBackground#d4d4d4
• button.secondaryForeground#000000
• debugToolBar.background#737373
• dropdown.foreground#000000
• editor.background#e9e9e9
• editor.findMatchBackground#FFAE00
• editor.findMatchBorder#FFAE00
• editor.findMatchHighlightBackground#ffe700
• editor.findMatchHighlightBorder#ffe700
• editor.foreground#000000
• editor.lineHighlightBackground#e9e9e9
• editor.selectionBackground#ffe700
• editor.selectionHighlightBackground#ffe700
• editor.selectionHighlightBorder#ffe700
• editorBracketHighlight.foreground1#000000
• editorBracketHighlight.foreground2#000000
• editorBracketHighlight.foreground3#000000
• editorBracketHighlight.foreground4#000000
• editorBracketHighlight.foreground5#000000
• editorBracketHighlight.foreground6#000000
• editorCursor.foreground#000000
• editorGroup.border#A3A3A3
• editorGroupHeader.tabsBackground#d4d4d4
• editorGroupHeader.tabsBorder#A3A3A3
• editorLineNumber.activeForeground#000000
• editorLineNumber.foreground#a3a3a3
• editorSuggestWidget.background#d4d4d4
• editorSuggestWidget.focusHighlightForeground#E24328
• editorSuggestWidget.foreground#000000
• editorSuggestWidget.highlightForeground#ffe700
• editorWhitespace.foreground#a3a3a3
• editorWidget.background#d4d4d4
• editorWidget.foreground#000000
• focusBorder#A3A3A3
• foreground#000000
• gitDecoration.modifiedResourceForeground#000000
• input.background#e9e9e9
• input.foreground#000000
• input.placeholderForeground#737373
• inputOption.activeBackground#ffe700
• inputOption.activeBorder#ffe700
• inputOption.activeForeground#000000
• inputOption.hoverBackground#FFFFFF
• list.activeSelectionBackground#D4D4D4
• list.activeSelectionForeground#000000
• list.focusBackground#D4D4D4
• list.focusOutline#d4d4d4
• list.hoverBackground#FFFFFF
• list.inactiveSelectionBackground#D4D4D4
• list.inactiveSelectionForeground#000000
• minimap.background#e9e9e9
• minimap.selectionHighlight#ffe70080
• notificationCenter.border#A3A3A3
• notifications.background#e9e9e9
• notifications.border#A3A3A3
• notifications.foreground#000000
• notificationsErrorIcon.foreground#ff0000
• notificationsInfoIcon.foreground#000000
• notificationsWarningIcon.foreground#ffd400
• notificationToast.border#a3a3a3
• panel.background#e9e9e9
• panel.border#A3A3A3
• panelTitle.activeForeground#000000
• panelTitle.inactiveForeground#000000
• pickerGroup.foreground#000000
• progressBar.background#ffe700
• quickInput.foreground#000000
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#737373
• scrollbarSlider.background#737373
• scrollbarSlider.hoverBackground#737373
• selection.background#ffe700
• sideBar.background#e9e9e9
• sideBar.border#A3A3A3
• sideBar.foreground#000000
• statusBar.background#e9e9e9
• statusBar.border#A3A3A3
• statusBar.debuggingBackground#ffe700
• statusBar.foreground#000000
• statusBarItem.remoteBackground#d4d4d4
• statusBarItem.remoteForeground#000000
• statusBarItem.remoteHoverBackground#FFFFFF
• statusBarItem.remoteHoverForeground#000000
• tab.activeBorder#e9e9e9
• tab.activeForeground#000000
• tab.border#A3A3A3
• tab.inactiveBackground#D4D4D4
• tab.inactiveForeground#000000
• terminal.background#e9e9e9
• terminal.border#A3A3A3
• terminal.foreground#000000
• terminalCommandDecoration.defaultBackground#000000
• titleBar.activeBackground#e9e9e9
• titleBar.activeForeground#000000
• titleBar.border#A3A3A3
• titleBar.inactiveBackground#e9e9e9
• titleBar.inactiveForeground#000000
• tree.indentGuidesStroke#A3A3A3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).