From 32bb87c01f4a2b6b36cc5acacb07e67e34e62e7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Connor=20B=C3=A4r?= <connor.baer@me.com>
Date: Tue, 23 Jun 2020 07:07:08 +0200
Subject: [PATCH] docs: add note about mismatched color values

---
 src/themes/light.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/themes/light.ts b/src/themes/light.ts
index ada0666..537e3ec 100644
--- a/src/themes/light.ts
+++ b/src/themes/light.ts
@@ -20,13 +20,15 @@ export const type = 'light';
 const white = '#FFFFFF';
 const black = '#0F131A';
 
+// NOTE: The neutral color names & values don't match up with what's in Figma.
+// Fixing this would be a big breaking change, so we're leaving it as is.
 const neutrals = {
   n100: '#FAFBFC',
   n200: '#EEF0F2',
   n300: '#D8DDE1',
-  n500: '#9DA7B1',
-  n700: '#5C656F',
-  n800: '#323E49',
+  n500: '#9DA7B1', // n400 in Figma
+  n700: '#5C656F', // n500 in Figma
+  n800: '#323E49', // n700 in Figma
   n900: '#212933',
 };