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<string, string> }][] = []
 	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
+		}
+	}
 </script>
 
+<DarkModeObserver on:change={onThemeChange} />
+
 <SearchItems
 	{filter}
 	items={connects ? Object.entries(connects).sort((a, b) => a[0].localeCompare(b[0])) : undefined}
@@ -537,7 +549,11 @@
 			{/if}
 			{#if isGoogleSignin}
 				<button {disabled} on:click={next}>
-					<img class="h-10 w-auto" src="/google_signin.png" alt="Google sign-in" />
+					<img
+						class="h-10 w-auto object-contain"
+						src={darkMode ? '/google_signin_dark.png' : '/google_signin_light.png'}
+						alt="Google sign-in"
+					/>
 				</button>
 			{:else}
 				<Button {disabled} on:click={next}>
diff --git a/frontend/static/google_signin.png b/frontend/static/google_signin.png
deleted file mode 100644
index 04ed9c9708..0000000000
Binary files a/frontend/static/google_signin.png and /dev/null differ
diff --git a/frontend/static/google_signin_dark.png b/frontend/static/google_signin_dark.png
new file mode 100644
index 0000000000..df764d7bf4
Binary files /dev/null and b/frontend/static/google_signin_dark.png differ
diff --git a/frontend/static/google_signin_light.png b/frontend/static/google_signin_light.png
new file mode 100644
index 0000000000..e604998441
Binary files /dev/null and b/frontend/static/google_signin_light.png differ