Search⌘ K
Home
Courses
CSS Theming for Professionals

Obtaining CSS Design Values

Explore how to obtain CSS design values programmatically with the css-theming package. Learn to access semantic colors and theme details to build dynamic, theme-aware user interfaces that support user selection and customization.

We'll cover the following...

The design-values module in css-theming gives you programmatic access to some of the CSS defined variables. You can, for example, obtain and display all the semantic colors in your app:

import {
  getSemanticColorNames,
} from 'css-theming';

const semanticColorNames = getSemanticColorNames();
// Do whatever you want
...