From 7683b9b8d1f019d466fb2ba79d9cfab7047195ed Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 25 May 2024 13:05:06 +0300
Subject: [PATCH] Use muted color for icons in Nora

---
 components/lib/themes/nora/index.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/components/lib/themes/nora/index.js b/components/lib/themes/nora/index.js
index 6359383ad..5d8dde286 100644
--- a/components/lib/themes/nora/index.js
+++ b/components/lib/themes/nora/index.js
@@ -297,8 +297,8 @@ export default {
                         selectedColor: '{highlight.color}',
                         selectedFocusColor: '{highlight.focus.color}',
                         icon: {
-                            color: '{text.color}',
-                            focusColor: '{text.hover.color}'
+                            color: '{text.muted.color}',
+                            focusColor: '{text.hover.muted.color}'
                         }
                     },
                     optionGroup: {
@@ -314,9 +314,9 @@ export default {
                         focusColor: '{primary.contrast.color}',
                         activeColor: '{text.hover.color}',
                         icon: {
-                            color: '{text.color}',
+                            color: '{text.muted.color}',
                             focusColor: '{primary.contrast.color}',
-                            activeColor: '{text.hover.color}'
+                            activeColor: '{text.hover.muted.color}'
                         }
                     },
                     submenuLabel: {
@@ -324,9 +324,9 @@ export default {
                         color: '{text.color}'
                     },
                     submenuIcon: {
-                        color: '{text.color}',
+                        color: '{text.muted.color}',
                         focusColor: '{primary.contrast.color}',
-                        activeColor: '{text.hover.color}'
+                        activeColor: '{text.hover.muted.color}'
                     }
                 }
             },
@@ -419,8 +419,8 @@ export default {
                         selectedColor: '{highlight.color}',
                         selectedFocusColor: '{highlight.focus.color}',
                         icon: {
-                            color: '{surface.0}',
-                            focusColor: '{surface.0}'
+                            color: '{text.muted.color}',
+                            focusColor: '{text.hover.muted.color}'
                         }
                     },
                     optionGroup: {
@@ -436,9 +436,9 @@ export default {
                         focusColor: '{primary.contrast.color}',
                         activeColor: '{text.color}',
                         icon: {
-                            color: '{text.color}',
+                            color: '{text.muted.color}',
                             focusColor: '{primary.contrast.color}',
-                            activeColor: '{text.color}'
+                            activeColor: '{text.hover.muted.color}'
                         }
                     },
                     submenuLabel: {
@@ -446,9 +446,9 @@ export default {
                         color: '{text.color}'
                     },
                     submenuIcon: {
-                        color: '{text.color}',
+                        color: '{text.muted.color}',
                         focusColor: '{primary.contrast.color}',
-                        activeColor: '{text.color}'
+                        activeColor: '{text.hover.muted.color}'
                     }
                 }
             }