Update colors and icons

This commit is contained in:
ernstmul
2025-01-27 14:52:11 +01:00
parent 7189dad62d
commit 4d04d4746f
3 changed files with 22 additions and 12 deletions
+3 -3
View File
@@ -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}
+9 -3
View File
@@ -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}
+10 -6
View File
@@ -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 {