diff --git a/src/app.html b/src/app.html index 6339817a5..bd3ff83ac 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 4a159fc78..6ed25c8ef 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 df8e832e2..75528fa0c 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 0d4df1a70..f18ba99fd 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 9dc0c6103..fdf02c75a 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 4f3172a7a..af466aa46 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 c5f025929..000000000 --- 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 000000000..af9916dbe --- /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 000000000..7f612765e --- /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 2d68c7adc..44876f02d 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 70d506979..0736f3c3d 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 000000000..682b517b1 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 000000000..b5ea4abd0 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 50e36cb7c..04a9bdcaa 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 b24dc18ce..9496d8284 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 628a82ec1..39915567e 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 bed3f7556..56917a644 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 33455ffce..17103834f 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 7c6df71e6..467454e18 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 9a0263a42..23fdb4a3d 100644 --- a/src/routes/card/+layout.svelte +++ b/src/routes/card/+layout.svelte @@ -1,12 +1,18 @@