pastel-dreamy-theme
Publisher: yuimuicolorThemes in package: 1
A soft pastel theme with dreamy blue, purple, and mint tones for a calm coding experience.
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#10131a
- activityBar.border#282c3460
- activityBar.foreground#a6accd
- activityBarBadge.background#80cbc4
- activityBarBadge.foreground#000000
- breadcrumb.activeSelectionForeground#cdd6f4
- breadcrumb.background#282c34
- breadcrumb.focusForeground#89b4fa
- breadcrumb.foreground#a6adc8
- breadcrumbPicker.background#282c34
- button.background#c5acff
- button.foreground#000000
- debugToolBar.background#282c34
- diffEditor.insertedTextBackground#c3e88d15
- diffEditor.removedTextBackground#ff537020
- dropdown.background#141821
- dropdown.border#89b4fa40
- dropdown.foreground#cdd6f4
- editor.background#1e2024
- editor.findMatchBackground#cba6f750
- editor.findMatchBorder#cba6f7
- editor.foreground#cdd6f4
- editor.lineHighlightBackground#141821
- editor.selectionBackground#89b4fa30
- editor.selectionHighlightBackground#ffdf5f20
- editorBracketMatch.background#282c34
- editorBracketMatch.border#ffda4450
- editorCursor.foreground#cba6f7
- editorError.foreground#f38ba8
- editorGroup.border#00000030
- editorGroupHeader.tabsBackground#282c34
- editorGutter.addedBackground#c3e88d60
- editorGutter.deletedBackground#ff537060
- editorGutter.modifiedBackground#82aaff60
- editorHoverWidget.background#282c34
- editorHoverWidget.border#ffffff10
- editorIndentGuide.activeBackground1#89b4fa
- editorIndentGuide.background1#1e2230
- editorInfo.foreground#89b4fa
- editorLineNumber.activeForeground#676e95
- editorLineNumber.foreground#3a3f58
- editorLink.activeForeground#a6accd
- editorMarkerNavigation.background#a6accd05
- editorMarkerNavigationInfo.background#f699d9
- editorOverviewRuler.border#282c34
- editorRuler.foreground#1e2230
- editorSuggestWidget.background#282c34
- editorSuggestWidget.border#ffffff10
- editorSuggestWidget.foreground#a6accd
- editorSuggestWidget.highlightForeground#80cbc4
- editorSuggestWidget.selectedBackground#00000050
- editorWarning.foreground#f9e2af
- editorWhitespace.foreground#a6accd40
- editorWidget.background#282c34
- editorWidget.border#ff0000
- editorWidget.resizeBorder#80cbc4
- focusBorder#ffffff00
- gitDecoration.conflictingResourceForeground#ebea8b90
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#7f8fb3
- gitDecoration.modifiedResourceForeground#89b4fa
- gitDecoration.untrackedResourceForeground#94e2d5
- input.background#141821
- input.border#89b4fa40
- input.foreground#cdd6f4
- input.placeholderForeground#a6accd60
- inputValidation.errorBorder#ff537050
- inputValidation.infoBorder#82aaff50
- inputValidation.warningBorder#ebea8b50
- list.activeSelectionBackground#cba6f720
- list.activeSelectionForeground#ffffff
- list.focusBackground#89b4fa30
- list.focusForeground#a6accd
- list.highlightForeground#80cbc4
- list.hoverBackground#89b4fa20
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#cba6f715
- list.inactiveSelectionForeground#80cbc4
- menu.background#282c34
- menu.foreground#f5f8ff
- menu.selectionBackground#00000050
- menu.selectionBorder#00000030
- menu.selectionForeground#80cbc4
- menu.separatorBackground#a6accd
- menubar.selectionBackground#b4d4ff
- menubar.selectionBorder#00000030
- menubar.selectionForeground#0f1117
- minimap.errorHighlight#f38ba8
- minimap.selectionHighlight#89b4fa40
- minimap.warningHighlight#f9e2af
- notificationLink.foreground#80cbc4
- notifications.background#282c34
- notifications.foreground#a6accd
- panel.background#141821
- panel.border#282c3460
- panelTitle.activeBorder#80cbc4
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#a6accd
- peekView.border#00000030
- peekViewEditor.background#a6accd05
- peekViewEditor.matchHighlightBackground#717cb450
- peekViewEditorGutter.background#a6accd05
- peekViewResult.background#a6accd05
- peekViewResult.matchHighlightBackground#717cb450
- peekViewResult.selectionBackground#676e9570
- peekViewTitle.background#a6accd05
- peekViewTitleDescription.foreground#a6accd60
- pickerGroup.foreground#80cbc4
- progressBar.background#cefff7
- scrollbar.shadow#282c3400
- scrollbarSlider.activeBackground#89b4fa70
- scrollbarSlider.background#89b4fa30
- scrollbarSlider.hoverBackground#89b4fa50
- selection.background#a6accd
- settings.checkboxBackground#282c34
- settings.checkboxForeground#a6accd
- settings.dropdownBackground#282c34
- settings.dropdownForeground#a6accd
- settings.headerForeground#80cbc4
- settings.modifiedItemIndicator#80cbc4
- settings.numberInputBackground#282c34
- settings.numberInputForeground#a6accd
- settings.textInputBackground#282c34
- settings.textInputForeground#a6accd
- sideBar.background#141821
- sideBar.border#282c3460
- sideBar.foreground#cdd6f4
- sideBarSectionHeader.background#282c34
- sideBarSectionHeader.border#282c3460
- sideBarTitle.foreground#a6accd
- statusBar.background#10131a
- statusBar.border#282c3460
- statusBar.debuggingBackground#c792ea
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#cdd6f4
- statusBar.noFolderBackground#282c34
- statusBarItem.hoverBackground#89b4fa20
- statusBarItem.prominentBackground#f699d9
- statusBarItem.prominentHoverBackground#f699d9
- tab.activeBackground#0f1117
- tab.activeBorder#cba6f7
- tab.activeForeground#cdd6f4
- tab.activeModifiedBorder#676e95
- tab.border#282c34
- tab.inactiveBackground#141821
- tab.inactiveForeground#7f849c
- tab.unfocusedActiveBorder#676e95
- tab.unfocusedActiveForeground#a6accd
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#676e95
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#89ddff
- terminal.ansiBrightGreen#c3e88d
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#f699d9
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ebea8b
- terminal.ansiCyan#89ddff
- terminal.ansiGreen#c3e88d
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#f699d9
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ebea8b
- terminal.background#0f1117
- terminal.foreground#cdd6f4
- terminal.selectionBackground#89b4fa30
- terminalCursor.foreground#94e2d5
- textLink.activeForeground#a6accd
- textLink.foreground#80cbc4
- titleBar.activeBackground#a7c9ff
- titleBar.activeForeground#0f1117
- titleBar.border#000000
- titleBar.inactiveBackground#a7c9ff
- titleBar.inactiveForeground#0f1117
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.other.color, keyword.other.substitution, keyword.other.template, punctuation.section.embedded, punctuation.separator.inheritance.php, punctuation, source | #F699D9 | — |
| support.type.object, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, support.type.property-name, variable.graphql, variable.parameter, entity.name.type.class, entity.name.type.interface, entity.name.type.module, support.class.builtin, variable.object.property, meta.object-literal, support.class, entity.name.function.tagged-template | #AEE9F5 | bold |
| markup.italic, meta.property-value, source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant, string, constant.numeric.css, string.quoted.single, string.template, support.function.console, meta.function-call.object | #BEE7FE | italic |
| entity.name.function | #ECF6FF | underline |
| support.variable.object, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, entity.name.type.class.php | #F699D9 | italic bold |
| variable.function.constructor, meta.function-call.static | #F699D9 | italic underline bold |
| variable.function, markup.underline.link, meta.function-call | #F699D9 | italic underline |
| constant.numeric.decimal, constant.other.reference.link.markdown, entity.other.attribute-name.class, entity.other.inherited-class, punctuation.section.embedded, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.stylus string, entity.name.type.instance, meta.type.object.graphql, punctuation.definition.tag, entity.name.fragment.graphql, meta.function.php, variable.other.php | #EBEA8B | |
| variable.parameter.graphql, support.function.magic, storage.type.shape | #EBEA8B | italic |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #EBEA8B | bold |
| meta.property.object, string.other.link.title.markdown, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, support.type, string.regexp, variable.other, variable.other.bracket.shell, variable.other.readwrite, variable.other.property | #AEE9F5 | |
| variable.other.object, variable.other.readwrite.alias, variable.fragment.graphql, entity.name.type.typedecl | #AEE9F5 | italic |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, support.class.component, entity.name.tag | #AEE9F5 | bold |
| entity.name.tag, markup.deleted.git_gutter, support.class.component | #AEE9F5 | italic bold |
| #AEE9F5 | italic underline | |
| support.type, variable.other.constant, support.variable.property, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, string.other.link, meta.property-list.scss, markup.inserted, meta.type.object.graphql, support.type.primitive | #A8F79A | |
| constant.character.escape, entity.name.type, entity.other.attribute-name, support.class.console, support.function, support.type.graphql, storage.type.php | #A8F79A | italic |
| #A8F79A | italic underline | |
| markup.underline | #A8F79A | underline |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, markup.underline, entity.name.tag.css | #A8F79A | bold |
| keyword, punctuation, punctuation.operation.graphql, storage.modifier.php, storage.type | #F699D9 | |
| constant.language, storage.modifier, entity.name.tag.grapahql.js, constant.other | #F699D9 | bold |
| keyword.control, punctuation.definition, keyword.fragment.graphql | #F699D9 | italic |
| keyword.generator.asterisk | #F699D9 | italic bold |
| comment | #A3B5C3 | — |
| punctuation.definition.comment | #A3B5C3 | italic |
| invalid | #6589FF | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #FFFFFF | — |
| variable, punctuation.definition.variable, support.variable.property.dom, support.variable.dom, support.variable.property, punctuation.separator.parameter, string.interpolated.pug variable | #96EAFF | — |
| comment, punctuation.definition.comment | #BEBEBE | — |
| string, punctuation.definition.string | #BEE7FE | — |
| constant.character.escape | #52ABFF | — |
| keyword, constant.language.import-export-all | #9ED7FF | — |
| entity.name.type, support.type.primitive, support.type.builtin, meta.type.annotation entity.name.type, meta.type.parameters entity.name.type | #FEBEF0 | — |
| keyword.control, keyword.operator, storage, support.type, keyword.operator.expression, keyword.operator.new | #7DC0FF | — |
| entity.name.function, support.class, support.function, new.expr entity.name.type, entity.other.inherited-class | #BF94FF | — |
| punctuation.definition.typeparameters, keyword.operator.type, keyword.operator.optional, punctuation.definition.template-expression, source.tsx punctuation.section.embedded, source.jsx punctuation.section.embedded | #5FBCFF | — |
| constant | #FEBEF0 | — |
| constant.numeric, constant.language | #A3DDFF | — |
| variable.parameter, parameter.variable, meta.function.parameter variable, source.rust meta.type_params.rust | #A0FFFA | — |
| punctuation, meta.brace | #949494 | — |
| variable.language.this, variable.language.special.self | #52ABFF | — |
| comment.block.documentation entity.name.type | #1A9FFF | — |
| variable.language.super | #BF94FF | — |
| meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag, meta.tag.metadata.doctype string, meta.tag.metadata.doctype entity.other.attribute-name.html, meta.tag.sgml.doctype | #949494 | — |
| entity.name.tag | #CEB9FF | — |
| meta.tag string | #C8FFE6 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #9ED7FF | — |
| constant.character.entity, punctuation.definition.entity | #E8FFEB | — |
| entity.name.section.markdown, markup.heading.setext | #8ED0FF | — |
| punctuation.definition.list | #9ED7FF | — |
| meta.separator.markdown | #9ED7FF | — |
| markup.inline.raw | #4DA9FF | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| meta.link punctuation.definition.string, meta.image punctuation.definition.string | #949494 | — |
| link, markup.underline.link, constant.other.reference.link.markdown | #BF94FF | — |
| markup.quote | #C2FFC9 | — |
| entity.name.tag.css, entity.name.tag.wildcard | #BEFEE0 | — |
| entity.other.attribute-name.class, entity.other.attribute-name punctuation.definition.entity | #9ED7FF | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, constant.other.color | #52ABFF | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity | #BF94FF | — |
| source.css constant.numeric, source.less constant.numeric, source.scss constant.numeric | #BEFEE0 | — |
| meta.property-name, support.type.property-name | #CCFFD2 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #BF94FF | — |
| variable.parameter.url | #A9FEB3 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #9ED7FF | — |
| entity.name.section | #BF94FF | — |
| support.type.property-name.json | #9ED7FF | — |
| markup.inserted | #F0FFEB | — |
| markup.changed | #399EE6 | — |
| markup.deleted | #F07171 | — |
| meta.diff.header | #399EE6 | — |
| meta.diff.range | #52ABFF | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #ffc964 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |