Customization

One of the best things about Cocoon is how much you can make it your own. Whether you want to tweak a few colors or completely overhaul the look, there’s a lot to play with.

Accent Colors

Your accent color sets the mood for the whole interface — it affects your selection highlight, buttons, and other UI elements.

Head to Settings → Appearance → Accent Color and pick from one of 11 options:

You’ll also find two handy toggles here:

• Cursor Follows Accent — Makes your selection glow match the accent color.
• Icon Follows Accent — Tints your game tile backgrounds with the accent color.

Icon Style

Want rounder game tiles? Bigger hover effects? Head to Settings → Appearance → App Icons Style where you can adjust:

• Roundness — From sharp rectangles all the way to circles.
• Scale — How big the artwork is within each tile.
• Hover Scale — How much the selected game pops out from the grid.

There’s a live preview right in the settings so you can see your changes instantly.

Animation Speed

Cocoon has smooth animations throughout — menus morphing open, tiles sliding around, highlights gliding between games. But if you want things snappier (or instant), you can change the speed:

Settings → Appearance → Animation Speed

Hero Display

The “hero” area shows a big, beautiful view of whatever game you have selected — including background artwork, the game logo, and info like play time and platform.

On dual-screen devices, the hero gets its own screen. On single-screen devices, it shares space with your grid.

Configure it at Settings → Appearance → Hero Settings:

• Display Style:
  • Fullscreen — The hero image fills the whole background.
  • Vignette — A soft fade effect around the edges, giving a more focused look.
  • None — Skip the background image entirely.
• Logo Scale — Make the game’s title logo bigger or smaller.
• Vignette Size — When using Vignette mode, controls how much of the image you see.

The hero display supports regular images, animated GIFs, and even video files (MP4, WEBM) as backgrounds!

Performance note: Animated GIFs and video hero backgrounds look amazing but use more battery and processing power than static images. If you notice any slowdown while scrolling your grid, consider switching to a static image.

Grid Density

You can zoom in and out on your grid to show more or fewer games at once:

• Pinch to zoom on the touchscreen, or
• Use the zoom controls to cycle between 1–6 rows.

Each folder remembers its own zoom level, so you can have a dense view on your home screen but a zoomed-in view inside a specific folder.

Other Appearance Settings

Here are a few more tweaks you’ll find under Settings → Appearance:

• Floating Folders — When on, folders open as an overlay on top of your grid (great for quickly peeking inside). When off, folders open fullscreen.
• Dock Background — Show or hide the background behind the dock at the bottom of the screen.
• Corner Hints — Those little button labels in the corners (like “X: Swap” and “Y: Menu”). Toggle them off for a cleaner look once you’ve learned the controls.
• Single Screen Mode — If you’re on a regular phone or tablet (not a dual-screen device), turn this on for a combined hero + grid layout on one screen. See Single-Screen Mode for details.

Going Deeper

There’s even more you can customize:

• Themes — Full theme packages with custom colors, sounds, wallpapers, and more.
• Wallpapers — Set images, videos, GIFs, or live wallpapers as your background.
• Audio & Music — Customize the sounds Cocoon makes and set up background music.