Stone Theme
Publisher: isfopoThemes in package: 1
An sunset dark 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.activeBorder#CAD49F
- activityBar.background#1A1C1D
- activityBar.border#0000
- activityBar.foreground#CAD49F
- activityBar.inactiveForeground#cad49f4d
- activityBarBadge.background#0C0F0F
- activityBarBadge.foreground#BAEAF9
- badge.background#9ECEDC
- badge.foreground#003640
- breadcrumb.activeSelectionForeground#E2E2E3
- breadcrumb.background#282A2B
- breadcrumb.focusForeground#E2E2E3
- breadcrumb.foreground#e2e2e3cc
- breadcrumbPicker.background#282A2B
- button.background#9ECEDC
- button.foreground#003640
- button.hoverBackground#adddeb
- button.secondaryBackground#CAD49F
- button.secondaryForeground#2C340E
- button.secondaryHoverBackground#d9e3ae
- button.separator#0000
- checkbox.background#9ECEDC
- checkbox.border#9ECEDC
- checkbox.foreground#003640
- debugExceptionWidget.background#ffb3af1a
- debugExceptionWidget.border#0000
- debugIcon.breakpointForeground#FFB3AF
- debugToolBar.background#37393ade
- debugToolBar.border#0000
- descriptionForeground#BBCCAB
- diffEditor.border#0000
- diffEditor.insertedTextBackground#afffb317
- diffEditor.removedTextBackground#ffb3af17
- disabledForeground#e2e2e380
- dropdown.background#333536
- dropdown.border#0000
- dropdown.foreground#E2E2E3
- dropdown.listBackground#333536e6
- editor.background#282A2B
- editor.findMatchBackground#0000
- editor.findMatchBorder#0000
- editor.findMatchHighlightBackground#0000
- editor.findMatchHighlightBorder#0000
- editor.findRangeHighlightBackground#bbccab12
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#bbccab1a
- editor.foreground#E2E2E3
- editor.hoverHighlightBackground#bbccab40
- editor.lineHighlightBackground#bbccab12
- editor.lineHighlightBorder#0000
- editor.rangeHighlightBackground#bbccab12
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#bbccab4d
- editor.selectionHighlightBackground#bbccab1a
- editor.selectionHighlightBorder#bbccab1a
- editor.snippetFinalTabstopHighlightBackground#9ecedc1a
- editor.snippetFinalTabstopHighlightBorder#BAEAF9
- editor.snippetTabstopHighlightBackground#9ecedc1a
- editor.snippetTabstopHighlightBorder#0000
- editor.stackFrameHighlightBackground#bbccab1f
- editor.wordHighlightBackground#bbccab0d
- editor.wordHighlightBorder#bbccab40
- editor.wordHighlightStrongBackground#bbccab0d
- editor.wordHighlightStrongBorder#bbccab40
- editorBracketHighlight.foreground1#FFFFFF
- editorBracketHighlight.foreground2#BBCCAB
- editorBracketHighlight.foreground3#D5E7C5
- editorBracketHighlight.foreground4#C9C6BD
- editorBracketMatch.background#a1ab794d
- editorBracketMatch.border#0000
- editorCodeLens.foreground#bbccab80
- editorCursor.foreground#9ECEDC
- editorError.foreground#FFB3AF
- editorGroup.border#cad49f80
- editorGroup.dropBackground#9ecedc80
- editorGroup.emptyBackground#1E2021
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.border#0000
- editorGroupHeader.noTabsBackground#1E2021
- editorGroupHeader.tabsBackground#1E2021
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#AFFFB3
- editorGutter.deletedBackground#FFB3AF
- editorGutter.modifiedBackground#BBCCAB
- editorIndentGuide.activeBackground1#9ecedc80
- editorInfo.foreground#BBCCAB
- editorInlayHint.background#0000
- editorInlayHint.foreground#e2e2e380
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#e2e2e34d
- editorLink.activeForeground#9ECEDC
- editorMarkerNavigation.background#333536e6
- editorMarkerNavigationError.background#FFB3AF
- editorMarkerNavigationInfo.background#BBCCAB
- editorMarkerNavigationWarning.background#FFFFFF
- editorMultiCursor.secondary.foreground#9ecedc99
- editorOverviewRuler.addedForeground#AFFFB3
- editorOverviewRuler.border#0000
- editorOverviewRuler.commonContentForeground#bbccab4d
- editorOverviewRuler.currentContentForeground#9ecedc4d
- editorOverviewRuler.deletedForeground#FFB3AF
- editorOverviewRuler.errorForeground#FFB3AF
- editorOverviewRuler.incomingContentForeground#cad49f4d
- editorOverviewRuler.infoForeground#BBCCAB
- editorOverviewRuler.modifiedForeground#BBCCAB
- editorOverviewRuler.warningForeground#FFFFFF
- editorRuler.foreground#9ecedc80
- editorUnnecessaryCode.opacity#e2e2e380
- editorWarning.foreground#FFFFFF
- editorWidget.background#333536e6
- editorWidget.border#e2e2e380
- editorWidget.resizeBorder#CAD49F
- errorForeground#FFB3AF
- extensionButton.background#CAD49F
- extensionButton.foreground#2C340E
- extensionButton.hoverBackground#d9e3ae
- extensionButton.prominentBackground#9ECEDC
- extensionButton.prominentForeground#003640
- extensionButton.prominentHoverBackground#adddeb
- extensionButton.separator#0000
- extensionIcon.verifiedForeground#afffb3e6
- focusBorder#0000
- foreground#E2E2E3
- gitDecoration.addedResourceForeground#AFFFB3
- gitDecoration.conflictingResourceForeground#FFB3AF
- gitDecoration.deletedResourceForeground#FFB3AF
- gitDecoration.ignoredResourceForeground#e2e2e380
- gitDecoration.modifiedResourceForeground#BBCCAB
- gitDecoration.submoduleResourceForeground#BBCCAB
- gitDecoration.untrackedResourceForeground#e2e2e380
- gitlens.gutterBackgroundColor#282A2B
- gitlens.gutterForegroundColor#C9C6BD
- gitlens.gutterUncommittedForegroundColor#BBCCAB
- gitlens.lineHighlightBackgroundColor#9ecedc1a
- gitlens.lineHighlightOverviewRulerColor#9ecedc1a
- gitlens.trailingLineForegroundColor#e2e2e34d
- icon.foreground#E2E2E3
- input.background#333536
- input.border#0000
- input.foreground#E2E2E3
- input.placeholderForeground#e2e2e380
- inputOption.activeBackground#cad49f33
- inputOption.activeBorder#0000
- inputValidation.errorBackground#FFB3AF
- inputValidation.errorBorder#0000
- inputValidation.errorForeground#630D13
- inputValidation.infoBackground#3D4C32
- inputValidation.infoBorder#0000
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#FFFFFF
- list.activeSelectionBackground#9ecedc4d
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#a1ab7980
- list.errorForeground#FFB3AF
- list.focusBackground#cad49f33
- list.focusForeground#BBCCAB
- list.highlightForeground#BBCCAB
- list.hoverBackground#cad49f0d
- list.hoverForeground#BBCCAB
- list.inactiveSelectionBackground#3d4c3266
- list.inactiveSelectionForeground#D5E7C5
- list.warningForeground#FFFFFF
- merge.border#0000
- merge.commonContentBackground#bbccab13
- merge.commonHeaderBackground#bbccab33
- merge.currentContentBackground#9ecedc13
- merge.currentHeaderBackground#9ecedc33
- merge.incomingContentBackground#cad49f13
- merge.incomingHeaderBackground#cad49f33
- minimap.background#1a1c1d80
- minimap.findMatchHighlight#bbccabbf
- minimapGutter.addedBackground#AFFFB3
- minimapGutter.deletedBackground#FFB3AF
- minimapGutter.modifiedBackground#BBCCAB
- panel.background#282A2B
- panel.border#cad49f80
- panelTitle.activeBorder#cad49f80
- panelTitle.activeForeground#E2E2E3
- panelTitle.inactiveForeground#e2e2e34d
- peekView.border#BBCCAB
- peekViewEditor.background#1E2021
- peekViewEditor.matchHighlightBackground#00364026
- peekViewEditor.matchHighlightBorder#0000
- peekViewEditorGutter.background#1A1C1D
- peekViewResult.background#1E2021
- peekViewResult.fileForeground#E2E2E3
- peekViewResult.lineForeground#E2E2E3
- peekViewResult.matchHighlightBackground#bbccab33
- peekViewResult.selectionBackground#bbccab1a
- peekViewResult.selectionForeground#CAD49F
- peekViewTitle.background#282A2B
- peekViewTitleDescription.foreground#E2E2E3
- peekViewTitleLabel.foreground#CAD49F
- pickerGroup.border#0000
- pickerGroup.foreground#CAD49F
- progressBar.background#1E2021
- quickInput.background#333536e6
- quickInput.foreground#E2E2E3
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#9ecedc66
- scrollbarSlider.background#9ecedc1a
- scrollbarSlider.hoverBackground#9ecedc40
- selection.background#9ecedc1a
- sideBar.background#1E2021
- sideBar.border#0000
- sideBar.dropBackground#CAD49F
- sideBar.foreground#C9C6BD
- sideBarBadge.background#0C0F0F
- sideBarBadge.border#E2E2E3
- sideBarBadge.foreground#E2E2E3
- sideBarSectionHeader.background#1E2021
- sideBarSectionHeader.border#0000
- sideBarSectionHeader.foreground#E2E2E3
- sideBarStickyScroll.border#0000
- sideBarTitle.foreground#E2E2E3
- statusBar.background#1A1C1D
- statusBar.border#0000
- statusBar.debuggingBackground#CAD49F
- statusBar.debuggingForeground#2C340E
- statusBar.foreground#BBCCAB
- statusBar.noFolderBackground#1E2021
- statusBar.noFolderBorder#2C340E
- statusBar.noFolderForeground#E2E2E3
- statusBarItem.activeBackground#2C340E
- statusBarItem.hoverBackground#cad49f33
- statusBarItem.prominentBackground#2C340E
- statusBarItem.prominentHoverBackground#424A22
- tab.activeBackground#282A2B
- tab.activeBorder#0000
- tab.activeBorderTop#9ECEDC
- tab.activeForeground#E2E2E3
- tab.border#0000
- tab.hoverBackground#333536
- tab.hoverForeground#C9C6BD
- tab.inactiveBackground#1E2021
- tab.inactiveForeground#E2E2E3
- terminal.ansiBlack#111415
- terminal.ansiBlue#CAD49F
- terminal.ansiBrightBlack#37393A
- terminal.ansiBrightBlue#BBCCAB
- terminal.ansiBrightCyan#D5E7C5
- terminal.ansiBrightGreen#D5E7C5
- terminal.ansiBrightMagenta#d5358f
- terminal.ansiBrightRed#FFFFFF
- terminal.ansiBrightWhite#E2E2E3
- terminal.ansiBrightYellow#F8D846
- terminal.ansiCyan#BBCCAB
- terminal.ansiGreen#BBCCAB
- terminal.ansiMagenta#fa61b8
- terminal.ansiRed#FFB3AF
- terminal.ansiWhite#C9C6BD
- terminal.ansiYellow#FFFC7E
- terminal.background#282A2B
- terminal.border#0000
- terminal.foreground#E2E2E3
- terminal.selectionBackground#bbccab1a
- terminalCursor.background#A1AB79
- terminalCursor.foreground#BBCCAB
- textBlockQuote.background#282A2B
- textBlockQuote.border#282A2B
- textCodeBlock.background#282A2B
- textLink.activeForeground#282A2B
- textLink.foreground#E2E2E3
- textPreformat.foreground#E2E2E3
- titleBar.activeBackground#1A1C1D
- titleBar.activeForeground#E2E2E3
- titleBar.border#0000
- titleBar.inactiveBackground#1A1C1D
- titleBar.inactiveForeground#E2E2E3
- tree.indentGuidesStroke#cad49f80
- walkThrough.embeddedEditorBackground#111415
- widget.border#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #e2e2e366 | italic |
| constant | #FFFFFF | — |
| entity | #9ECEDC | bold |
| invalid | #FFFFFF | italic bold underline |
| keyword | #9ECEDC | — |
| markup | #E2E2E3 | — |
| storage | #BAEAF9 | — |
| string | #BBCCAB | italic |
| support | #E2E2E3 | — |
| variable | #D7E8C6 | bold |
| variable.other.constant | #BBCCAB | — |
| support.type | #9ECEDC | — |
| keyword.control.as | #C9C6BD | italic |
| keyword.operator.type.asserts, keyword.operator.expression.is | #9ECEDC | italic |
| entity.name.type | #9ECEDC | italic |
| comment.block.documentation | #e2e2e366 | — |
| string.quoted.docstring | #e2e2e366 | italic |
| comment.block.documentation storage | #ffffff66 | — |
| comment.block.documentation entity | #e2e2e366 | — |
| variable.other.jsdoc | #171e0066 | — |
| entity.name.type.cs | #CAD49F | italic |
| entity.name.type.class.cs | #CAD49F | bold |
| storage.modifier.public.cs | #9ECEDC | — |
| variable.language.this.cs | #CAD49F | italic |
| variable.other.object.property.cs | #9ECEDC | — |
| punctuation.separator.key-value.html | #CAD49F | — |
| meta.tag.structure.any.html, meta.tag.inline.any.html | #9ECEDC | — |
| constant.language.boolean | #D5E7C5 | — |
| keyword.control.flow | #D5E7C5 | bold |
| keyword.control.export | #BBCCAB | italic bold |
| keyword.control.import, keyword.control.from | #C9C6BD | — |
| keyword.operator | #C9C6BD | bold |
| storage.type.function | #FFFFFF | — |
| storage.type.function.arrow | #FFFFFF | — |
| string.template | #9ECEDC | — |
| meta.array.literal.ts | #BAEAF9 | — |
| variable.other.property.ts | #CAD49F | — |
| constant.language.null.ts | #E2E2E3 | — |
| constant.language.undefined.ts | #C9C6BD | — |
| support.type.property-name.json | #9ECEDC | bold |
| source.json string | #CAD49F | — |
| source.json punctuation.separator, source.json punctuation.definition.dictionary, source.json punctuation.definition.array | #9ecedce6 | — |
| meta.paragraph.markdown | #E2E2E3 | — |
| comment.block.html | #C9C6BD | — |
| entity.name.section.markdown | #FFFFFF | bold |
| punctuation.definition.heading.markdown | #FFFFFF | bold |
| markup.inline.raw.string.markdown | #D5E7C5 | — |
| punctuation.definition.raw.markdown | #D5E7C5 | — |
| markup.fenced_code.block.markdown | #d5e7c566 | — |
| meta.separator.markdown | #C9C6BD | — |
| meta.link.inline.markdown | #9ECEDC | — |
| markup.underline.link | #9ECEDC | italic |
| meta.link.inline.markdown punctuation.definition.string | #9ECEDC | — |
| constant.other.reference.link | #9ECEDC | — |
| meta.link.reference.def markup.underline.link | #9ECEDC | italic |
| meta.link.reference.def punctuation.definition.constant | #9ECEDC | — |
| punctuation.definition.list.begin | #FFFFFF | — |
| markup.bold.markdown | #171E00 | bold |
| markup.italic.markdown | #171E00 | italic |
| markup.italic.markdown punctuation.definition | #171E00 | italic |
| keyword.control.import.python | #9ECEDC | — |
| variable.language.special.self.python | #CAD49F | italic |
| variable.parameter.function.language.special.self.python | #CAD49F | italic |
| keyword.control.flow.python | #BBCCAB | |
| meta.attribute.python | #9ECEDC | italic |
| support.type.exception.python | #FFB3AF | bold |
| entity.name.type.class.python | #9ECEDC | bold |
| constant.other.caps.python | #BBCCAB | bold |
| support.class.component | #9ECEDC | bold |
| entity.name.tag | #9ECEDC | — |
| entity.other.attribute-name | #C1CC98 | italic |
| meta.tag.attributes.tsx | #E2E2E3 | — |
| punctuation.definition.tag | #9ECEDC | — |
| meta.jsx.children.tsx | #D7E8C6 | — |
| keyword.operator.assignment.tsx | #CAD49F | — |
| entity.name.tag.yaml | #9ECEDC | bold |
| source.yaml string | #CAD49F | — |
| source.yaml punctuation.separator, source.yaml punctuation.definition.sequence | #D5E7C5 | — |