Update appwrite logo

This commit is contained in:
Steven Nguyen
2023-09-20 17:20:03 -07:00
parent 413209b5bd
commit 7be34db844
5 changed files with 31 additions and 14 deletions
File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.2 KiB

+7 -2
View File
@@ -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';
@@ -68,7 +69,11 @@
<a
class="logo"
href={$organization ? `${base}/console/organization-${$organization.$id}` : `${base}/console`}>
<img src={AppwriteLogo} width="132" height="34" alt="Appwrite" />
<img
src={$app.themeInUse == 'dark' ? AppwriteLogoDark : AppwriteLogoLight}
width="120"
height="22"
alt="Appwrite" />
</a>
{#if $page.data.breadcrumbs}
+8 -2
View File
@@ -1,12 +1,18 @@
<script>
import { Shell } from '$lib/layout';
import AppwriteLogo from '$lib/images/appwrite-gray-light.svg';
import { app } from '$lib/stores/app';
import AppwriteLogoDark from '$lib/images/appwrite-logo-dark.svg';
import AppwriteLogoLight from '$lib/images/appwrite-logo-light.svg';
import Footer from '$lib/layout/footer.svelte';
</script>
<Shell>
<a class="logo" slot="header" href={`/console`}>
<img src={AppwriteLogo} width="132" height="34" alt="Appwrite" />
<img
src={$app.themeInUse == 'dark' ? AppwriteLogoDark : AppwriteLogoLight}
width="120"
height="22"
alt="Appwrite Logo" />
</a>
<slot />
<Footer slot="footer" />
+8 -2
View File
@@ -1,12 +1,18 @@
<script>
import { Shell } from '$lib/layout';
import AppwriteLogo from '$lib/images/appwrite-gray-light.svg';
import { app } from '$lib/stores/app';
import AppwriteLogoDark from '$lib/images/appwrite-logo-dark.svg';
import AppwriteLogoLight from '$lib/images/appwrite-logo-light.svg';
import Footer from '$lib/layout/footer.svelte';
</script>
<Shell>
<a class="logo" slot="header" href={`/console`}>
<img src={AppwriteLogo} width="132" height="34" alt="Appwrite" />
<img
src={$app.themeInUse == 'dark' ? AppwriteLogoDark : AppwriteLogoLight}
width="120"
height="22"
alt="Appwrite Logo" />
</a>
<slot />
<Footer slot="footer" />
+8 -2
View File
@@ -1,6 +1,8 @@
<script>
import { fade } from 'svelte/transition';
import AppwriteLogo from '$lib/images/appwrite-gray-light.svg';
import { app } from '$lib/stores/app';
import AppwriteLogoDark from '$lib/images/appwrite-logo-dark.svg';
import AppwriteLogoLight from '$lib/images/appwrite-logo-light.svg';
</script>
<div class="load-screen" out:fade>
@@ -10,7 +12,11 @@
<div />
<div />
</div>
<img src={AppwriteLogo} alt="Appwrite Light Logo" width="132" height="34" />
<img
src={$app.themeInUse == 'dark' ? AppwriteLogoDark : AppwriteLogoLight}
width="120"
height="22"
alt="Appwrite Logo" />
</div>
<style lang="scss">