diff --git a/libs/design/guides/foundations/color.md b/libs/design/guides/foundations/color.md index b82149e0a0..9369637384 100644 --- a/libs/design/guides/foundations/color.md +++ b/libs/design/guides/foundations/color.md @@ -4,7 +4,7 @@ Color helps to distinguish and create consistent experiences across products. It ## Color palettes The design system includes three core palettes that reflect Daffodil's brand identity, three palettes used to indicate status, and a neutral palette that is dominant throughout the design system. These palettes are built using [HSLuv](https://www.hsluv.org/), a color space designed as a human-friendly alternative to the standard HSL. It aims to address the limitations of traidtional color spaces like RGB and HSL. -For guidance on how to set up your theme with customized palettes, see the [Theming](/libs/design/guides/foundations/theming.md) guide. +For guidance on how to set up your theme with customized palettes, see theming's [getting started](/libs/design/guides/theming/getting-started.md) guide. ## Accessibility We are committed to complying with the [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG/). The design system is built to meet these guidelines automatically. If you choose to identify your own color palettes outside of Daffodil's colors, please make sure to choose primary, secondary, tertiary, and extended colors that will pass the guidelines. Ensure there is sufficient color contrast between elements so that people who are visually impaired can see and use your products. diff --git a/libs/design/guides/getting-started.md b/libs/design/guides/getting-started.md index e8012a9f9a..abffe0ce88 100644 --- a/libs/design/guides/getting-started.md +++ b/libs/design/guides/getting-started.md @@ -65,7 +65,7 @@ To use `@daffodil/design`'s default theme, include the following in your `styles } ``` -See the [Theming guide](/libs/design/guides/foundations/theming.md) for more information on how to customize your own theme. +See the [Theming guide](/libs/design/guides/theming/setting-up.md) for more information on how to customize your own theme. ## Use a component Now you're ready to use Daffodil Design [components](/docs/design/components)! For example, here's how to use the [Hero](/libs/design/hero/README.md) component.