Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Dreamspace DaydreamNew to Visual Studio Code? Get it now.
Dreamspace Daydream

Dreamspace Daydream

Jinseon Yoo

|
2 installs
| (0) | Free
A pastel light theme with lavender-mist editor, pale-yellow terminal, sky-blue status bar, and readable Dracula-inspired syntax without red.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dreamspace Daydream

Dreamspace Daydream icon

A pastel light theme inspired by the Dreamspace app, with gently muted lavender panels, a lavender-mist editor, a pale-yellow terminal, and a light sky-blue status bar.

Illustrative Dreamspace Daydream workbench preview

Illustrative palette/workbench mockup, not a screenshot of VS Code.

Surfaces

Area Color
Editor Lavender mist #F1EEF6
Sidebar and tabs Soft lavender #D9CAFA
Activity bar and title bar Pink #FFC2DF
Terminal and bottom panel Pale yellow #FFFFE0
Status bar Light sky blue #87CEFA
Panel and control borders Muted deep violet #665078

Dracula-inspired syntax, adapted for a light editor

Role Color
Keywords Pink-magenta #A918A4
Functions and properties Green #3F7000
Strings Gold #805E00
Numbers and constants Violet #7E32DA
Types and interfaces Cyan-teal #006D83
Parameters, decorators, and escapes Orange #9E4900
Comments Muted purple #6C5E77, italic

This uses Dracula's familiar color roles in deeper shades for a light background, rather than copying its bright dark-theme colors. Red syntax and error accents are replaced with orange. TextMate rules, semantic tokens, and bracket colors are coordinated, with dedicated handling for JSX/HTML, CSS, JSON, Markdown, and diffs. Language extensions can affect token rendering.

Install

Search for Dreamspace Daydream by jenna-studio when available on the Marketplace, then run Preferences: Color Theme and choose Dreamspace Daydream.

For a downloaded package, run Extensions: Install from VSIX... and select dreamspace-daydream.vsix.

This is a standalone native light theme. It needs no CSS loader, gradient patch, or runtime code. If the old Dreamspace Gradient CSS is enabled, remove its import and reload the CSS loader, or disable it if it is your only customization. Otherwise it can override the native colors, including the status bar.

On macOS, use "window.titleBarStyle": "custom" for the theme-colored title bar. Both sidebars share native theme colors. Extension-owned webviews control their own styling.

Preview and license

The PNG preview is illustrative. Description images require publicly accessible HTTPS URLs even though they are also bundled in the VSIX.

MIT. Copyright 2026 Jenna Studio. Independently authored theme inspired by Dreamspace and Dracula's color roles; not an official Dracula release.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft