Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Cinnamoroll Pixel ThemeNew to Visual Studio Code? Get it now.
Cinnamoroll Pixel Theme

Cinnamoroll Pixel Theme

Elle Ybas

|
11 installs
| (0) | Free
Two cozy Cinnamoroll-inspired themes: Cloud Café light and Night Sky dark, with pastel blues, blush accents and colorful code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Cinnamoroll Pixel Theme ☁️

Cloud whites, milk blues, blush accents, and a little café sweetness. Two coordinated color themes for your light and dark coding hours.

Cinnamoroll Cloud Café

A soft light workspace with cloud-white editor backgrounds, milk-blue panels, pastel-blue selections, and blush-pink accents.

Cinnamoroll Cloud Café mood board

Cinnamoroll Night Sky

Deep midnight-blue editor backgrounds, moonlit panels, pastel-blue file selections, a blush active tab, and bright pastel syntax.

Cinnamoroll Night Sky mood board

Install and choose

  1. Install the extension, or run Extensions: Install from VSIX… from the Command Palette and choose the downloaded package.
  2. Run Preferences: Color Theme.
  3. Choose Cinnamoroll Cloud Café or Cinnamoroll Night Sky.

Pair either color theme with Cinnamoroll Pixel Icons using Preferences: File Icon Theme. The pixel lettering and decorations in the mood boards are presentation artwork; this color theme does not change editor fonts or add character art to the interface.

Colorful code

Pink keywords, botanical-green strings, blue functions, lavender types, honey-gold numbers, and readable blue-gray comments. Includes TextMate and semantic-token rules for HTML, CSS/SCSS, JavaScript/jQuery, Dart/Flutter, and other supported languages. All approved syntax colors meet 4.5:1 against their editor background.

Actual token colors depend on your language extensions and personal overrides. Dart/Flutter language features require their language extensions. jQuery selector strings may keep regular string coloring when the grammar does not distinguish them.

Follow your system appearance

Add to your user Settings JSON:

"window.autoDetectColorScheme": true,
"workbench.preferredLightColorTheme": "Cinnamoroll Cloud Café",
"workbench.preferredDarkColorTheme": "Cinnamoroll Night Sky"

Customize

Edit the JSON files in themes/. Interface colors live in colors, grammar scopes in tokenColors, and language-aware colors in semanticTokenColors. This extension contains no executable code or network requests; the README images load from GitHub.

Cinnamoroll is a Sanrio character. This is an unofficial fan-made theme and is not affiliated with or endorsed by Sanrio.

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