Cocoon Shell

Theme Builder

Create Cocoon themes and asset packs in your browser.

Theme Builder

The Theme Builder is a visual editor for Cocoon themes and asset packs. It shows a live preview and creates a ZIP you can install or share.

Start a Project

Choose what you want to make:

  • Theme for colors and wallpapers, plus display settings
  • Icon Overlays for platform frames and masks
  • Smart Folders for folder icons and logos, plus heroes
  • Sound Effects for interface sounds
  • Music for a schedule or playlist
  • Import ZIP to edit an existing project

Build Your Theme

Use the editor to choose colors and a Light/Dark/OLED/System base. Set the hero style, icon shape and scale. Logo size and wallpapers have their own controls. The preview updates as you work.

Asset tabs accept files for each platform or folder type. Sound and music slots use the same layout. PNG works well for overlays and masks because it supports transparency.

Export and Install

Choose Download ZIP, then transfer the file to your device.

  1. Open Settings → Personalization → Theme.
  2. Choose Import ZIP.
  3. Select the downloaded file.
  4. Apply the theme or asset packs from the Theme picker.

Keep the ZIP if you want to edit the project again later.

Share It

Sign in on the Themes page and upload your ZIP. Submit it for review. Approved work appears in Silk.

The Theme JSON Reference covers fields missing from the visual editor.

On this page