From 068c2c10cfa09c823b2f32b595c817cb4b5ab9f7 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Thu, 18 Aug 2022 10:38:00 +0200
Subject: [PATCH] Align gray color palette more with macOS

---
 sass/_colors.scss | 20 ++++++++++----------
 sass/_vars.scss   | 20 ++++++++++----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/sass/_colors.scss b/sass/_colors.scss
index 664286c79..bef420b71 100644
--- a/sass/_colors.scss
+++ b/sass/_colors.scss
@@ -9,16 +9,16 @@
 
 $color: (
     gray: (
-        0: #fcfdfe,
-        1: #f2f5f8,
-        2: #d7dbe1,
-        3: #7e868f,
-        4: #4a5058,
-        5: #2d3138,
-        6: #1d2126,
-        7: #161a1d,
-        8: #121518,
-        9: #0c0e10,
+        0: #fafaff,
+        1: #ededf2,
+        2: #c2c2c7,
+        3: #8e8e93,
+        4: #636366,
+        5: #3a3a3c,
+        6: #28282a,
+        7: #1f1f21,
+        8: #1a1a1c,
+        9: #121214,
     ),
     red: (
         0: #fef2f2,
diff --git a/sass/_vars.scss b/sass/_vars.scss
index 0a580ec0a..b4111307d 100644
--- a/sass/_vars.scss
+++ b/sass/_vars.scss
@@ -31,11 +31,19 @@ $vars: (
         ),
         border: (
             light: get($color, gray, 3),
-            dark: get($color, gray, 5),
+            dark: get($color, gray, 8),
         ),
         faint-border: (
             light: get($color, gray, 2),
-            dark: get($color, gray, 8),
+            dark: get($color, gray, 7),
+        ),
+        slightly-grey-text: (
+            light: get($color, gray, 7),
+            dark: get($color, gray, 4),
+        ),
+        disabled: (
+            light: get($color, gray, 5),
+            dark: get($color, gray, 6),
         ),
         link: (
             light: get($color, blue, 9),
@@ -57,10 +65,6 @@ $vars: (
             light: get($color, gray, 2),
             dark: get($color, gray, 7),
         ),
-        slightly-grey-text: (
-            light: get($color, gray, 7),
-            dark: get($color, gray, 4),
-        ),
         highlight-bg: (
             light: get($color, cyan, 2),
             dark: get($color, cyan, 2),
@@ -69,10 +73,6 @@ $vars: (
             light: black,
             dark: white,
         ),
-        disabled: (
-            light: get($color, gray, 5),
-            dark: get($color, gray, 6),
-        ),
         card-view-bg: (
             light: get($color, blue, 5),
             dark: get($color, blue, 4),