From 982f43bfe1e0948bebc2fc29eb95d8de55c80f9b Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 5 Sep 2022 11:31:15 +0200
Subject: [PATCH] feat: images shown logic handled by svelte

---
 src/lib/layout/unauthenticated.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index 45088962e..30d8a086c 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -2,6 +2,8 @@
     import AppwriteLogo from '$lib/images/appwrite.svg';
     import LoginLight from '$lib/images/login/login-light-mode.svg';
     import LoginDark from '$lib/images/login/login-dark-mode.svg';
+    3;
+    import { app } from '$lib/stores/app';
 
     const technologies = [
         'js',
@@ -33,8 +35,11 @@
         <div
             class="container u-margin-block-start-20"
             style="--p-container-max-size: var(--container-size-large);">
-            <img src={LoginLight} alt="" class="u-only-light" />
-            <img src={LoginDark} alt="" class="u-only-dark" />
+            {#if $app.themeInUse === 'dark'}
+                <img src={LoginDark} alt="" class="u-only-dark" />
+            {:else}
+                <img src={LoginLight} alt="" class="u-only-light" />
+            {/if}
         </div>
 
         <div class="u-margin-block-start-auto" />