diff --git a/src/app.html b/src/app.html index 6339817a5a..bd3ff83aca 100644 --- a/src/app.html +++ b/src/app.html @@ -3,7 +3,7 @@ - + + + + + + + + + + + + + + + diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte index 4a159fc785..6ed25c8ef3 100644 --- a/src/lib/commandCenter/panels/template.svelte +++ b/src/lib/commandCenter/panels/template.svelte @@ -381,9 +381,9 @@ } :global(.theme-dark) .card { - --cmd-center-bg: rgba(27, 27, 40, 0.8); + --cmd-center-bg: hsl(var(--color-neutral-100-new)); --cmd-center-border: hsl(var(--color-neutral-150)); - --cmd-center-shadow: 0px 16px 32px 0px #14141f; + --cmd-center-shadow: 0px 16px 32px 0px hsl(var(--color-neutral-110-new)); --kbd-bg: hsl(var(--color-neutral-150)); @@ -391,7 +391,11 @@ --crumb-color: hsl(var(--color-neutral-30)); --result-bg: hsl(var(--color-neutral-200)); - --footer-bg: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%); + --footer-bg: linear-gradient( + 180deg, + hsl(var(--color-neutral-100-new)) 0%, + hsl(var(--color-neutral-85-new)) 100% + ); --icon-color: hsl(var(--color-neutral-70)); --label-color: hsl(var(--color-neutral-30)); diff --git a/src/lib/components/avatar.svelte b/src/lib/components/avatar.svelte index df8e832e2c..75528fa0c4 100644 --- a/src/lib/components/avatar.svelte +++ b/src/lib/components/avatar.svelte @@ -2,13 +2,14 @@ export let size: number; export let src: string; export let name: string; + export let color = 'transparent'; {name} diff --git a/src/lib/components/avatarInitials.svelte b/src/lib/components/avatarInitials.svelte index 0d4df1a70a..f18ba99fd4 100644 --- a/src/lib/components/avatarInitials.svelte +++ b/src/lib/components/avatarInitials.svelte @@ -5,8 +5,9 @@ export let name: string; export let size: number; export let background: string | undefined = undefined; + export let color = 'black'; $: src = sdk.forConsole.avatars.getInitials(name, size * 2, size * 2, background).toString(); - + diff --git a/src/lib/components/empty.svelte b/src/lib/components/empty.svelte index 9dc0c61035..fdf02c75a1 100644 --- a/src/lib/components/empty.svelte +++ b/src/lib/components/empty.svelte @@ -29,14 +29,9 @@ on:click={track} aria-label={`create {target}`}> {#if $app.themeInUse === 'dark'} - + {:else} - + {/if} diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte index 4f3172a7a0..af466aa46b 100644 --- a/src/lib/elements/forms/button.svelte +++ b/src/lib/elements/forms/button.svelte @@ -77,17 +77,3 @@ {/if} - - diff --git a/src/lib/images/appwrite-gray-light.svg b/src/lib/images/appwrite-gray-light.svg deleted file mode 100644 index c5f0259297..0000000000 --- a/src/lib/images/appwrite-gray-light.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/lib/images/appwrite-logo-dark.svg b/src/lib/images/appwrite-logo-dark.svg new file mode 100644 index 0000000000..af9916dbe9 --- /dev/null +++ b/src/lib/images/appwrite-logo-dark.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/lib/images/appwrite-logo-light.svg b/src/lib/images/appwrite-logo-light.svg new file mode 100644 index 0000000000..7f612765ec --- /dev/null +++ b/src/lib/images/appwrite-logo-light.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/lib/images/empty-dark.svg b/src/lib/images/empty-dark.svg index 2d68c7adc6..44876f02d1 100644 --- a/src/lib/images/empty-dark.svg +++ b/src/lib/images/empty-dark.svg @@ -1 +1,123 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/empty-light.svg b/src/lib/images/empty-light.svg index 70d506979d..0736f3c3dc 100644 --- a/src/lib/images/empty-light.svg +++ b/src/lib/images/empty-light.svg @@ -1 +1,122 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/login/login-dark-mode.png b/src/lib/images/login/login-dark-mode.png new file mode 100644 index 0000000000..682b517b16 Binary files /dev/null and b/src/lib/images/login/login-dark-mode.png differ diff --git a/src/lib/images/login/login-light-mode.png b/src/lib/images/login/login-light-mode.png new file mode 100644 index 0000000000..b5ea4abd05 Binary files /dev/null and b/src/lib/images/login/login-light-mode.png differ diff --git a/src/lib/images/search-dark.svg b/src/lib/images/search-dark.svg index 50e36cb7c7..04a9bdcaae 100644 --- a/src/lib/images/search-dark.svg +++ b/src/lib/images/search-dark.svg @@ -1 +1,114 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/search-light.svg b/src/lib/images/search-light.svg index b24dc18cee..9496d82840 100644 --- a/src/lib/images/search-light.svg +++ b/src/lib/images/search-light.svg @@ -1 +1,147 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte index 628a82ec18..39915567e3 100644 --- a/src/lib/layout/header.svelte +++ b/src/lib/layout/header.svelte @@ -9,7 +9,8 @@ import { Feedback } from '$lib/components/feedback'; import Button from '$lib/elements/forms/button.svelte'; import { isMac } from '$lib/helpers/platform'; - import AppwriteLogo from '$lib/images/appwrite-gray-light.svg'; + import AppwriteLogoDark from '$lib/images/appwrite-logo-dark.svg'; + import AppwriteLogoLight from '$lib/images/appwrite-logo-light.svg'; import DarkMode from '$lib/images/mode/dark-mode.svg'; import LightMode from '$lib/images/mode/light-mode.svg'; import SystemMode from '$lib/images/mode/system-mode.svg'; @@ -18,7 +19,6 @@ import { newOrgModal, organization, organizationList } from '$lib/stores/organization'; import { sdk } from '$lib/stores/sdk'; import { user } from '$lib/stores/user'; - import { isCloud } from '$lib/system'; import { slide } from 'svelte/transition'; let showDropdown = false; @@ -68,7 +68,11 @@ {#if $page.data.breadcrumbs} @@ -91,7 +95,7 @@ @@ -220,81 +224,9 @@ - {#if isCloud} -
- - Claim your Cloud card - -
- {/if} {/if} {/if} - - diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte index bed3f7556d..56917a6448 100644 --- a/src/lib/layout/unauthenticated.svelte +++ b/src/lib/layout/unauthenticated.svelte @@ -1,175 +1,47 @@ - - -
- {#if isCloud} -
- - -
-

Cloud is Live

- - -
- -

Now in public beta

- -
- -
-

Integrate with your favourite technologies

-
    - {#each technologies as tech} -
  • - -
    • - {/each} -
-
-
-
- {:else} -
-
- - Appwrite - -
- -
- -
-
+
+
+ - -
- -
-
-

Integrate with your favourite technologies

-
    - {#each technologies as tech} -
  • - -
    • - {/each} -
-
-
-
- {/if} -
-
- {#if isCloud} - + src={AppwriteLogoLight} + width="160" + class="u-block u-only-light" + alt="Appwrite Logo" /> + {/if} + +
-
-
Public beta
-
- {/if} +
+
+

Build like a team of hundreds_

+
+
+
+

- {#if isCloud} - - - {/if}

@@ -185,176 +57,74 @@
diff --git a/src/lib/pages/domains/wizard/retry.svelte b/src/lib/pages/domains/wizard/retry.svelte index 33455ffceb..17103834fc 100644 --- a/src/lib/pages/domains/wizard/retry.svelte +++ b/src/lib/pages/domains/wizard/retry.svelte @@ -54,7 +54,7 @@ In order to continue, set the following record on your DNS provider. DNS records may take up to 48 hours to propagate. Please retry over the next 48 hours, but if verification still fails, please contact support. @@ -80,7 +80,7 @@ In order to continue, set the following record on your DNS provider. DNS records may take up to 48 hours to propagate. Please retry over the next 48 hours, but if verification still fails, please contact support. diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 7c6df71e64..467454e188 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -106,17 +106,18 @@ $: { if (browser) { + const isCloudClass = isCloud ? 'is-cloud' : ''; if ($app.theme === 'auto') { const darkThemeMq = window.matchMedia('(prefers-color-scheme: dark)'); if (darkThemeMq.matches) { - document.body.setAttribute('class', `theme-dark`); + document.body.setAttribute('class', `theme-dark ${isCloudClass}`); $app.themeInUse = 'dark'; } else { - document.body.setAttribute('class', `theme-light`); + document.body.setAttribute('class', `theme-light ${isCloudClass}`); $app.themeInUse = 'light'; } } else { - document.body.setAttribute('class', `theme-${$app.theme}`); + document.body.setAttribute('class', `theme-${$app.theme} ${isCloudClass}`); $app.themeInUse = $app.theme; } } @@ -134,6 +135,7 @@ diff --git a/src/routes/card/+layout.svelte b/src/routes/card/+layout.svelte index 9a0263a423..23fdb4a3d5 100644 --- a/src/routes/card/+layout.svelte +++ b/src/routes/card/+layout.svelte @@ -1,12 +1,18 @@