Samaritan UI

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.

• activityBarBadge.background#ff3d3d
• activityBarBadge.foreground#ffffff
• button.background#ff0000
• button.foreground#ffffff
• button.hoverBackground#e10000
• button.secondaryBackground#5f5f5f
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#4f4f4f
• checkbox.background#ffffff
• checkbox.border#cccccc
• checkbox.foreground#000000
• dropdown.background#ffffff
• dropdown.border#cccccc
• dropdown.foreground#000000
• editor.background#f0f0f0
• editor.foreground#000000
• editor.inactiveSelectionBackground#ffe4e4
• editor.lineHighlightBackground#d1d1d1
• editor.selectionBackground#ffd6d6
• editor.selectionHighlightBackground#ffecec
• editorCursor.foreground#ff0000
• editorGroup.dropBackground#8a8a8a5e
• editorGroup.dropIntoPromptBackground#8a8a8a5e
• editorHoverWidget.background#ffffff
• editorHoverWidget.border#cccccc
• editorLineNumber.activeForeground#ff0000
• editorLineNumber.foreground#e00000
• editorSuggestWidget.background#ffffff
• editorSuggestWidget.border#cccccc
• editorSuggestWidget.focusHighlightForeground#000000
• editorSuggestWidget.foreground#000000
• editorSuggestWidget.highlightForeground#000000
• editorSuggestWidget.selectedBackground#ffd6d6
• editorWidget.background#ffffff
• editorWidget.border#cccccc
• focusBorder#d32f2f
• gitDecoration.addedResourceForeground#587c0c
• gitDecoration.deletedResourceForeground#ad0707
• gitDecoration.ignoredResourceForeground#6c6c6c
• gitDecoration.modifiedResourceForeground#895503
• gitDecoration.untrackedResourceForeground#007100
• input.background#ffffff
• input.border#cccccc
• input.foreground#000000
• input.placeholderForeground#5f5f5f
• inputOption.activeBackground#ffd6d6
• inputOption.activeBorder#ff0000
• list.activeSelectionBackground#d32f2d
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#d32f2f
• list.dropBackground#8a8a8a5e
• list.focusAndSelectionOutline#cccccc
• list.focusOutline#cccccc
• list.inactiveFocusOutline#cccccc
• list.inactiveSelectionBackground#cbcccc
• list.inactiveSelectionForeground#000000
• listFilterWidget.outline#cccccc
• panel.background#f0f0f0
• panel.border#cccccc
• panelTitle.activeBorder#ff0000
• panelTitle.activeForeground#000000
• panelTitle.inactiveForeground#5f5f5f
• sideBar.background#d9dada
• sideBar.border#cccccc
• sideBar.dropBackground#8a8a8a5e
• sideBar.foreground#000000
• statusBar.background#b71c1c
• statusBar.border#880000
• statusBar.debuggingBackground#ff3d3d
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#d32f2f
• statusBarItem.hoverBackground#8f1b1b
• tab.activeBackground#8d8d8d
• tab.activeForeground#000000
• tab.hoverBackground#cccccc
• tab.hoverForeground#000000
• tab.inactiveBackground#d9dada
• tab.inactiveForeground#000000
• terminal.background#ffffff
• terminal.foreground#000000
• terminal.inactiveSelectionBackground#ffe0e0
• terminal.selectionBackground#ffcccc
• terminal.selectionForeground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).