Skip to content

Commit

Permalink
fix: formatting (#588)
Browse files Browse the repository at this point in the history
  • Loading branch information
ebgranger authored Mar 14, 2024
1 parent 65b0a0f commit d1e9ad4
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 21 deletions.
9 changes: 4 additions & 5 deletions build.washingtonpost.com/docs/foundations/color.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,6 @@ description: Color token values are defined by their context. There are two cont

---


<ColorSamples />

<BR />
Expand All @@ -29,7 +28,7 @@ Note: In the graphic, the number in each color swatch is the contrast against ou

Our color palette is designed to cater to the diverse needs of our product's design requirements, providing a comprehensive range of colors.

#### Recommended Usage
#### Recommended Usage

While our palette offers a variety of colors suitable for a
wide array of applications within our product, we strongly recommend using our theme
Expand All @@ -47,7 +46,7 @@ Color tokens can be referenced by combining their color group and scale. This sy

<BR/>

**Note:** The -static modifier preserves the color token's consistency across light and dark contexts. Its usage should be limited within the scope of our product to maintain design coherence.
**Note:** The -static modifier preserves the color token's consistency across light and dark contexts. Its usage should be limited within the scope of our product to maintain design coherence.

#### Using our tokens in code

Expand All @@ -66,12 +65,12 @@ For example:
Our theme tokens follow a semantic and predictable structure comprising three parts:

- **Role:** This defines the purpose of the token within the UI.
- **Modifier (Optional):** This denotes a variant, change, or subset of the role, such as -subtle*.
- **Modifier (Optional):** This denotes a variant, change, or subset of the role, such as -subtle\*.
- **State (Optional):** This indicates the token's state within the UI.

#### Definition
**subtle*:** The subtle modifier ensures that the color token remains the same color across light and dark contexts.

**subtle\*:** The subtle modifier ensures that the color token remains the same color across light and dark contexts.

<BR />

Expand Down
Loading

0 comments on commit d1e9ad4

Please sign in to comment.