UI Customization
Overview
The Kusama Shield UI supports visual customization to personalize the privacy experience. Open the toolbox icon (gear icon) in the main interface to access all customization options. Changes apply immediately.
Available Modes
Rain Mode
Creates animated particle effects (rain/snow) across the screen with configurable particle count, size, and falling speed. You can also upload a custom image to use as particles. See Rain Mode Configuration for full details.
Flame Mode
Animated fire effects across the screen. Toggle on/off from the settings modal.
Toaster Mode
Classic flying toasters animation — a nostalgic screensaver-style effect across the interface. Toggle on/off from the settings modal.

Pony Mode
Little ponies gallop across your screen. Based on the browser ponies project. Brings small animated ponies that walk, run, and interact across the Kusama Shield interface. Toggle on/off from the settings modal.

Other Customizations
Background Color
Two color pickers let you customize the primary background (--bg-primary) and gradient color (--bg-gradient) of the interface. Set any hex color to match your preferences.
Privacy Dashboard
View pool composition, K-anonymity scores, and shielded pool statistics with an interactive D3.js sunburst chart. See Privacy Dashboard for full details.
Supported Modes
| Mode | Description |
|---|---|
| Rain | Configurable particle rain/snow with custom images |
| Flame | Animated fire effects |
| Toaster | Flying toasters screensaver animation |
| Pony | Galloping ponies (browser ponies project) |
| Background | Custom primary and gradient colors |