From 70eedbb48e61587d43d7bf9632f87caa23038a4c Mon Sep 17 00:00:00 2001
From: Nate Butler <iamnbutler@gmail.com>
Date: Thu, 9 Feb 2023 13:41:37 -0500
Subject: [PATCH] Group light and dark scales

---
 styles/theme-tool/app/page.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/styles/theme-tool/app/page.tsx b/styles/theme-tool/app/page.tsx
index 98a951a7f1..c6ce272ff7 100644
--- a/styles/theme-tool/app/page.tsx
+++ b/styles/theme-tool/app/page.tsx
@@ -49,18 +49,15 @@ export default function Home() {
         <main>
             <div style={{ display: 'flex', gap: '1px' }}>
                 <ColorChips colorScale={grayLight} />
-                <ColorChips colorScale={grayDark} />
-
                 <ColorChips colorScale={roseLight} />
-                <ColorChips colorScale={roseDark} />
-
                 <ColorChips colorScale={redLight} />
-                <ColorChips colorScale={redDark} />
-
                 <ColorChips colorScale={orangeLight} />
-                <ColorChips colorScale={orangeDark} />
-
                 <ColorChips colorScale={amberLight} />
+
+                <ColorChips colorScale={grayDark} />
+                <ColorChips colorScale={roseDark} />
+                <ColorChips colorScale={redDark} />
+                <ColorChips colorScale={orangeDark} />
                 <ColorChips colorScale={amberDark} />
             </div>
         </main>