Chain Daddy

Appearance

Token Page Themes & Customization ​

Customize your token page's appearance with colors, backgrounds, layouts, and more.

Token Pages in the Wild ​

Every token page carries the token's own branding out of the box — hero banner, logo, links, and live market data are auto-populated from public metadata before anyone even claims the page. The theming controls on this page let verified owners layer their own look on top: custom colors, backgrounds, animated overlays, layouts, and CSS.

PENGU token page with Pudgy Penguins hero bannerPOPCAT token page with wall-of-cats hero banner

BRETT token page with blue comic-style hero banner

Opening the Style Editor ​

All theming lives in the Style editor. Open it from the chain switcher in the top bar of your token manager and click the sliders / Style button (circled below) — it sits right next to the gear icon that opens admin settings.

The chain switcher — the Style button (circled) opens the Style editor; the gear icon beside it opens admin settings

You can also open it straight from your token page: click Edit while viewing your page as the owner.

Color Customization ​

Background Colors ​

Choose from 16 preset background colors:

Midnight
#1a1a2e
Ocean
#0a1628
Forest
#1a2e1a
Sunset
#2e1a1a
Lavender
#1e1a2e
Charcoal
#2a2a2a
Wine
#2e1a28
Slate
#1e2a3a
Navy
#0d1b3e
Emerald
#0d2e2e
Rose
#2e0d1b
Amber
#2e2a0d
Indigo
#1a0d3e
Teal
#0d2e28
Copper
#2e1e0d
Obsidian
#0a0a0a

Accent Colors ​

Choose from 16 preset accent colors for highlights, buttons, and interactive elements:

Amber, Blue, Green, Pink, Purple, Red, Orange, Cyan, Lime, Fuchsia, Yellow, Violet, Emerald, Rose, Sky, Gold

Custom Colors (PRO) ​

PRO subscribers can enter any hex color value for both background and accent, beyond the preset options.

Backgrounds ​

Backgrounds and animated overlays live in the Background Media section of the Style editor. Pick a solid color, gradient, or uploaded image, then layer an animated overlay on top.

The Background Media and Animated Overlay controls in the Style editor — background tiles (None, Solid, Gradient, Upload) and the overlay gallery (Particles, Gradient Shift, Sparkle, Snow, Bubbles, Confetti, Aurora, Stars)

Patterns ​

Apply subtle pattern overlays to your token page background. Patterns layer on top of your background color.

Background Images ​

Upload a custom image for your token page background. Images are stored on IPFS for permanence.

  • Supported formats: PNG, JPG, WebP
  • Recommended size: 1920x1080 or larger
  • Images are automatically optimized for different screen sizes

Animated Overlays ​

Add motion to your token page with animated effects:

EffectDescription
ParticlesFloating particle field
GradientSlowly shifting color gradient
SparkleGlittering sparkle effect
RainFalling rain drops
SnowGentle snowfall
BubblesRising bubble animation
ConfettiCelebratory confetti burst
WaveUndulating wave motion
AuroraNorthern lights effect
StarsTwinkling starfield

Video Backgrounds (PRO) ​

Upload a looping video as your token page background. Includes poster image support for loading states.

  • Supported formats: MP4, WebM
  • Auto-loops with no audio
  • Poster image displayed during load

Layouts ​

Choose how your token page content is arranged:

  • Standard: Default card-based layout
  • Compact: Dense layout optimized for information density
  • Wide: Full-width sections for maximum visual impact
  • Minimal: Clean layout with minimal chrome

Templates ​

Pre-configured theme combinations for quick setup. Templates set your colors, background, and layout in one click. You can further customize after applying a template.

Theme Mode ​

Control your token page's light/dark appearance:

  • Light: Light backgrounds with dark text
  • Dark: Dark backgrounds with light text (default)
  • Auto: Matches the visitor's system preference

Custom CSS (PRO) ​

Write custom CSS rules to style any element on your token page. This gives full control over typography, spacing, animations, and any visual property.

WARNING

Custom CSS applies only to your public token page. Malformed CSS is sanitized before rendering.

Add prominent links to your token page that appear above the fold:

  • Website URL
  • X (Twitter) handle
  • Telegram channel
  • Discord invite
  • GitHub repository
  • Whitepaper/docs URL
  • Email contact
  • Custom links with any URL

Links include validation and platform-specific formatting.

Managing Themes ​

All theming lives in the Edit panel for your token page:

  1. Open your token page as the owner (or from your token manager).
  2. Click the chain switcher in the top bar and choose Style preferences (the sliders icon) — or click Edit on your token page.
  3. Set colors, theme mode, layout, and templates in the appearance controls.
  4. Add patterns, background images, animated overlays, and video under Background Media.
  5. Add featured links, and — on PRO — custom CSS.

The Style editor — Page Layout & Theme controls: layout (Default, Link in Bio, Landing), theme presets, and a live preview of the token page

Changes show a live preview before saving. Use Reset to Defaults to restore the original theme.