From c03be0cf9fadc0836f785ee80d86f6947692f6d5 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 19 May 2022 13:28:59 -0700
Subject: [PATCH] Add some detail around how colors are defined

---
 web/stories/Colors.stories.mdx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/stories/Colors.stories.mdx b/web/stories/Colors.stories.mdx
index c98b54df0..c8fcb6389 100644
--- a/web/stories/Colors.stories.mdx
+++ b/web/stories/Colors.stories.mdx
@@ -5,6 +5,12 @@ import { Color, ColorRow } from './Color';
 
 # Colors
 
+These colors are assigned in our [color token](https://github.com/owncast/owncast/tree/webv2/web/style-definitions/tokens/color) files
+and get reflected here as they change.
+
+Toggle dark mode on and off in the above toolbar to see how these colors look on a dark vs. light background.
+
+## Key Colors
 
 <ColorRow colors={['theme-primary-color', 'theme-text-color-secondary']} />