From 4d04d4746fd06f7f5c0163ee9194274dff882e61 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 27 Jan 2025 14:52:11 +0100
Subject: [PATCH] Update colors and icons

---
 src/lib/commandCenter/panels/root.svelte     |  6 +++---
 src/lib/commandCenter/panels/template.svelte | 12 +++++++++---
 src/routes/(console)/+layout.svelte          | 16 ++++++++++------
 3 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/lib/commandCenter/panels/root.svelte b/src/lib/commandCenter/panels/root.svelte
index 1eef98382..8d626391e 100644
--- a/src/lib/commandCenter/panels/root.svelte
+++ b/src/lib/commandCenter/panels/root.svelte
@@ -9,7 +9,7 @@
     import { commands, searchers, type Command, isKeyedCommand } from '../commands';
     import Template from './template.svelte';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
-    import { IconArrowRight } from '@appwrite.io/pink-icons-svelte';
+    import { IconArrowSmRight } from '@appwrite.io/pink-icons-svelte';
 
     let search = '';
 
@@ -68,9 +68,9 @@
                     src={`${base}/icons/${$app.themeInUse}/color/${command.image}.svg`}
                     alt={command.label} />
             {:else if command.icon}
-                <Icon icon={command.icon} size="s" />
+                <Icon icon={command.icon} size="s" color="--color-fgcolor-neutral-tertiary" />
             {:else}
-                <Icon icon={IconArrowRight} size="s" />
+                <Icon icon={IconArrowSmRight} size="s" color="--color-fgcolor-neutral-tertiary" />
             {/if}
             <span>
                 {command.label}
diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 92d6d703c..1e6d4011e 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -8,7 +8,7 @@
     import { getCommandCenterCtx } from '../commandCenter.svelte';
 
     import { clearSubPanels, popSubPanel, subPanels } from '../subPanels';
-    import { IconArrowRight } from '@appwrite.io/pink-icons-svelte';
+    import { IconArrowSmRight } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
 
     /* eslint no-undef: "off" */
@@ -297,9 +297,15 @@
                                 <slot name="option" option={castOption(item)}>
                                     <div class="u-flex u-gap-8 u-cross-center">
                                         {#if item.icon}
-                                            <Icon icon={item.icon} size="s" />
+                                            <Icon
+                                                icon={item.icon}
+                                                size="s"
+                                                color="--color-fgcolor-neutral-tertiary" />
                                         {:else}
-                                            <Icon icon={IconArrowRight} size="s" />
+                                            <Icon
+                                                icon={IconArrowSmRight}
+                                                size="s"
+                                                color="--color-fgcolor-neutral-tertiary" />
                                         {/if}
                                         <span>
                                             {item.label}
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 1f2e5b4b6..3fdefe218 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -47,9 +47,13 @@
     import { canSeeProjects } from '$lib/stores/roles';
     import { BottomModalAlert } from '$lib/components';
     import {
-        IconArrowRight,
+        IconAnnotation,
+        IconBookOpen,
+        IconDiscord,
         IconPencil,
         IconPlus,
+        IconQuestionMarkCircle,
+        IconSparkles,
         IconSwitchHorizontal
     } from '@appwrite.io/pink-icons-svelte';
 
@@ -87,7 +91,7 @@
                 addSubPanel(AIPanel);
             },
             keys: ['a', 'i'],
-            icon: IconArrowRight,
+            icon: IconSparkles,
             disabled: !isAssistantEnabled
         },
         {
@@ -105,7 +109,7 @@
                 window.open('https://appwrite.io/docs', '_blank');
             },
             group: 'help',
-            icon: IconArrowRight
+            icon: IconBookOpen
         },
         {
             label: 'Contact support',
@@ -113,7 +117,7 @@
                 window.open('https://appwrite.io/discord', '_blank');
             },
             group: 'help',
-            icon: IconArrowRight
+            icon: IconQuestionMarkCircle
         },
         {
             label: 'Send feedback',
@@ -121,7 +125,7 @@
                 feedback.toggleFeedback();
             },
             group: 'help',
-            icon: IconArrowRight
+            icon: IconAnnotation
         },
         {
             label: 'Join Discord community',
@@ -129,7 +133,7 @@
                 window.open('https://appwrite.io/discord', '_blank');
             },
             group: 'help',
-            icon: IconArrowRight
+            icon: IconDiscord
         },
         ...(['auto', 'dark', 'light'] as const).map((theme) => {
             return {