Solutions
Back to Documentation
Themes 😍
White mode
In our dedicated themes section, you can find 18 different pre-built
themes in white- and dark mode hosted on our CDN. View the example code,
copy it, add it to your website, and you are ready to go.
Below you'll find 18 themes in white mode. If you'll find a theme you
like, you can click the "Get the code" button, copy the code, and install
the button on your website.
Design: Our beautiful standard button
Design: Our beautiful standard button (slightly bigger)
Design: Date banner
Design: Inline icons
Design: Inline options
Design: Microsoft UI, blue button with arrow
Design: Plain text
Design: Single icons
Design: Google UI themed button
Design: Google UI themed button (outline)
Design: Blue button (skewed)
Design: Blue button (skewed, outlined)
Design: Blue button (rounded, outlined)
Design: Blue button (rounded)
Design: Text with dotted underline
Design: Text with yellow underline
Design: Plain simple button, fixed width
Design: Blue button with arrow effect
Dark mode
Below you'll find 18 themes in dark mode.
CSS dark mode offers several benefits that make it a great option for websites and applications:
- Reduced eye strain: When using a traditional light color scheme, the bright colors can cause eye strain, particularly when using a device for an extended period of time. With dark mode, the softer, darker colors are easier on the eyes and can reduce eye fatigue.
- Improved readability: In a dark color scheme, text and other design elements stand out more clearly, making them easier to read and understand.
- Increased accessibility: Dark mode can improve accessibility for users who have visual impairments, as it can reduce the contrast between the background and text, making it easier to see.
- Aesthetically pleasing: Many users find the dark mode aesthetic more attractive than a traditional light color scheme.
- Battery savings: For devices with OLED or AMOLED screens, using dark mode can save battery life as these screens do not have to light up as many pixels in dark mode compared to a traditional light color scheme.
Overall, CSS dark mode can be a great option for websites and applications as it can provide a better user experience and improve accessibility.
Design: Our beautiful standard button
Design: Our beautiful standard button (slightly bigger)
Design: Date banner
Design: Inline icons
Design: Inline options
Design: Microsoft UI, blue button with arrow
Design: Plain text
Design: Single icons
Design: Google UI themed button
Design: Google UI themed button (outline)
Design: Blue button (skewed)
Design: Blue button (skewed, outlined)
Design: Blue button (rounded, outlined)
Design: Blue button (rounded)
Design: Text with dotted underline
Design: Text with yellow underline
Design: Plain simple button, fixed width
Design: Blue button with arrow effect