Sunset Material 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#88D6BA
- activityBar.background#1E1A1F
- activityBar.border#0000
- activityBar.foreground#88D6BA
- activityBar.inactiveForeground#88d6ba4d
- activityBarBadge.background#110D12
- activityBarBadge.foreground#F6D9FF
- badge.background#E3B7F4
- badge.foreground#432254
- breadcrumb.activeSelectionForeground#E9E0E7
- breadcrumb.background#2D282E
- breadcrumb.focusForeground#E9E0E7
- breadcrumb.foreground#e9e0e7cc
- breadcrumbPicker.background#2D282E
- button.background#E3B7F4
- button.foreground#432254
- button.hoverBackground#f3c6ff
- button.secondaryBackground#88D6BA
- button.secondaryForeground#00382A
- button.secondaryHoverBackground#97e5c9
- button.separator#0000
- checkbox.background#E3B7F4
- checkbox.border#E3B7F4
- checkbox.foreground#432254
- debugExceptionWidget.background#ffb4ab1a
- debugExceptionWidget.border#0000
- debugIcon.breakpointForeground#FFB4AB
- debugToolBar.background#3d373dde
- debugToolBar.border#0000
- descriptionForeground#FFB0C8
- diffEditor.border#0000
- diffEditor.insertedTextBackground#ffb4ab17
- diffEditor.removedTextBackground#ffb4ab17
- disabledForeground#e9e0e780
- dropdown.background#383339
- dropdown.border#0000
- dropdown.foreground#E9E0E7
- dropdown.listBackground#383339e6
- editor.background#2D282E
- editor.findMatchBackground#0000
- editor.findMatchBorder#0000
- editor.findMatchHighlightBackground#0000
- editor.findMatchHighlightBorder#0000
- editor.findRangeHighlightBackground#ffb0c812
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#ffb0c81a
- editor.foreground#E9E0E7
- editor.hoverHighlightBackground#ffb0c840
- editor.lineHighlightBackground#ffb0c812
- editor.lineHighlightBorder#0000
- editor.rangeHighlightBackground#ffb0c812
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#ffb0c84d
- editor.selectionHighlightBackground#ffb0c81a
- editor.selectionHighlightBorder#ffb0c81a
- editor.snippetFinalTabstopHighlightBackground#e3b7f41a
- editor.snippetFinalTabstopHighlightBorder#F6D9FF
- editor.snippetTabstopHighlightBackground#e3b7f41a
- editor.snippetTabstopHighlightBorder#0000
- editor.stackFrameHighlightBackground#ffb0c81f
- editor.wordHighlightBackground#ffb0c80d
- editor.wordHighlightBorder#ffb0c840
- editor.wordHighlightStrongBackground#ffb0c80d
- editor.wordHighlightStrongBorder#ffb0c840
- editorBracketHighlight.foreground1#F6D9FF
- editorBracketHighlight.foreground2#FFB0C8
- editorBracketHighlight.foreground3#FFD9E2
- editorBracketHighlight.foreground4#CEC3CE
- editorBracketMatch.background#00513f4d
- editorBracketMatch.border#0000
- editorCodeLens.foreground#ffb0c880
- editorCursor.foreground#E3B7F4
- editorError.foreground#FFB4AB
- editorGroup.border#88d6ba80
- editorGroup.dropBackground#e3b7f480
- editorGroup.emptyBackground#221E23
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.border#0000
- editorGroupHeader.noTabsBackground#221E23
- editorGroupHeader.tabsBackground#221E23
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#FFB4AB
- editorGutter.deletedBackground#FFB4AB
- editorGutter.modifiedBackground#FFB0C8
- editorIndentGuide.activeBackground1#e3b7f480
- editorInfo.foreground#FFB0C8
- editorInlayHint.background#0000
- editorInlayHint.foreground#e9e0e780
- editorLineNumber.activeForeground#F6D9FF
- editorLineNumber.foreground#e9e0e74d
- editorLink.activeForeground#E3B7F4
- editorMarkerNavigation.background#383339e6
- editorMarkerNavigationError.background#FFB4AB
- editorMarkerNavigationInfo.background#FFB0C8
- editorMarkerNavigationWarning.background#FFDAD6
- editorMultiCursor.secondary.foreground#e3b7f499
- editorOverviewRuler.addedForeground#FFB4AB
- editorOverviewRuler.border#0000
- editorOverviewRuler.commonContentForeground#ffb0c84d
- editorOverviewRuler.currentContentForeground#e3b7f44d
- editorOverviewRuler.deletedForeground#FFB4AB
- editorOverviewRuler.errorForeground#FFB4AB
- editorOverviewRuler.incomingContentForeground#88d6ba4d
- editorOverviewRuler.infoForeground#FFB0C8
- editorOverviewRuler.modifiedForeground#FFB0C8
- editorOverviewRuler.warningForeground#FFDAD6
- editorRuler.foreground#e3b7f480
- editorUnnecessaryCode.opacity#e9e0e780
- editorWarning.foreground#FFDAD6
- editorWidget.background#383339e6
- editorWidget.border#e9e0e780
- editorWidget.resizeBorder#88D6BA
- errorForeground#FFB4AB
- extensionButton.background#88D6BA
- extensionButton.foreground#00382A
- extensionButton.hoverBackground#97e5c9
- extensionButton.prominentBackground#E3B7F4
- extensionButton.prominentForeground#432254
- extensionButton.prominentHoverBackground#f3c6ff
- extensionButton.separator#0000
- extensionIcon.verifiedForeground#ffb4abe6
- focusBorder#0000
- foreground#E9E0E7
- gitDecoration.addedResourceForeground#FFB4AB
- gitDecoration.conflictingResourceForeground#FFB4AB
- gitDecoration.deletedResourceForeground#FFB4AB
- gitDecoration.ignoredResourceForeground#e9e0e780
- gitDecoration.modifiedResourceForeground#FFB0C8
- gitDecoration.submoduleResourceForeground#FFB0C8
- gitDecoration.untrackedResourceForeground#e9e0e780
- gitlens.gutterBackgroundColor#2D282E
- gitlens.gutterForegroundColor#CEC3CE
- gitlens.gutterUncommittedForegroundColor#FFB0C8
- gitlens.lineHighlightBackgroundColor#e3b7f41a
- gitlens.lineHighlightOverviewRulerColor#e3b7f41a
- gitlens.trailingLineForegroundColor#e9e0e74d
- icon.foreground#E9E0E7
- input.background#383339
- input.border#0000
- input.foreground#E9E0E7
- input.placeholderForeground#e9e0e780
- inputOption.activeBackground#88d6ba33
- inputOption.activeBorder#0000
- inputValidation.errorBackground#FFB4AB
- inputValidation.errorBorder#0000
- inputValidation.errorForeground#690005
- inputValidation.infoBackground#703349
- inputValidation.infoBorder#0000
- inputValidation.warningBackground#FFDAD6
- inputValidation.warningBorder#FFDAD6
- list.activeSelectionBackground#e3b7f44d
- list.activeSelectionForeground#F6D9FF
- list.dropBackground#00513f80
- list.errorForeground#FFB4AB
- list.focusBackground#88d6ba33
- list.focusForeground#FFB0C8
- list.highlightForeground#FFB0C8
- list.hoverBackground#88d6ba0d
- list.hoverForeground#FFB0C8
- list.inactiveSelectionBackground#70334966
- list.inactiveSelectionForeground#FFD9E2
- list.warningForeground#FFDAD6
- merge.border#0000
- merge.commonContentBackground#ffb0c813
- merge.commonHeaderBackground#ffb0c833
- merge.currentContentBackground#e3b7f413
- merge.currentHeaderBackground#e3b7f433
- merge.incomingContentBackground#88d6ba13
- merge.incomingHeaderBackground#88d6ba33
- minimap.background#1e1a1f80
- minimap.findMatchHighlight#ffb0c8bf
- minimapGutter.addedBackground#FFB4AB
- minimapGutter.deletedBackground#FFB4AB
- minimapGutter.modifiedBackground#FFB0C8
- panel.background#2D282E
- panel.border#88d6ba80
- panelTitle.activeBorder#88d6ba80
- panelTitle.activeForeground#E9E0E7
- panelTitle.inactiveForeground#e9e0e74d
- peekView.border#FFB0C8
- peekViewEditor.background#221E23
- peekViewEditor.matchHighlightBackground#43225426
- peekViewEditor.matchHighlightBorder#0000
- peekViewEditorGutter.background#1E1A1F
- peekViewResult.background#221E23
- peekViewResult.fileForeground#E9E0E7
- peekViewResult.lineForeground#E9E0E7
- peekViewResult.matchHighlightBackground#ffb0c833
- peekViewResult.selectionBackground#ffb0c81a
- peekViewResult.selectionForeground#88D6BA
- peekViewTitle.background#2D282E
- peekViewTitleDescription.foreground#E9E0E7
- peekViewTitleLabel.foreground#88D6BA
- pickerGroup.border#0000
- pickerGroup.foreground#88D6BA
- progressBar.background#221E23
- quickInput.background#383339e6
- quickInput.foreground#E9E0E7
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#e3b7f466
- scrollbarSlider.background#e3b7f41a
- scrollbarSlider.hoverBackground#e3b7f440
- selection.background#e3b7f41a
- sideBar.background#221E23
- sideBar.border#0000
- sideBar.dropBackground#88D6BA
- sideBar.foreground#CEC3CE
- sideBarBadge.background#110D12
- sideBarBadge.border#E9E0E7
- sideBarBadge.foreground#E9E0E7
- sideBarSectionHeader.background#221E23
- sideBarSectionHeader.border#0000
- sideBarSectionHeader.foreground#E9E0E7
- sideBarStickyScroll.border#0000
- sideBarTitle.foreground#E9E0E7
- statusBar.background#1E1A1F
- statusBar.border#0000
- statusBar.debuggingBackground#88D6BA
- statusBar.debuggingForeground#00382A
- statusBar.foreground#FFB0C8
- statusBar.noFolderBackground#221E23
- statusBar.noFolderBorder#00382A
- statusBar.noFolderForeground#E9E0E7
- statusBarItem.activeBackground#00382A
- statusBarItem.hoverBackground#88d6ba33
- statusBarItem.prominentBackground#00382A
- statusBarItem.prominentHoverBackground#00513F
- tab.activeBackground#2D282E
- tab.activeBorder#0000
- tab.activeBorderTop#E3B7F4
- tab.activeForeground#E9E0E7
- tab.border#0000
- tab.hoverBackground#383339
- tab.hoverForeground#CEC3CE
- tab.inactiveBackground#221E23
- tab.inactiveForeground#E9E0E7
- terminal.ansiBlack#161217
- terminal.ansiBlue#88D6BA
- terminal.ansiBrightBlack#3D373D
- terminal.ansiBrightBlue#FFB0C8
- terminal.ansiBrightCyan#FFD9E2
- terminal.ansiBrightGreen#FFD9E2
- terminal.ansiBrightMagenta#d5358f
- terminal.ansiBrightRed#FFDAD6
- terminal.ansiBrightWhite#E9E0E7
- terminal.ansiBrightYellow#F8D846
- terminal.ansiCyan#FFB0C8
- terminal.ansiGreen#FFB0C8
- terminal.ansiMagenta#fa61b8
- terminal.ansiRed#FFB4AB
- terminal.ansiWhite#CEC3CE
- terminal.ansiYellow#FFFC7E
- terminal.background#2D282E
- terminal.border#0000
- terminal.foreground#E9E0E7
- terminal.selectionBackground#ffb0c81a
- terminalCursor.background#00513F
- terminalCursor.foreground#FFB0C8
- textBlockQuote.background#2D282E
- textBlockQuote.border#2D282E
- textCodeBlock.background#2D282E
- textLink.activeForeground#2D282E
- textLink.foreground#E9E0E7
- textPreformat.foreground#E9E0E7
- titleBar.activeBackground#1E1A1F
- titleBar.activeForeground#E9E0E7
- titleBar.border#0000
- titleBar.inactiveBackground#1E1A1F
- titleBar.inactiveForeground#E9E0E7
- tree.indentGuidesStroke#88d6ba80
- walkThrough.embeddedEditorBackground#161217
- widget.border#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #e9e0e766 | italic |
| constant | #F6D9FF | — |
| entity | #E3B7F4 | bold |
| invalid | #FFDAD6 | italic bold underline |
| keyword | #E3B7F4 | — |
| markup | #E9E0E7 | — |
| storage | #F6D9FF | — |
| string | #FFB0C8 | italic |
| support | #E9E0E7 | — |
| variable | #FFD9E2 | bold |
| variable.other.constant | #FFB0C8 | — |
| support.type | #E3B7F4 | — |
| keyword.control.as | #CEC3CE | italic |
| keyword.operator.type.asserts, keyword.operator.expression.is | #E3B7F4 | italic |
| entity.name.type | #E3B7F4 | italic |
| comment.block.documentation | #e9e0e766 | — |
| string.quoted.docstring | #e9e0e766 | italic |
| comment.block.documentation storage | #f6d9ff66 | — |
| comment.block.documentation entity | #e9e0e766 | — |
| variable.other.jsdoc | #a4f2d666 | — |
| entity.name.type.cs | #88D6BA | italic |
| entity.name.type.class.cs | #88D6BA | bold |
| storage.modifier.public.cs | #E3B7F4 | — |
| variable.language.this.cs | #88D6BA | italic |
| variable.other.object.property.cs | #E3B7F4 | — |
| punctuation.separator.key-value.html | #88D6BA | — |
| meta.tag.structure.any.html, meta.tag.inline.any.html | #E3B7F4 | — |
| constant.language.boolean | #FFD9E2 | — |
| keyword.control.flow | #FFD9E2 | bold |
| keyword.control.export | #FFB0C8 | italic bold |
| keyword.control.import, keyword.control.from | #CEC3CE | — |
| keyword.operator | #CEC3CE | bold |
| storage.type.function | #F6D9FF | — |
| storage.type.function.arrow | #F6D9FF | — |
| string.template | #E3B7F4 | — |
| meta.array.literal.ts | #F6D9FF | — |
| variable.other.property.ts | #88D6BA | — |
| constant.language.null.ts | #E9E0E7 | — |
| constant.language.undefined.ts | #CEC3CE | — |
| support.type.property-name.json | #E3B7F4 | bold |
| source.json string | #88D6BA | — |
| source.json punctuation.separator, source.json punctuation.definition.dictionary, source.json punctuation.definition.array | #e3b7f4e6 | — |
| meta.paragraph.markdown | #E9E0E7 | — |
| comment.block.html | #CEC3CE | — |
| entity.name.section.markdown | #F6D9FF | bold |
| punctuation.definition.heading.markdown | #F6D9FF | bold |
| markup.inline.raw.string.markdown | #FFD9E2 | — |
| punctuation.definition.raw.markdown | #FFD9E2 | — |
| markup.fenced_code.block.markdown | #ffd9e266 | — |
| meta.separator.markdown | #CEC3CE | — |
| meta.link.inline.markdown | #E3B7F4 | — |
| markup.underline.link | #E3B7F4 | italic |
| meta.link.inline.markdown punctuation.definition.string | #E3B7F4 | — |
| constant.other.reference.link | #E3B7F4 | — |
| meta.link.reference.def markup.underline.link | #E3B7F4 | italic |
| meta.link.reference.def punctuation.definition.constant | #E3B7F4 | — |
| punctuation.definition.list.begin | #F6D9FF | — |
| markup.bold.markdown | #A4F2D6 | bold |
| markup.italic.markdown | #A4F2D6 | italic |
| markup.italic.markdown punctuation.definition | #A4F2D6 | italic |
| keyword.control.import.python | #E3B7F4 | — |
| variable.language.special.self.python | #88D6BA | italic |
| variable.parameter.function.language.special.self.python | #88D6BA | italic |
| keyword.control.flow.python | #FFB0C8 | |
| meta.attribute.python | #E3B7F4 | italic |
| support.type.exception.python | #FFB4AB | bold |
| entity.name.type.class.python | #E3B7F4 | bold |
| constant.other.caps.python | #FFB0C8 | bold |
| support.class.component | #E3B7F4 | bold |
| entity.name.tag | #E3B7F4 | — |
| entity.other.attribute-name | #88D6BA | italic |
| meta.tag.attributes.tsx | #E9E0E7 | — |
| punctuation.definition.tag | #E3B7F4 | — |
| meta.jsx.children.tsx | #FFD9E2 | — |
| keyword.operator.assignment.tsx | #88D6BA | — |
| entity.name.tag.yaml | #E3B7F4 | bold |
| source.yaml string | #88D6BA | — |
| source.yaml punctuation.separator, source.yaml punctuation.definition.sequence | #FFD9E2 | — |