Dessert
Publisher: curtisj44Themes in package: 1
A dark color theme for Visual Studio Code
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.activeBackground#FFEE6230
- activityBar.activeBorder#212121
- activityBar.background#212121
- activityBar.border#111
- activityBar.foreground#c0c0c0
- activityBar.inactiveForeground#424242
- activityBarBadge.background#111
- activityBarBadge.foreground#808080
- badge.background#111
- badge.foreground#808080
- breadcrumb.foreground#444
- button.background#EEDC82
- button.foreground#2b2b2b
- button.hoverBackground#FFEE62
- commandCenter.activeBackground#212121
- commandCenter.background#212121
- commandCenter.border#111
- commandCenter.inactiveBorder#111
- debugExceptionWidget.background#424242
- debugExceptionWidget.border#424242
- debugToolBar.background#424242
- diffEditor.diagonalFill#111
- diffEditor.insertedLineBackground#FFEE6200
- diffEditor.insertedTextBackground#FFEE620D
- diffEditor.removedLineBackground#963A4603
- diffEditor.removedTextBackground#963A4640
- diffEditorGutter.insertedLineBackground#FFEE6266
- diffEditorGutter.removedLineBackground#963A4666
- dropdown.background#424242
- dropdown.border#424242
- dropdown.foreground#C0C0C0
- editor.background#2b2b2b
- editor.findMatchBackground#87ceeb7f
- editor.findMatchHighlightBackground#87ceeb3f
- editor.foreground#C0C0C0
- editor.lineHighlightBorder#424242
- editor.rangeHighlightBackground#42424230
- editor.selectionBackground#111
- editor.selectionHighlightBackground#11111130
- editor.selectionHighlightBorder#EEDC82
- editor.wordHighlightBackground#EEDC8233
- editor.wordHighlightStrongBackground#EEDC8233
- editorBracketMatch.background#424242
- editorBracketMatch.border#424242
- editorCodeLens.foreground#9e9e9e
- editorCursor.foreground#FF0
- editorError.border#2b2b2b
- editorError.foreground#FA8072
- editorGroup.border#111
- editorGroup.dropBackground#5959597f
- editorGroup.emptyBackground#2b2b2b
- editorGroup.focusedEmptyBorder#424242
- editorGroupHeader.noTabsBackground#212121
- editorGroupHeader.tabsBackground#212121
- editorGroupHeader.tabsBorder#111
- editorGutter.addedBackground#7CCD7C
- editorGutter.background#2b2b2b
- editorGutter.deletedBackground#FA8072
- editorGutter.modifiedBackground#EEDC82
- editorHoverWidget.background#212121
- editorHoverWidget.border#212121
- editorLineNumber.activeForeground#808080
- editorLineNumber.foreground#424242
- editorLink.activeForeground#2b91af
- editorMarkerNavigation.background#424242
- editorMarkerNavigationError.background#2b91af
- editorMarkerNavigationWarning.background#FFA54F
- editorOverviewRuler.addedForeground#7CCD7C
- editorOverviewRuler.border#111
- editorOverviewRuler.commonContentForeground#808080
- editorOverviewRuler.currentContentForeground#F00
- editorOverviewRuler.deletedForeground#FA8072
- editorOverviewRuler.errorForeground#FA8072
- editorOverviewRuler.findMatchForeground#87ceeb33
- editorOverviewRuler.incomingContentForeground#ee799f
- editorOverviewRuler.infoForeground#ee799f7f
- editorOverviewRuler.modifiedForeground#EEDC82
- editorOverviewRuler.rangeHighlightForeground#595959bf
- editorOverviewRuler.selectionHighlightForeground#424242bf
- editorOverviewRuler.warningForeground#FFA54F7f
- editorOverviewRuler.wordHighlightForeground#595959bf
- editorOverviewRuler.wordHighlightStrongForeground#707070bf
- editorPane.background#2b2b2b
- editorRuler.foreground#363636
- editorSuggestWidget.background#424242
- editorSuggestWidget.border#424242
- editorSuggestWidget.foreground#C0C0C0
- editorSuggestWidget.highlightForeground#eedc82
- editorSuggestWidget.selectedBackground#595959
- editorUnnecessaryCode.border#808080
- editorWarning.border#2b2b2b
- editorWarning.foreground#D21932
- editorWhitespace.foreground#424242
- editorWidget.background#424242
- editorWidget.border#424242
- errorForeground#2b91af
- focusBorder#11111100
- foreground#C0C0C0
- gitDecoration.addedResourceForeground#C0C0C0
- gitDecoration.conflictingResourceForeground#C0C0C0
- gitDecoration.deletedResourceForeground#C0C0C0
- gitDecoration.ignoredResourceForeground#C0C0C0
- gitDecoration.modifiedResourceForeground#C0C0C0
- gitDecoration.renamedResourceForeground#C0C0C0
- gitDecoration.stageDeletedResourceForeground#C0C0C0
- gitDecoration.stageModifiedResourceForeground#C0C0C0
- gitDecoration.submoduleResourceForeground#C0C0C0
- gitDecoration.untrackedResourceForeground#C0C0C0
- icon.foreground#BCB8A4
- input.background#363636
- input.border#111
- input.foreground#C0C0C0
- input.placeholderForeground#595959
- inputOption.activeBackground#111
- inputOption.activeBorder#808080
- inputValidation.errorBackground#424242
- inputValidation.errorBorder#2b91af
- inputValidation.infoBackground#424242
- inputValidation.infoBorder#ee799f
- inputValidation.warningBackground#424242
- inputValidation.warningBorder#ffa54f
- list.activeSelectionBackground#111
- list.activeSelectionForeground#ebebeb
- list.dropBackground#707070
- list.errorForeground#2b91af
- list.focusBackground#111
- list.focusForeground#C0C0C0
- list.highlightForeground#87ceeb
- list.hoverBackground#FFEE6230
- list.hoverForeground#ebebeb
- list.inactiveSelectionBackground#111
- list.inactiveSelectionForeground#C0C0C0
- list.invalidItemForeground#2b91af
- list.warningForeground#87ceeb
- listFilterWidget.background#424242
- listFilterWidget.noMatchesOutline#2b91af
- listFilterWidget.outline#ee799f
- merge.border#878787
- merge.commonContentBackground#8080804c
- merge.commonHeaderBackground#8080804c
- merge.currentContentBackground#2b91af4c
- merge.currentHeaderBackground#2b91af4c
- merge.incomingContentBackground#ee799f4c
- merge.incomingHeaderBackground#ee799f4c
- minimap.background#2b2b2b
- panel.background#212121
- panel.border#111
- panelTitle.activeBorder#707070
- panelTitle.activeForeground#C0C0C0
- panelTitle.inactiveForeground#878787
- peekView.border#eedc82
- peekViewEditor.background#424242
- peekViewEditor.matchHighlightBackground#87ceeb7f
- peekViewEditorGutter.background#424242
- peekViewResult.background#424242
- peekViewResult.fileForeground#C0C0C0
- peekViewResult.lineForeground#595959
- peekViewResult.matchHighlightBackground#87ceeb
- peekViewResult.selectionBackground#707070
- peekViewResult.selectionForeground#C0C0C0
- peekViewTitle.background#595959
- peekViewTitleDescription.foreground#9e9e9e
- peekViewTitleLabel.foreground#C0C0C0
- pickerGroup.border#9e9e9e
- pickerGroup.foreground#C0C0C0
- progressBar.background#fa8072
- quickInputList.focusForeground#fff
- scrollbar.shadow#2b2b2b
- scrollbarSlider.background#59595930
- selection.background#111
- sideBar.background#212121
- sideBar.border#111
- sideBar.foreground#808080
- sideBarSectionHeader.background#2b2b2b
- sideBarSectionHeader.border#111
- sideBarSectionHeader.foreground#808080
- sideBarTitle.foreground#C0C0C0
- statusBar.background#212121
- statusBar.border#111
- statusBar.debuggingBackground#FFA54F
- statusBar.debuggingBorder#111
- statusBar.debuggingForeground#2b2b2b
- statusBar.foreground#808080
- statusBar.noFolderBackground#808080
- statusBar.noFolderForeground#212121
- statusBarItem.activeBackground#2b2b2b
- statusBarItem.hoverBackground#424242
- statusBarItem.prominentBackground#2b2b2b
- statusBarItem.prominentHoverBackground#424242
- tab.activeBackground#2b2b2b
- tab.activeBorder#2b2b2b
- tab.activeForeground#C0C0C0
- tab.border#111
- tab.inactiveBackground#212121
- tab.unfocusedActiveBorder#2b2b2b
- tab.unfocusedActiveForeground#C0C0C0
- tab.unfocusedInactiveForeground#C0C0C0
- terminal.ansiBlack#2b2b2b
- terminal.ansiBlue#87CEEB
- terminal.ansiBrightBlack#424242
- terminal.ansiBrightBlue#87CEEB
- terminal.ansiBrightCyan#2b91af
- terminal.ansiBrightGreen#7CCD7C
- terminal.ansiBrightMagenta#EE799F
- terminal.ansiBrightRed#FA8072
- terminal.ansiBrightWhite#C0C0C0
- terminal.ansiBrightYellow#EEDC82
- terminal.ansiCyan#2b91af
- terminal.ansiGreen#7CCD7C
- terminal.ansiMagenta#EE799F
- terminal.ansiRed#FA8072
- terminal.ansiWhite#C0C0C0
- terminal.ansiYellow#BCB8A4
- terminal.foreground#C0C0C0
- terminal.selectionBackground#111
- terminalCursor.foreground#ff0
- titleBar.activeBackground#212121
- titleBar.activeForeground#808080
- titleBar.border#111
- titleBar.inactiveBackground#2b2b2b
- titleBar.inactiveForeground#808080
- tree.indentGuidesStroke#424242
- walkThrough.embeddedEditorBackground#2b2b2b
- widget.shadow#11111130
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #526652 | — |
| constant | #FA8072 | — |
| entity | #87CEEB | — |
| entity.name.type.class | #87CEEB | — |
| meta.function-call entity.name.function | #eeb681 | — |
| entity.tag.tagbraces.nunjucks | #CE93D8 | — |
| meta.at-rule.keyframes.scss | #87CEEB | — |
| meta.at-rule.keyframes.scss punctuation.section.keyframes | #C0C0C0 | — |
| entity.other.attribute-name.placeholder.css | #CE93D8 | — |
| entity.name.tag, entity.name.tag support.class.component | #EEDC82 | — |
| keyword | #808080 | — |
| keyword.control.filter.nunjucks | #C0C0C0 | — |
| keyword.control.conditional | #BCB8A4 | — |
| keyword.control.switch | #76EEC6 | — |
| keyword.control.loop, keyword.control.trycatch | #BCB8A4 | — |
| keyword.control.at-rule | #EE799F | — |
| keyword.control.at-rule.extend, keyword.control.at-rule.include | #BCB8A4 | — |
| meta.arrow keyword.control.as, meta.function keyword.control.as | #a5cd7c | underline |
| keyword.control.flow, keyword.control.export | #CE93D8 | — |
| keyword.control.type | #a4bda4 | — |
| keyword.operator.assignment, keyword.operator.logical, keyword.operator.relational, keyword.operator.ternary | #EE799F | — |
| keyword.operator.accessor | #C0C0C0 | — |
| keyword.operator.expression.typeof | #EE799F | — |
| meta.type keyword.operator.expression.typeof | #A5CD7C | — |
| keyword.operator.expression | #CE93D8 | — |
| storage.modifier.ts | #8a998a | — |
| storage.modifier.async | #BCB8A4 | — |
| meta.selector.css, meta.selector.css entity.name.tag, entity.name.tag.css, entity.name.tag.reference.scss, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.class.css | #2B91AF | — |
| entity.name.tag.reference.scss, entity.other.attribute-name.pseudo-element.css | #87CEEB | — |
| meta.property-list.css, support.type.property-name.css | #EEDC82 | — |
| meta.selector.css entity.other.attribute-name.id, entity.other.attribute-name.id.css | #2B91AF | — |
| constant.numeric.css, constant.other.color.rgb-value.hex, keyword.operator.css, keyword.operator.arithmetic.css, meta.property-value, meta.property-value support.constant.property-value | #87CEEB | — |
| keyword.other.important | #D21932 | italic |
| meta.property-value punctuation.separator.list.comma, meta.property-list.scss meta.at-rule.include.scss punctuation.definition.parameters, punctuation.section.function, punctuation.section.property-list, punctuation.separator.delimiter, punctuation.separator.key-value, punctuation.terminator.rule | #C0C0C0 | — |
| meta.at-rule.include.scss | #C0C0C0 | — |
| punctuation.definition.attribute-selector, punctuation.definition.media-query | #C0C0C0 | — |
| keyword.operator.combinator.css, meta.property-list.scss | #87CEEB | — |
| string | #FA8072 | — |
| meta.decorator.tsx string, meta.decorator.tsx constant | #A5CD7C | — |
| meta.type.parameters.tsx string.quoted.double.tsx, meta.type.parameters.tsx string.quoted.single.tsx, meta.type.tuple.tsx string.quoted.double.tsx, meta.type.tuple.tsx string.quoted.single.tsx | #A5CD7C | — |
| string.quoted.double.go entity.name.import.go, meta.import string.quoted, meta.at-rule.import.scss string.quoted.double.scss | #f19898 | — |
| storage.type.variable string | #C0C0C0 | — |
| storage.type.templatetag string.unquoted.tag-string.nunjucks | #76EEC6 | — |
| invalid | #D21932 | — |
| invalid.deprecated | #D2A8A1 | italic |
| invalid.illegal | #EE799F | bold |
| meta.decorator meta.function-call entity.name.function, punctuation.decorator.tsx | #8A998A | — |
| meta.object-literal.key | #2B91AF | — |
| entity.name.type.instance.jsdoc | #a4bda4 | — |
| entity.name.type.module | #7CCD7C | — |
| entity.other.inherited-class | #a4bda4 | — |
| entity.name.type | #a4bda4 | — |
| meta.type.declaration.ts entity.name.function.ts, meta.type.declaration.tsx entity.name.function.tsx | #A4BDA4 | — |
| entity.name.function.scss, variable.parameter.keyframe-list | #CE93D8 | — |
| meta.property-list.scss meta.at-rule.include.scss entity.name.function.scss | #FA8072 | — |
| constant.numeric.css keyword.other.unit | #87CEEB | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #BCB8A4 | — |
| storage | #EE799F | — |
| storage.type.interface, storage.type.type, storage.type.namespace.ts | #A4BDA4 | — |
| storage.type.class.jsdoc | #8a998a | — |
| source.css support.type, source.scss support.type | #2b91af | — |
| support.constant.font-name | #FA8072 | — |
| support.class.component | #EEDC82 | — |
| support.class.console, support.function.console | #76EEC6 | — |
| support.type.property-name.json | #87CEEB | — |
| meta.structure.dictionary.value.json support.type.property-name.json | #FFA54F | — |
| constant.numeric.css | #87CEEB | — |
| meta.selector.css | #87CEEB | — |
| meta.attribute-selector.scss | #fa8072 | — |
| support.type.property-name.css | #EEDC82 | — |
| support.constant.property-value.css | #87CEEB | — |
| support.type.vendored.property-name.css | #BCB8A4 | — |
| variable | #C0C0C0 | — |
| meta.return.type.arrow.tsx variable.object.property.tsx | #A4BDA4 | — |
| meta.type.annotation variable, meta.type.annotation entity, meta.type.annotation punctuation, meta.type.annotation storage, meta.type.declaration variable, meta.interface variable, meta.interface entity | #A4BDA4 | — |
| meta.type.parameters support.type, meta.type.annotation punctuation | #A4BDA4 | — |
| meta.interface entity.name.type.interface, meta.type entity.name.type.alias | #7CCD7C | — |
| meta.field.declaration keyword.operator.optional | #7CCD7C | — |
| meta.function support.type, meta.return.type support.type, meta.type.annotation support.type, meta.type.annotation string | #a5cd7c | — |
| variable.other.jsdoc, variable.other.description.jsdoc | #91998a | — |
| variable.argument.css, variable.css, variable.scss | #FFA54F | — |
| markup.bold | #FFA54F | — |
| markup.heading.markdown heading.1 entity | #87CEEB | — |
| markup.heading.markdown heading.2 entity | #2b91af | — |
| markup.heading.markdown heading.3 entity | #76EEC6 | — |
| markup.heading.markdown punctuation.definition.heading.markdown | #EEDC82 | — |
| punctuation.definition.list.begin.markdown | #EEDC82 | — |
| markup.inline.raw.string | #FFA54F | — |
| markup.deleted | #2b91af | — |
| markup.inserted | #fa8072 | — |
| markup.changed | #87ceeb | — |
| markup.underline | — | underline |
| markup.underline.link | #ee799f | — |
| markup.list | #C0C0C0 | — |
| markup.raw | #eedc82 | — |
| punctuation.definition.quote.begin.markdown markup.quote.markdown markup.quote.markdown text.html.markdown | #f00 | — |
| meta.resultLinePrefix.lineNumber, meta.resultLinePrefix punctuation | #595959 | — |