Search⌘ K
Home
Courses
CSS Theming for Professionals

Customizing System Themes

Explore how to customize default system themes by defining the $ct-themes map in your CSS variables file. Understand the required brightness property and learn how to override colors, fonts, backgrounds, and more to tailor themes using the css-theming package.

We'll cover the following...

Customizing the default system themes involves defining the $ct-themes map in your variables file. Here’s the default definition inside css-theming:

$ct-themes: (
  'default': (
    'brightness': 'light',
    // 'colors': overrides
...