tokens.css

This CSS file contains tokens, as CSS custom properties, corresponding to both “unthemed” tokens and tokens corresponding to the light theme. See tokens.dark.css for the tokens corresponding to the dark theme.

Example

In a Next.js application, you can directly import this CSS file into your app wrapper (pages/_app.js):

import '@lsst-sqre/rubin-style-dictionary/dist/tokens.css';
import '@lsst-sqre/rubin-style-dictionary/dist/tokens.dark.css';

Source