From 8ca04e49b061675f820e4aeaad6196403eabe135 Mon Sep 17 00:00:00 2001 From: Faton Ramadani Date: Fri, 1 Dec 2023 18:33:00 +0100 Subject: [PATCH] fix(frontend): fix sign in with Google button (#2756) --- frontend/src/lib/components/AppConnect.svelte | 18 +++++++++++++++++- frontend/static/google_signin.png | Bin 4236 -> 0 bytes frontend/static/google_signin_dark.png | Bin 0 -> 2257 bytes frontend/static/google_signin_light.png | Bin 0 -> 2182 bytes 4 files changed, 17 insertions(+), 1 deletion(-) delete mode 100644 frontend/static/google_signin.png create mode 100644 frontend/static/google_signin_dark.png create mode 100644 frontend/static/google_signin_light.png diff --git a/frontend/src/lib/components/AppConnect.svelte b/frontend/src/lib/components/AppConnect.svelte index 3ba233ed40..f3416de771 100644 --- a/frontend/src/lib/components/AppConnect.svelte +++ b/frontend/src/lib/components/AppConnect.svelte @@ -70,6 +70,7 @@ import WhitelistIp from './WhitelistIp.svelte' import { sendUserToast } from '$lib/toast' import OauthScopes from './OauthScopes.svelte' + import DarkModeObserver from './DarkModeObserver.svelte' export let newPageOAuth = false @@ -327,8 +328,19 @@ let filteredConnects: [string, { scopes: string[]; extra_params?: Record }][] = [] let filteredConnectsManual: [string, { img?: string; instructions: string[]; key?: string }][] = [] + + let darkMode: boolean = document.documentElement.classList.contains('dark') + function onThemeChange() { + if (document.documentElement.classList.contains('dark')) { + darkMode = true + } else { + darkMode = false + } + } + + a[0].localeCompare(b[0])) : undefined} @@ -537,7 +549,11 @@ {/if} {#if isGoogleSignin} {:else}