{"id":44542025,"url":"https://github.com/andreia/filament-cotton-candy-docs","last_synced_at":"2026-02-13T19:00:59.267Z","repository":{"id":334635522,"uuid":"1120825132","full_name":"andreia/filament-cotton-candy-docs","owner":"andreia","description":"A sweet light and dark theme for Filament PHP","archived":false,"fork":false,"pushed_at":"2026-01-26T01:53:33.000Z","size":30757,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-26T17:30:03.239Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andreia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-22T02:18:49.000Z","updated_at":"2026-01-26T01:53:36.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/andreia/filament-cotton-candy-docs","commit_stats":null,"previous_names":["andreia/filament-cotton-candy-docs"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/andreia/filament-cotton-candy-docs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreia%2Ffilament-cotton-candy-docs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreia%2Ffilament-cotton-candy-docs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreia%2Ffilament-cotton-candy-docs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreia%2Ffilament-cotton-candy-docs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreia","download_url":"https://codeload.github.com/andreia/filament-cotton-candy-docs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreia%2Ffilament-cotton-candy-docs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29414342,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T06:24:03.484Z","status":"ssl_error","status_checked_at":"2026-02-13T06:23:12.830Z","response_time":78,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-02-13T19:00:26.046Z","updated_at":"2026-02-13T19:00:59.258Z","avatar_url":"https://github.com/andreia.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Filament Cotton Candy Theme\n\nA sweet light and dark theme for Filament PHP.\n\n\u003cimg src=\"./art/cottom_candy.png\" height=\"200\" /\u003e\n\n![Dashboard Light and Dark](https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/dashboard.jpg)\n\n## Requirements\n\n- Filament 4 or 5\n\n## Features\n\n- Scale down effect in buttons\n- Rounded corners\n- Transparency\n- Soft colors on light mode\n\n## Video\n\nCheck out how the theme looks when applied to Filament demo project:\n\n[![Filament Cotton Candy Youtube Video](https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/youtube_cover.jpg)](https://youtu.be/lA2T1oKqVn0)\n\n## Installation\n\n\u003e [!IMPORTANT]  \n\u003e Regarding the payment, at the moment there is a limitation because Stripe does not support fee transfers between the Netherlands (where AnyStack is based) and Brazil (where I am currently based). If you encounter any issues related to this, you can contact me via email at andreiabohner@gmail.com, and I can provide an alternative.\n\n## Activating Your License on AnyStack\n\nFilament Cotton Candy Theme uses AnyStack to handle payment, licensing, and distribution. [You can buy it here](https://checkout.anystack.sh/filament-cotton-candy-theme).\n\nDuring the purchasing process, AnyStack will provide you with a license key. Once your license key is activated, you can proceed with the Composer installation described below.\n\n## Installing with Composer\n\nAdd the Filament Cotton Candy package to the repositories section of your `composer.json` file:\n\n```\n{\n    \"repositories\": [\n        {\n            \"type\": \"composer\",\n            \"url\": \"https://filament-cotton-candy-theme.composer.sh\"\n        }\n    ]\n}\n```\n\nOnce the repository has been added to the `composer.json` file, you can install like any other Composer package using the `composer require` command:\n\n```bash\ncomposer require filament-handbook/filament-cotton-candy-theme\n```\n\nNext, you will be prompted to provide your username and password.\n\n```\nLoading composer repositories with package information\nAuthentication required (filament-cotton-candy.composer.sh):\nUsername: [license-email]\nPassword: [license-key]\n```\n\nYour username will be your email address and the password will be your license key. For example, let's say we have the following email and license activation:\n\n```\nContact email: your@email.com\nLicense key: 04c21df8f-4890-7024-y2vk-6bny143ta642\n```\n\nYou will need to enter the above information as follows when prompted for your credentials:\n\n```\nLoading composer repositories with package information\nAuthentication required (filament-cotton-candy.composer.sh):\nUsername: your@email.com\nPassword: 04c21df8f-4890-7024-y2vk-6bny143ta642\n```\n\nAdd a new item to the `input` array of your `vite.config.js` file:\n\n```js\n'vendor/filament-handbook/filament-cotton-candy-theme/resources/css/theme.css'\n```\n\nRun:\n\n```bash\nnpm run build\n```\n\nRegister the plugin on your panel (e.g. `/app/Providers/Filament/AdminPanelProvider.php`):\n\n```php\nuse FilamentHandbook\\FilamentCottonCandyTheme\\FilamentCottonCandyThemePlugin;\n\n$panel\n  -\u003eplugin(FilamentCottonCandyThemePlugin::make())\n```\n\nYou're all set!\n\n## Color Palettes\n\nCotton Candy theme comes with 8 sweet color palettes:\n\n### CandyGum\nPink candy vibes 💗\n\n![CandyGum palette](./art/palette-candygum.svg)\n\n### CandyLavender\nSoft purple sweetness 💜\n\n![CandyLavender palette](./art/palette-candylavender.svg)\n\n### CandyPeach 🍑\nWarm peachy tones\n\n![CandyPeach palette](./art/palette-candypeach.svg)\n\n### CandyMint 🍃\nFresh minty greens\n\n![CandyMint palette](./art/palette-candymint.svg)\n\n### CandyVanilla 🍨\nCreamy vanilla yellows\n\n![CandyVanilla palette](./art/palette-candyvanilla.svg)\n\n### CandySky ☁️\nDreamy blue cotton candy\n\n![CandySky palette](./art/palette-candysky.svg)\n\n### CandyJelly 💙\nVibrant blue jelly candy\n\n![CandyJelly palette](./art/palette-candyjelly.svg)\n\n### CandyApricot 🧡\nSweet apricot orange\n\n![CandyApricot palette](./art/palette-candyapricot.svg)\n\n### Usage\n\nYou can use any of these palettes to override colors in your panel:\n\n```php\nuse FilamentHandbook\\FilamentCottonCandyTheme\\Color;\nuse FilamentHandbook\\FilamentCottonCandyTheme\\FilamentCottonCandyThemePlugin;\n\n$panel\n  -\u003ecolors([\n    'primary' =\u003e Color::CandyLavender,\n    'secondary' =\u003e Color::CandyMint,\n    'accent' =\u003e Color::CandyApricot,\n  ])\n  -\u003eplugin(FilamentCottonCandyThemePlugin::make())\n```\n\nBy default, the primary color is `CandyGum`.\n\n## Appearance\n\n### Login\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eLogin Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eLogin Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/login_light.png\" width=\"100%\" alt=\"Dashboard Light\"\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/login_dark.png\" width=\"100%\" alt=\"Dashboard Dark\"\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Dashboard\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eDashboard Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eDashboard Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/dashboard_light.png\" width=\"100%\" alt=\"Dashboard Light\"\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/dashboard_dark.png\" width=\"100%\" alt=\"Dashboard Dark\"\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### User Menu\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eUser Menu Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eUser Menu Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/user_menu_light.png\" width=\"100%\" alt=\"User Menu Light\"\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/user_menu_dark.png\" width=\"100%\" alt=\"User Menu Dark\"\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Product\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eCreate Product Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eCreate Product Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/product_create_light.png\" width=\"100%\" alt=\"Create Product Light\"\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/product_create_dark.png\" width=\"100%\" alt=\"Create Product Dark\"\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Order\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eOrder List Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eOrder List Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/orders_light.png\" width=\"100%\" alt=\"Order List Light\"\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/orders_dark.png\" width=\"100%\" alt=\"Order List Dark\"\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eCreate Order Light\u003c/th\u003e\n      \u003cth scope=\"col\" width=\"1000px\"\u003eCreate Order Dark\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/order_create_light.png\" width=\"100%\" alt=\"Create Order Light\"\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/andreia/filament-cotton-candy-docs/main/art/order_create_dark.png\" width=\"100%\" alt=\"Create Order Dark\"\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreia%2Ffilament-cotton-candy-docs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreia%2Ffilament-cotton-candy-docs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreia%2Ffilament-cotton-candy-docs/lists"}