> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devdeia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Filament Cotton Candy Theme

> A sweet light and dark theme for Filament PHP, with 8 candy color palettes.

<span className="inline-flex items-center gap-1 rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-800 dark:border-amber-700 dark:bg-amber-950 dark:text-amber-300">
  ★ Paid · Commercial license
</span>

<p className="mt-3 text-lg text-gray-600 dark:text-gray-300">
  A sweet light and dark theme for Filament panels, with scale-down button effects, rounded corners, soft transparency, and 8 candy-inspired color palettes.
</p>

<div className="flex flex-wrap gap-2 mt-3">
  <span className="dd-pill rounded-md px-2 py-1 text-xs font-mono">Filament ^4.0 | ^5.0</span>
</div>

<div className="flex flex-wrap gap-3 mt-4">
  <a href="https://checkout.anystack.sh/filament-cotton-candy-theme" className="inline-flex items-center gap-2 rounded-lg bg-[#84C225] px-4 py-2 font-semibold text-white no-underline hover:opacity-90">
    Buy on AnyStack →
  </a>

  <a href="/filament/cotton-candy-theme/installation" className="inline-flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2 font-semibold text-gray-800 no-underline hover:bg-gray-50 dark:border-gray-600 dark:text-gray-100 dark:hover:bg-gray-800">
    Installation
  </a>
</div>

<a href="https://youtu.be/lA2T1oKqVn0" target="_blank">
  <img className="rounded-xl mt-8" src="https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/youtube_cover.jpg" alt="Filament Cotton Candy Theme demo video" />
</a>

## Features

<CardGroup cols={2}>
  <Card title="Scale-down buttons" icon="wand-magic-sparkles">
    A subtle scale-down effect on button interaction.
  </Card>

  <Card title="Rounded corners" icon="square">
    Soft, rounded UI throughout the panel.
  </Card>

  <Card title="Transparency" icon="layer-group">
    Soft transparency effects across panel surfaces.
  </Card>

  <Card title="8 candy palettes" icon="palette" href="/filament/cotton-candy-theme/color-palettes">
    CandyGum, CandyLavender, CandyPeach, CandyMint, CandyVanilla, CandySky, CandyJelly, and CandyApricot.
  </Card>
</CardGroup>

## Requirements

* Filament 4 or 5