The gallery above lets you explore 51 original themes, alongside the native appearance of tarteaucitron.js. From understated to unconventional, each theme customizes the consent banner, settings panel, buttons, service details, cookie information and permanent icon.
Eight styles to explore
Accessibility and readability
Three approaches designed with reading comfort in mind. They offer different layouts, densities and contrast levels, without claiming to guarantee RGAA or WCAG compliance on their own.
Sports
Seven themes inspired by different sports, each with its own colors and visual references. A collection designed for clubs, associations and sporting events.
Professions and industries
Visual identities designed to immediately evoke a professional field. A useful starting point for agencies working with different industries, without imposing the same style on every client.
Nature and landscapes
Atmospheres inspired by natural landscapes and elements. These themes explore depth, light and texture through their color palettes.
Creative and playful
The most unconventional family in the collection. It explores video games, futuristic worlds, bright colors and less traditional graphic compositions. This is also where you’ll find my personal favorite: Glitch.
Minimal and elegant
More understated themes for websites that favor simple, contemporary or refined visual design.
Retro and technical
References to computing, technical drawings and older interfaces. These styles deliberately move away from conventional modern web design.
Events and identity
Themes associated with specific seasons or recognizable cultural references. They can accompany a campaign or simply give the consent interface a different personality.
A complete theme, not just a color change
Each theme customizes several parts of tarteaucitron.js: the main consent banner, settings panel, service descriptions, accept and refuse buttons, cookie details and permanent icon.
The styles have been designed to maintain a consistent appearance across these elements. Acceptance and refusal choices should remain balanced and clearly identifiable, regardless of the selected visual style.
Particular attention has also been paid to mobile layouts, keyboard navigation and reduced-motion preferences. As with any customized interface, final compliance still depends on the integration context and any modifications made to the website.
What about the Default theme?
The 52nd theme is the native appearance of tarteaucitron.js. It lets you return to the library’s classic design.
A collection exclusive to tarteaucitron.io Pro
These themes are designed for tarteaucitron.io Pro and are not included in the open source distribution of tarteaucitron.js.
They will be available directly from the Pro dashboard, allowing you to select a visual style without manually modifying the library’s CSS files.
The open source version retains its existing CSS customization options. This collection is an additional feature of the Pro service.
TARTEAUCITRON.IO PRO
Give consent a new look.
Choose from 52 themes and customize the entire consent interface directly from your tarteaucitron.io Pro dashboard.
