AlaskaAirlines / AuroDesignTokens

Abstract UI atomic values to support the Auro Design System.

Home Page:https://auro.alaskaair.com/getting-started/developers/design-tokens

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dark mode design tokens

blackfalcon opened this issue · comments

Is your feature request related to a problem? Please describe.

As part of the theming work, support for generating dark mode design tokens is needed.

Describe the solution you'd like

From the design token repo we need to export a series of values to be used in dark mode. A preferred method of use is to conditional load them in the global scope of the app.

<link rel="stylesheet" href="/dark-tokens.css" media="(prefers-color-scheme: dark)" />

For token management, we need to understand this post more https://dbanks.design/blog/dark-mode-with-style-dictionary/

Specifically this part on the Multi-file method.

Exit criteria

For this issue to be closed a user must be able to subscribe to a series of darkmode design tokens for use within their project.

Dependency