SAM — Simplifying AI Management
Publisher: sam-aiThemes in package: 2
The SAM look for VS Code (light and dark, in SAM blue) plus a SAM side panel that connects Claude Code to the businesses you work with.
Color themes
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.
| key | HEX | RGB | RGBA |
|---|---|---|---|
// | ===== SAM — SIMPLIFYING AI MANAGEMENT. BRAND PALETTE: SKY BLUE #4A90E2 + GOLD #F4C430/#D4AF37 OVER DEEP NAVY (#2C5F7F FAMILY). GOLD USED SPARINGLY PER BRAND GUIDE. ===== | — | — |
//activityBar | ===== ACTIVITY BAR (FAR LEFT) ===== | — | — |
//buttons | ===== BUTTONS / BADGES ===== | — | — |
//editor | ===== EDITOR CANVAS ===== | — | — |
//misc | ===== MISC CHROME ===== | — | — |
//modernTabs | VS CODE 1.140+ 'CONNECTED' TABS IGNORE A THEME'S TAB.ACTIVEBACKGROUND (ONLY USER COLOUR CUSTOMIZATIONS COUNT) AND PAINT THE ACTIVE TAB WITH EDITOR.BACKGROUND. THE BLUE ACTIVE TAB THEREFORE SHIPS AS A [SAM DARK]-SCOPED CONFIGURATIONDEFAULTS ENTRY IN PACKAGE.JSON. | — | — |
//panel | ===== PANEL + TERMINAL ===== | — | — |
//sideBar | ===== SIDE BAR (FILE TREE) ===== | — | — |
//statusBar | ===== STATUS BAR — SIGNATURE SAM BLUE-DARK ===== | — | — |
//tabs | ===== EDITOR TABS — ACTIVE TAB CARRIES A GOLD MARKER (PREMIUM, SPARING) ===== | — | — |
//titleBar | ===== TITLE BAR ===== | — | — |
//widgets | ===== HOVERS / SUGGEST / INPUTS ===== | — | — |
activityBar.activeBackground | |||
activityBar.activeBorder | |||
activityBar.background | |||
activityBar.border | |||
activityBar.foreground | |||
activityBar.inactiveForeground | |||
activityBarBadge.background | |||
activityBarBadge.foreground | |||
badge.background | |||
badge.foreground | |||
breadcrumb.activeSelectionForeground | |||
breadcrumb.focusForeground | |||
breadcrumb.foreground | |||
breadcrumbPicker.background | |||
button.background | |||
button.foreground | |||
button.hoverBackground | |||
button.secondaryBackground | |||
button.secondaryForeground | |||
charts.blue | |||
charts.green | |||
charts.orange | |||
charts.red | |||
charts.yellow | |||
descriptionForeground | |||
disabledForeground | |||
dropdown.background | |||
dropdown.border | |||
dropdown.foreground | |||
editor.background | |||
editor.findMatchBackground | |||
editor.findMatchHighlightBackground | |||
editor.foreground | |||
editor.inactiveSelectionBackground | |||
editor.lineHighlightBackground | |||
editor.lineHighlightBorder | |||
editor.selectionBackground | |||
editor.selectionHighlightBackground | |||
editor.wordHighlightBackground | |||
editor.wordHighlightStrongBackground | |||
editorBracketHighlight.foreground1 | |||
editorBracketHighlight.foreground2 | |||
editorBracketHighlight.foreground3 | |||
editorBracketHighlight.foreground4 | |||
editorBracketMatch.background | |||
editorBracketMatch.border | |||
editorCursor.foreground | |||
editorError.foreground | |||
editorGroup.border | |||
editorGroupHeader.tabsBackground | |||
editorGroupHeader.tabsBorder | |||
editorGutter.addedBackground | |||
editorGutter.deletedBackground | |||
editorGutter.modifiedBackground | |||
editorHoverWidget.background | |||
editorHoverWidget.border | |||
editorIndentGuide.activeBackground1 | |||
editorIndentGuide.background1 | |||
editorInfo.foreground | |||
editorLineNumber.activeForeground | |||
editorLineNumber.foreground | |||
editorLink.activeForeground | |||
editorRuler.foreground | |||
editorSuggestWidget.background | |||
editorSuggestWidget.border | |||
editorSuggestWidget.highlightForeground | |||
editorSuggestWidget.selectedBackground | |||
editorWarning.foreground | |||
editorWhitespace.foreground | |||
editorWidget.background | |||
editorWidget.border | |||
errorForeground | |||
extensionButton.prominentBackground | |||
extensionButton.prominentHoverBackground | |||
focusBorder | |||
foreground | |||
gitDecoration.conflictingResourceForeground | |||
gitDecoration.deletedResourceForeground | |||
gitDecoration.ignoredResourceForeground | |||
gitDecoration.modifiedResourceForeground | |||
gitDecoration.untrackedResourceForeground | |||
icon.foreground | |||
input.background | |||
input.border | |||
input.foreground | |||
input.placeholderForeground | |||
inputOption.activeBackground | |||
inputOption.activeBorder | |||
inputValidation.errorBackground | |||
inputValidation.errorBorder | |||
list.activeSelectionBackground | |||
list.activeSelectionForeground | |||
list.focusBackground | |||
list.highlightForeground | |||
list.hoverBackground | |||
list.inactiveSelectionBackground | |||
menu.background | |||
menu.border | |||
menu.foreground | |||
menu.selectionBackground | |||
menu.separatorBackground | |||
minimap.selectionHighlight | |||
minimapSlider.background | |||
minimapSlider.hoverBackground | |||
notificationCenterHeader.background | |||
notifications.background | |||
notifications.border | |||
panel.background | |||
panel.border | |||
panelTitle.activeBorder | |||
panelTitle.activeForeground | |||
panelTitle.inactiveForeground | |||
peekView.border | |||
peekViewEditor.background | |||
peekViewResult.background | |||
peekViewResult.selectionBackground | |||
peekViewTitle.background | |||
progressBar.background | |||
scrollbar.shadow | |||
scrollbarSlider.activeBackground | |||
scrollbarSlider.background | |||
scrollbarSlider.hoverBackground | |||
selection.background | |||
sideBar.background | |||
sideBar.border | |||
sideBar.foreground | |||
sideBarSectionHeader.background | |||
sideBarSectionHeader.border | |||
sideBarSectionHeader.foreground | |||
sideBarTitle.foreground | |||
statusBar.background | |||
statusBar.border | |||
statusBar.debuggingBackground | |||
statusBar.debuggingForeground | |||
statusBar.foreground | |||
statusBar.noFolderBackground | |||
statusBarItem.errorBackground | |||
statusBarItem.hoverBackground | |||
statusBarItem.prominentBackground | |||
statusBarItem.remoteBackground | |||
statusBarItem.remoteForeground | |||
statusBarItem.warningBackground | |||
statusBarItem.warningForeground | |||
tab.activeBackground | |||
tab.activeBorder | |||
tab.activeBorderTop | |||
tab.activeForeground | |||
tab.border | |||
tab.hoverBackground | |||
tab.inactiveBackground | |||
tab.inactiveForeground | |||
tab.selectedBackground | |||
tab.selectedBorderTop | |||
tab.selectedForeground | |||
tab.unfocusedActiveBackground | |||
tab.unfocusedActiveBorderTop | |||
tab.unfocusedActiveForeground | |||
terminal.ansiBlack | |||
terminal.ansiBlue | |||
terminal.ansiBrightBlue | |||
terminal.ansiBrightCyan | |||
terminal.ansiBrightGreen | |||
terminal.ansiBrightMagenta | |||
terminal.ansiBrightRed | |||
terminal.ansiBrightWhite | |||
terminal.ansiBrightYellow | |||
terminal.ansiCyan | |||
terminal.ansiGreen | |||
terminal.ansiMagenta | |||
terminal.ansiRed | |||
terminal.ansiWhite | |||
terminal.ansiYellow | |||
terminal.background | |||
terminal.foreground | |||
terminal.selectionBackground | |||
terminalCursor.foreground | |||
textBlockQuote.background | |||
textBlockQuote.border | |||
textLink.activeForeground | |||
textLink.foreground | |||
textPreformat.foreground | |||
titleBar.activeBackground | |||
titleBar.activeForeground | |||
titleBar.border | |||
titleBar.inactiveBackground | |||
titleBar.inactiveForeground | |||
tree.indentGuidesStroke |
tokenColors
Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.
| scope | HEX | RGB | RGBA |
|---|---|---|---|
comment | |||
comment.block | |||
comment.block.documentation | |||
comment.line | |||
constant | |||
constant.character | |||
constant.character.escape | |||
constant.numeric | |||
constant.numeric.integer | |||
constant.numeric.float | |||
constant.numeric.hex | |||
constant.numeric.octal | |||
constant.other | |||
constant.other.placeholder | |||
entity | |||
entity.name | |||
entity.name.class | |||
entity.name.function | |||
entity.name.section | |||
entity.name.tag | |||
entity.name.type | |||
entity.name.type.enum | |||
entity.name.type.interface | |||
entity.name.type.struct | |||
entity.other | |||
entity.other.attribute-name | |||
entity.other.inherited-class | |||
invalid | |||
invalid.deprecated | |||
invalid.illegal | |||
keyword | |||
keyword.control | |||
keyword.control.flow | |||
keyword.operator | |||
keyword.operator.new | |||
keyword.operator.assignment | |||
keyword.operator.arithmetic | |||
keyword.operator.logical | |||
keyword.other | |||
markup | |||
markup.bold | |||
markup.heading | |||
markup.inline.raw | |||
markup.italic | |||
markup.raw | |||
markup.underline | |||
markup.underline.link | |||
meta | |||
meta.function-call | |||
punctuation.definition.bracket | |||
punctuation.definition.comment | |||
punctuation.definition.string.begin | |||
punctuation.definition.string.end | |||
punctuation.separator | |||
punctuation.separator.continuation | |||
punctuation.terminator | |||
storage | |||
storage.modifier | |||
storage.type | |||
string | |||
string.interpolated | |||
string.other | |||
string.quoted | |||
string.quoted.double | |||
string.quoted.other | |||
string.quoted.single | |||
string.quoted.triple | |||
string.regexp | |||
string.template | |||
string.unquoted | |||
support | |||
support.class | |||
support.function | |||
support.type | |||
support.type.primitive | |||
support.type.property-name | |||
support.variable | |||
variable | |||
variable.function | |||
variable.language | |||
variable.name | |||
variable.other | |||
variable.other.constant | |||
variable.other.property | |||
variable.other.readwrite | |||
variable.parameter |