Customization
There’s a lot you can customize in Cocoon. Whether you want to tweak a few colors or completely overhaul the look, there’s plenty 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:
| Color | Vibe |
|---|---|
| Breeze | Cool blue (the default) |
| Coral | Warm red-pink |
| Dawn | Soft orange sunrise |
| Sunflower | Bright golden yellow |
| Mint | Fresh green |
| Wisteria | Gentle purple |
| Orchid | Bold pink-purple |
| Slate | Understated gray |
| Obsidian | Deep and dark |
| Stormy | Moody blue-gray |
| Cocoon | Our signature color 🦋 |
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. If you want things snappier (or instant), you can change the speed:
Settings → Appearance → Animation Speed
| Option | What it feels like |
|---|---|
| Instant | Everything snaps immediately, no waiting |
| Snappy | Quick and responsive |
| Fast | Smooth but brisk |
| Normal | Full cinematic animations |
Hero Display
The “hero” area shows a big 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.