Dandelion Theme
Publisher: AdoooneThemes in package: 1
Watercolor inspired 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.background#0a0a0a
- activityBar.border#0a0a0a
- activityBar.foreground#fdad00
- activityBar.inactiveForeground#424242
- activityBarBadge.background#389b34
- activityBarBadge.foreground#0a0a0a
- badge.background#389b34
- badge.foreground#0a0a0a
- breadcrumb.activeSelectionForeground#f7f1ff
- breadcrumb.focusForeground#bab6c0
- breadcrumb.foreground#8b888f
- button.background#0a0a0a
- button.foreground#8b888f
- button.hoverBackground#131414
- charts.blue#85dacc
- charts.foreground#fff1f3
- charts.green#adda78
- charts.lines#72696a
- charts.orange#f38d70
- charts.purple#a8a9eb
- charts.red#fd6883
- charts.yellow#f9cc6c
- debugExceptionWidget.background#0a0a0a
- debugExceptionWidget.border#0a0a0a
- debugIcon.breakpointCurrentStackframeForeground#F27405
- debugIcon.breakpointDisabledForeground#bab6c0
- debugIcon.breakpointForeground#EB3C6C
- debugIcon.breakpointStackframeForeground#f7f1ff
- debugIcon.breakpointUnverifiedForeground#FDAD00
- debugIcon.continueForeground#f7f1ff
- debugIcon.disconnectForeground#f7f1ff
- debugIcon.pauseForeground#f7f1ff
- debugIcon.restartForeground#42C251
- debugIcon.startForeground#42C251
- debugIcon.stepBackForeground#f7f1ff
- debugIcon.stepIntoForeground#f7f1ff
- debugIcon.stepOutForeground#f7f1ff
- debugIcon.stepOverForeground#f7f1ff
- debugIcon.stopForeground#EB3C6C
- debugToolBar.background#161517
- descriptionForeground#8b888f
- diffEditor.insertedTextBackground#7bd88f19
- diffEditor.removedTextBackground#fc618d19
- dropdown.background#0a0a0a
- dropdown.border#0a0a0a
- dropdown.foreground#8b888f
- dropdown.listBackground#0a0a0a
- editor.background#0a0a0a
- editor.findMatchBackground#f7f1ff26
- editor.findMatchBorder#FDAD00
- editor.findMatchHighlightBackground#f7f1ff26
- editor.findMatchHighlightBorder#0a0a0a
- editor.findRangeHighlightBackground#f7f1ff0c
- editor.findRangeHighlightBorder#0a0a0a
- editor.foreground#FAF7F2
- editor.hoverHighlightBackground#f7f1ff0c
- editor.inactiveSelectionBackground#f7f1ff0c
- editor.lineHighlightBackground#f7f1ff0c
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#0a0a0a
- editor.rangeHighlightBorder#0a0a0a
- editor.selectionBackground#bab6c026
- editor.selectionHighlightBackground#f7f1ff26
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#f7f1ff26
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#f7f1ff26
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#ffffff20
- editorBracketMatch.border#0a0a0a
- editorCodeLens.foreground#3d3d3d
- editorCursor.background#0a0a0a
- editorCursor.foreground#f7f1ff
- editorError.border#0a0a0a
- editorError.foreground#EB3C6C
- editorGroup.border#0a0a0a
- editorGroup.dropBackground#0a0a0a
- editorGroup.emptyBackground#0a0a0a
- editorGroup.focusedEmptyBorder#0a0a0a
- editorGroupHeader.noTabsBackground#0a0a0a
- editorGroupHeader.tabsBackground#0a0a0a
- editorGroupHeader.tabsBorder#0a0a0a
- editorGutter.addedBackground#389b34
- editorGutter.background#0a0a0a
- editorGutter.deletedBackground#EB3C6C
- editorGutter.modifiedBackground#FDAD00
- editorHint.border#0a0a0a
- editorHint.foreground#435AE0
- editorHoverWidget.background#131313
- editorHoverWidget.border#131313
- editorIndentGuide.background1#0a0a0a
- editorInfo.border#0a0a0a
- editorInfo.foreground#00AEFF
- editorLightBulb.foreground#F1BF1A
- editorLightBulbAutoFix.foreground#42C251
- editorLineNumber.activeForeground#389b34
- editorLineNumber.foreground#383838
- editorLink.activeForeground#00AEFF
- editorMarkerNavigation.background#0a0a0a
- editorMarkerNavigationError.background#EB3C6C
- editorMarkerNavigationInfo.background#00AEFF
- editorMarkerNavigationWarning.background#FDAD00
- editorOverviewRuler.addedForeground#389b34
- editorOverviewRuler.border#389b34
- editorOverviewRuler.currentContentForeground#161517
- editorOverviewRuler.deletedForeground#EB3C6C
- editorOverviewRuler.errorForeground#EB3C6C
- editorOverviewRuler.findMatchForeground#f7f1ff26
- editorOverviewRuler.incomingContentForeground#161517
- editorOverviewRuler.infoForeground#00AEFF
- editorOverviewRuler.modifiedForeground#FDAD00
- editorOverviewRuler.rangeHighlightForeground#f7f1ff26
- editorOverviewRuler.selectionHighlightForeground#f7f1ff26
- editorOverviewRuler.warningForeground#FDAD00
- editorOverviewRuler.wordHighlightForeground#f7f1ff26
- editorOverviewRuler.wordHighlightStrongForeground#f7f1ff26
- editorPane.background#0a0a0a
- editorRuler.foreground#525053
- editorSuggestWidget.background#0a0a0a
- editorSuggestWidget.border#0a0a0a
- editorSuggestWidget.foreground#919191
- editorSuggestWidget.highlightForeground#fdad00
- editorSuggestWidget.selectedBackground#383838
- editorWarning.border#0a0a0a
- editorWarning.foreground#F27405
- editorWhitespace.foreground#525053
- editorWidget.background#161517
- editorWidget.border#161517
- errorForeground#EB3C6C
- extensionButton.prominentBackground#161517
- extensionButton.prominentForeground#f7f1ff
- extensionButton.prominentHoverBackground#525053
- focusBorder#389b3460
- foreground#d4d4d4
- gitDecoration.addedResourceForeground#42C251
- gitDecoration.conflictingResourceForeground#ff4800
- gitDecoration.deletedResourceForeground#F27405
- gitDecoration.ignoredResourceForeground#3b3b3b
- gitDecoration.modifiedResourceForeground#00AEFF
- gitDecoration.stageDeletedResourceForeground#F27405
- gitDecoration.stageModifiedResourceForeground#435AE0
- gitDecoration.untrackedResourceForeground#389b34
- icon.foreground#389b34
- input.background#0a0a0a
- input.border#0a0a0a
- input.foreground#f7f1ff
- input.placeholderForeground#69676c
- inputOption.activeBackground#525053
- inputOption.activeBorder#525053
- inputValidation.errorBackground#0a0a0a
- inputValidation.errorBorder#EB3C6C
- inputValidation.errorForeground#EB3C6C
- inputValidation.infoBackground#0a0a0a
- inputValidation.infoBorder#00AEFF
- inputValidation.infoForeground#00AEFF
- inputValidation.warningBackground#0a0a0a
- inputValidation.warningBorder#FDAD00
- inputValidation.warningForeground#FDAD00
- list.activeSelectionBackground#f7f1ff0c
- list.activeSelectionForeground#F1BF1A
- list.dropBackground#191919bf
- list.errorForeground#EB3C6C
- list.focusBackground#0a0a0a
- list.focusForeground#f7f1ff
- list.highlightForeground#17c651
- list.hoverBackground#f7f1ff0c
- list.hoverForeground#f7f1ff
- list.inactiveFocusBackground#0a0a0a
- list.inactiveSelectionBackground#bab6c00c
- list.inactiveSelectionForeground#F1BF1A
- list.invalidItemForeground#EB3C6C
- list.warningForeground#FDAD00
- listFilterWidget.background#0a0a0a
- listFilterWidget.noMatchesOutline#EB3C6C
- listFilterWidget.outline#0a0a0a
- menu.background#101010
- merge.border#131414
- merge.commonContentBackground#f7f1ff19
- merge.commonHeaderBackground#f7f1ff26
- merge.currentContentBackground#fc618d19
- merge.currentHeaderBackground#fc618d26
- merge.incomingContentBackground#7bd88f19
- merge.incomingHeaderBackground#7bd88f26
- minimap.errorHighlight#EB3C6C
- minimap.warningHighlight#FDAD00
- minimapGutter.addedBackground#389b34
- minimapGutter.deletedBackground#EB3C6C
- minimapGutter.modifiedBackground#F1BF1A
- notificationCenter.border#161517
- notificationCenterHeader.background#161517
- notificationCenterHeader.foreground#8b888f
- notificationLink.foreground#389b34
- notifications.background#161517
- notifications.border#161517
- notifications.foreground#bab6c0
- notificationsErrorIcon.foreground#EB3C6C
- notificationsInfoIcon.foreground#00AEFF
- notificationsWarningIcon.foreground#FDAD00
- notificationToast.border#161517
- panel.background#0a0a0a
- panel.border#0a0a0a
- panelTitle.activeBorder#FDAD00
- panelTitle.activeForeground#FDAD00
- panelTitle.inactiveForeground#8b888f
- peekView.border#389b34
- peekViewEditor.background#101010
- peekViewEditor.matchHighlightBackground#525053
- peekViewEditorGutter.background#101010
- peekViewResult.background#161517
- peekViewResult.fileForeground#8b888f
- peekViewResult.lineForeground#8b888f
- peekViewResult.matchHighlightBackground#525053
- peekViewResult.selectionBackground#161517
- peekViewResult.selectionForeground#f7f1ff
- peekViewTitle.background#161517
- peekViewTitleDescription.foreground#8b888f
- peekViewTitleLabel.foreground#f7f1ff
- pickerGroup.border#0a0a0a
- pickerGroup.foreground#389b34
- problemsErrorIcon.foreground#EB3C6C
- problemsInfoIcon.foreground#00AEFF
- problemsWarningIcon.foreground#FDAD00
- progressBar.background#389b34
- quickInput.background#101010
- quickInput.foreground#d4d4d4
- scrollbar.shadow#0a0a0a
- scrollbarSlider.activeBackground#f7f1ff12
- scrollbarSlider.background#f7f1ff12
- scrollbarSlider.hoverBackground#f7f1ff12
- selection.background#bab6c026
- settings.checkboxBackground#0a0a0a
- settings.checkboxBorder#0a0a0a
- settings.checkboxForeground#f7f1ff
- settings.dropdownBackground#0a0a0a
- settings.dropdownBorder#0a0a0a
- settings.dropdownForeground#f7f1ff
- settings.dropdownListBorder#8b888f
- settings.headerForeground#F1BF1A
- settings.modifiedItemIndicator#F1BF1A
- settings.numberInputBackground#0a0a0a
- settings.numberInputBorder#0a0a0a
- settings.numberInputForeground#f7f1ff
- settings.textInputBackground#0a0a0a
- settings.textInputBorder#0a0a0a
- settings.textInputForeground#f7f1ff
- sideBar.background#0e0e0e
- sideBar.border#0e0e0e
- sideBar.dropBackground#0e0e0e
- sideBar.foreground#8b888f
- sideBarSectionHeader.background#0a0a0a
- sideBarSectionHeader.foreground#18745D
- sideBarTitle.foreground#525053
- statusBar.background#212121
- statusBar.border#131313
- statusBar.debuggingBackground#69676c
- statusBar.debuggingBorder#191919
- statusBar.debuggingForeground#f7f1ff
- statusBar.foreground#FAF7F2
- statusBar.noFolderBackground#191919
- statusBar.noFolderBorder#131313
- statusBar.noFolderForeground#69676c
- statusBarItem.activeBackground#131414
- statusBarItem.hoverBackground#f7f1ff0c
- statusBarItem.prominentBackground#161517
- statusBarItem.prominentHoverBackground#161517
- statusBarItem.remoteBackground#191919
- statusBarItem.remoteForeground#389b34
- symbolIcon.arrayForeground#EB3C6C
- symbolIcon.booleanForeground#EB3C6C
- symbolIcon.classForeground#00AEFF
- symbolIcon.colorForeground#435AE0
- symbolIcon.constantForeground#435AE0
- symbolIcon.constructorForeground#42C251
- symbolIcon.enumeratorForeground#FDAD00
- symbolIcon.enumeratorMemberForeground#FDAD00
- symbolIcon.eventForeground#FDAD00
- symbolIcon.fieldForeground#FDAD00
- symbolIcon.fileForeground#bab6c0
- symbolIcon.folderForeground#bab6c0
- symbolIcon.functionForeground#42C251
- symbolIcon.interfaceForeground#00AEFF
- symbolIcon.keyForeground#FDAD00
- symbolIcon.keywordForeground#EB3C6C
- symbolIcon.methodForeground#42C251
- symbolIcon.moduleForeground#00AEFF
- symbolIcon.namespaceForeground#00AEFF
- symbolIcon.nullForeground#435AE0
- symbolIcon.numberForeground#435AE0
- symbolIcon.objectForeground#00AEFF
- symbolIcon.operatorForeground#EB3C6C
- symbolIcon.packageForeground#435AE0
- symbolIcon.propertyForeground#FDAD00
- symbolIcon.referenceForeground#435AE0
- symbolIcon.snippetForeground#42C251
- symbolIcon.stringForeground#F1BF1A
- symbolIcon.structForeground#EB3C6C
- symbolIcon.textForeground#F1BF1A
- symbolIcon.typeParameterForeground#FDAD00
- symbolIcon.unitForeground#435AE0
- symbolIcon.variableForeground#00AEFF
- tab.activeBackground#0a0a0a
- tab.activeBorder#fdad00
- tab.activeForeground#fdad00
- tab.activeModifiedBorder#525053
- tab.border#0a0a0a
- tab.hoverBackground#131414
- tab.hoverBorder#525053
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#8b888f
- tab.inactiveModifiedBorder#525053
- tab.lastPinnedBorder#389b34
- tab.unfocusedActiveBorder#8b888f
- tab.unfocusedActiveForeground#bab6c0
- tab.unfocusedActiveModifiedBorder#161517
- tab.unfocusedHoverBackground#131414
- tab.unfocusedHoverBorder#131414
- tab.unfocusedInactiveForeground#8b888f
- tab.unfocusedInactiveModifiedBorder#161517
- terminal.background#0a0a0a
- terminal.foreground#8a8a8a
- terminalCursor.background#00000000
- terminalCursor.foreground#f7f1ff
- textBlockQuote.background#161517
- textBlockQuote.border#161517
- textCodeBlock.background#161517
- textLink.activeForeground#f7f1ff
- textLink.foreground#F1BF1A
- textPreformat.foreground#f7f1ff
- textSeparator.foreground#69676c
- titleBar.activeBackground#141414
- titleBar.activeForeground#faf7f2b6
- titleBar.border#131313
- titleBar.inactiveBackground#191919
- titleBar.inactiveForeground#525053
- walkThrough.embeddedEditorBackground#191919
- widget.shadow#131313
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #616060 | — |
| constant | #FDAD00 | — |
| entity | #00AEFF | — |
| keyword.control.import, keyword.control.export | #FDAD00 | — |
| keyword.control.default, keyword.control.from | #F27405 | italic |
| storage.type | #5FD7EC | italic |
| entity.name.type, entity.other.inherited-class | #22D7AA | — |
| variable.language.this, storage.type.class | #00FFBF | italic |
| entity.name.type.module | #21A795 | — |
| support.type.primitive | #21A795 | italic |
| storage.modifier.async, keyword.operator.new, variable.language.self.rust | #626BFF | italic |
| storage.modifier | #626BFF | italic bold |
| constant.language.null | #656565 | italic |
| Constant, storage.type.function, keyword.control.flow, keyword.control.conditional, keyword.other.rust, keyword.other.fn.rust, keyword.control.rust | #EB3C6C | italic bold |
| keyword.operator.comparison, storage.type.function.arrow, keyword.operator.ternary | #EB3C6C | bold |
| keyword.operator.arithmetic, keyword.operator.relational | #7aeA3C | bold |
| constant.language.boolean.true | #7FDA3C | italic bold |
| constant.language.boolean.false | #FF1D57 | italic bold |
| punctuation | #616060 | — |
| punctuation.definition.parameters, keyword.operator.type.annotation, keyword.operator.assignment | #616060 | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, constant.numeric | #F27405 | italic bold |
| keyword.operator.logical, keyword.operator.type, variable.language.self.rust | #FDAD00 | italic bold |
| punctuation.definition.template-expression, variable.other.constant | #FDAD00 | — |
| storage | #8df | — |
| variable.parameter | #EB3C6C | italic bold |
| variable.other.object | #00D8FF | — |
| variable.other.object.property, variable.other.property | #fff | — |
| source.rust | #cbcbcb | — |
| variable.other.rust | #f2f2f2 | — |
| string, punctuation.definition.string | #42C251 | — |
| string.template, punctuation.definition.string.template | #42C251 | — |
| string.quoted.double.tsx | #42C251 | — |
| support | #00AEFF | — |
| support.function | #00AEFF | — |
| support.class.component.js | #00AEFF | — |
| variable | #fff | — |
| source.css, source.stylus, source.scss, entity.other.attribute-name.class.css | #EB3C6C | — |
| punctuation.definition.constant.css | #435AE0 | — |
| support.type.property-name.css | #fff | — |
| source.css punctuation.definition.keyword, source.css keyword.control, meta.property-list.css.sass.prop | #616060 | — |
| keyword.other.important.scss | #616060 | — |
| punctuation.definition.entity.css | #00AEFF | — |
| entity.other.attribute-name.pseudo-element.css | #435AE0 | — |
| support.function.misc.scss | #435AE0 | — |
| entity.other.attribute-name.id.css | #8df | — |
| entity.name.tag.css | #42C251 | — |
| source.css support, source.stylus support, source.css support.constant | #fff | — |
| source.stylus constant, source.css constant | #a8f | — |
| support.constant.property-value.css | #FDAD00 | — |
| keyword.other.unit.css, keyword.other.unit.px.css, keyword.other.unit.percentage.css, constant.other.color.rgb-value.hex.css, keyword.other.unit.ms.css, keyword.other.unit.s.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css, keyword.other.unit.deg.css, keyword.other.unit.fr.css | #FDAD00 | — |
| source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string | #98EC65 | — |
| source.css variable, source.stylus variable | #FDAD00 | — |
| entity.other | #21A795 | — |
| entity.name.tag.block.any.html, entity.name.tag.inline.any.html, entity.name.tag.structure.any.html, entity.name.tag.html | #00AAEF | — |
| punctuation.definition.keyword, keyword.control | #FDAD00 | — |
| support.class.component | #22D7AA | — |
| entity.name.tag | #22D7AA | — |
| meta.toc-list.id.html | #36B359 | — |
| meta.tag.block.any.html, meta.tag.inline.any.html | #00AEFF | — |
| punctuation.definition.tag.end.html, punctuation.definition.tag.begin.html | #777 | — |
| text.html.basic, meta.jsx.children | #c3c3c3 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #36B35970 | — |
| meta.brace | #616060 | — |
| support.variable.property.dom | #00AEFF | — |
| source.json support | #fff | — |
| source.json string | #36B359 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...