Sand (Light)
Publisher: Dhrumil PatelThemes in package: 1
A warm, minimal light theme inspired by Anthropic's palette with sand and clay colors
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.activeBorder#E0734A
- activityBar.background#F2EFE8
- activityBar.border#E6E1D7
- activityBar.foreground#1A1A1A
- activityBar.inactiveForeground#8E8679
- activityBarBadge.background#E0734A
- activityBarBadge.foreground#FFFFFF
- badge.background#E6E1D7
- badge.foreground#1A1A1A
- button.background#1A1A1A
- button.border#0000001A
- button.foreground#FFFFFF
- button.hoverBackground#000000
- button.secondaryBackground#E6E1D7
- button.secondaryForeground#1A1A1A
- button.secondaryHoverBackground#D9D2C6
- checkbox.background#F2EFE8
- checkbox.border#E0DBD1
- descriptionForeground#5A5A5A
- dropdown.background#FFFFFF
- dropdown.border#E6E1D7
- dropdown.foreground#1A1A1A
- dropdown.listBackground#FFFFFF
- editor.background#F6F4EE
- editor.findMatchBackground#E0734A55
- editor.findMatchHighlightBackground#E0734A33
- editor.foreground#1A1A1A
- editor.inactiveSelectionBackground#F0D8CC80
- editor.lineHighlightBorder#F2EFE8
- editor.selectionBackground#F0D8CC
- editor.selectionHighlightBackground#F0D8CC80
- editor.wordHighlightBackground#00000010
- editor.wordHighlightStrongBackground#00000014
- editorGroup.border#E6E1D7
- editorGroupHeader.tabsBackground#F2EFE8
- editorGroupHeader.tabsBorder#E6E1D7
- editorGutter.addedBackground#2EA043
- editorGutter.deletedBackground#D84B38
- editorGutter.modifiedBackground#E0734A
- editorHoverWidget.background#F2EFE8
- editorHoverWidget.border#E6E1D7
- editorIndentGuide.activeBackground1#BEB6A8
- editorIndentGuide.background1#E6E1D7
- editorLineNumber.activeForeground#1A1A1A
- editorLineNumber.foreground#8E8679
- editorOverviewRuler.border#E6E1D7
- editorWidget.background#F2EFE8
- errorForeground#D84B38
- focusBorder#E0734A
- foreground#1A1A1A
- icon.foreground#1A1A1A
- inlineChatInput.background#EDE8DD
- input.background#F6F4EE
- input.border#E6E1D7
- input.foreground#1A1A1A
- input.placeholderForeground#7B776F
- inputOption.activeBackground#F0D8CC
- inputOption.activeBorder#E0734A
- inputOption.activeForeground#1A1A1A
- list.activeSelectionBackground#E7DFD2
- list.activeSelectionForeground#1A1A1A
- list.focusBackground#E7DFD2
- list.focusForeground#1A1A1A
- list.focusOutline#E0734A
- list.hoverBackground#E0734A1A
- list.inactiveSelectionBackground#E0734A1A
- list.inactiveSelectionForeground#1A1A1A
- menu.background#FFFFFF
- menu.border#E6E1D7
- menu.foreground#1A1A1A
- menu.selectionBackground#E0734A
- menu.selectionForeground#FFFFFF
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#1A1A1A
- notifications.background#FFFFFF
- notifications.border#E6E1D7
- notifications.foreground#1A1A1A
- panel.background#F2EFE8
- panel.border#E6E1D7
- panelTitle.activeBorder#E0734A
- panelTitle.activeForeground#1A1A1A
- panelTitle.inactiveForeground#5A5A5A
- peekViewEditor.matchHighlightBackground#E0734A33
- peekViewResult.background#FFFFFF
- peekViewResult.matchHighlightBackground#E0734A33
- pickerGroup.border#E6E1D7
- pickerGroup.foreground#8E8679
- progressBar.background#E0734A
- quickInput.background#F2EFE8
- quickInput.foreground#1A1A1A
- sash.hoverBorder#E0734A
- sideBar.background#F2EFE8
- sideBar.border#E6E1D7
- sideBar.foreground#1A1A1A
- sideBarSectionHeader.background#F2EFE8
- sideBarSectionHeader.border#E6E1D7
- statusBar.background#F2EFE8
- statusBar.border#E6E1D7
- statusBar.debuggingBackground#E0734A
- statusBar.debuggingForeground#000000
- statusBar.foreground#1A1A1A
- statusBar.noFolderBackground#F2EFE8
- statusBarItem.hoverBackground#0000000F
- statusBarItem.remoteBackground#E0734A
- statusBarItem.remoteForeground#F2EFE8
- tab.activeBackground#F6F4EE
- tab.activeBorderTop#E0734A
- tab.activeForeground#1A1A1A
- tab.border#E6E1D7
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#F2EFE8
- tab.inactiveForeground#7B776F
- tab.lastPinnedBorder#DDD6CB
- tab.selectedBackground#FFFFFFA5
- terminal.border#E6E1D7
- terminal.foreground#1A1A1A
- terminal.inactiveSelectionBackground#F0D8CC
- terminal.tab.activeBorder#E0734A
- terminalCursor.foreground#E0734A
- textBlockQuote.background#F2EFE8
- textBlockQuote.border#E6E1D7
- textCodeBlock.background#F2EFE8
- textLink.activeForeground#C85D37
- textLink.foreground#E0734A
- textPreformat.background#00000014
- textPreformat.foreground#1A1A1A
- textSeparator.foreground#1A1A1A
- titleBar.activeBackground#F2EFE8
- titleBar.activeForeground#1A1A1A
- titleBar.border#E6E1D7
- titleBar.inactiveBackground#F2EFE8
- titleBar.inactiveForeground#8E8679
- welcomePage.tileBackground#F2EFE8
- welcomePage.tileBorder#0000001A
- welcomePage.tileHoverBackground#EDE8DD
- widget.border#E6E1D7
- widget.shadow#00000014
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #1A1A1A | — |
| comment | #7B776F | italic |
| constant.numeric | #426B5A | — |
| string | #67978a | — |
| string.regexp | #8A3A4A | — |
| keyword, storage.type, storage.type.function.python, storage.type.class.python, keyword.declaration.function, keyword.declaration.class | #E0734A | — |
| entity.name.function, support.function, entity.name.operator.custom-literal | #5B4A2F | — |
| entity.name.type, support.type, support.class | #3E6170 | — |
| variable, meta.definition.variable.name, entity.name.variable | #1A1A1A | — |
| constant.language | #3E6170 | — |
| markup.heading | #B55333 | bold |
| markup.bold | #1A1A1A | bold |
| markup.italic | — | italic |
| markup.inserted | #2EA043 | — |
| markup.deleted | #D84B38 | — |
| markup.changed | #E0734A | — |
| punctuation.definition.tag, entity.name.tag, entity.name.selector | #5B4A2F | — |
| entity.other.attribute-name | #B55333 | — |
| invalid | #D84B38 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...