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 brush

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:

  1. 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.
  2. Improved readability: In a dark color scheme, text and other design elements stand out more clearly, making them easier to read and understand.
  3. 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.
  4. Aesthetically pleasing: Many users find the dark mode aesthetic more attractive than a traditional light color scheme.
  5. 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