diff --git a/.storybook/decorators/withTheme.tsx b/.storybook/decorators/withTheme.tsx
index 90699cd60ffab..a1374cb810292 100644
--- a/.storybook/decorators/withTheme.tsx
+++ b/.storybook/decorators/withTheme.tsx
@@ -1,4 +1,7 @@
 import type { Decorator } from '@storybook/react'
+import { useActions } from 'kea'
+import { useEffect } from 'react'
+import { userLogic } from 'scenes/userLogic'
 
 /** Global story decorator that is used by the theming control to
  * switch between themes.
@@ -6,8 +9,12 @@ import type { Decorator } from '@storybook/react'
 export const withTheme: Decorator = (Story, context) => {
     const theme = context.globals.theme
 
-    // set the theme
-    document.body.setAttribute('theme', theme === 'dark' ? 'dark' : 'light')
+    const { __testOnlyOverrideThemeFromCookie } = useActions(userLogic)
+
+    useEffect(() => {
+        document.body.setAttribute('theme', theme)
+        __testOnlyOverrideThemeFromCookie(theme)
+    }, [theme])
 
     return <Story />
 }
diff --git a/.storybook/test-runner.ts b/.storybook/test-runner.ts
index 97cd99d515dd0..59aca268fd713 100644
--- a/.storybook/test-runner.ts
+++ b/.storybook/test-runner.ts
@@ -3,10 +3,10 @@ import { getStoryContext, TestRunnerConfig, TestContext, waitForPageReady } from
 import type { Locator, Page, LocatorScreenshotOptions } from '@playwright/test'
 import type { Mocks } from '~/mocks/utils'
 import { StoryContext } from '@storybook/csf'
+import { UserTheme } from '~/types'
 
 // 'firefox' is technically supported too, but as of June 2023 it has memory usage issues that make is unusable
 type SupportedBrowserName = 'chromium' | 'webkit'
-type SnapshotTheme = 'light' | 'dark'
 
 // Extend Storybook interface `Parameters` with Chromatic parameters
 declare module '@storybook/types' {
@@ -44,7 +44,7 @@ declare module '@storybook/types' {
     }
 
     interface Globals {
-        theme: SnapshotTheme
+        theme: UserTheme
     }
 }
 
@@ -116,7 +116,7 @@ async function expectStoryToMatchSnapshot(
         page: Page,
         context: TestContext,
         browser: SupportedBrowserName,
-        theme: SnapshotTheme,
+        theme: UserTheme,
         targetSelector?: string
     ) => Promise<void>
     if (storyContext.parameters?.layout === 'fullscreen') {
@@ -129,7 +129,8 @@ async function expectStoryToMatchSnapshot(
         check = expectStoryToMatchComponentSnapshot
     }
 
-    await waitForPageReady(page)
+   await waitForPageReady(page)
+
     await page.evaluate((layout: string) => {
         // Stop all animations for consistent snapshots, and adjust other styles
         document.body.classList.add('storybook-test-runner')
@@ -152,18 +153,18 @@ async function expectStoryToMatchSnapshot(
         Array.from(document.querySelectorAll('img')).every((i: HTMLImageElement) => i.complete)
     )
 
-    // snapshot light theme
+    // Light theme snapshot
     await page.evaluate(() => {
         document.body.setAttribute('theme', 'light')
+        window.__testOnlyOverrideThemeFromCookie('light')
     })
-
     await check(page, context, browser, 'light', storyContext.parameters?.testOptions?.snapshotTargetSelector)
 
-    // snapshot dark theme
-    await page.evaluate(() => {
+    // Dark theme snapshot
+    await page.evaluate(() =>  {
         document.body.setAttribute('theme', 'dark')
+        window.__testOnlyOverrideThemeFromCookie('dark')
     })
-
     await check(page, context, browser, 'dark', storyContext.parameters?.testOptions?.snapshotTargetSelector)
 }
 
@@ -171,7 +172,7 @@ async function expectStoryToMatchViewportSnapshot(
     page: Page,
     context: TestContext,
     browser: SupportedBrowserName,
-    theme: SnapshotTheme
+    theme: UserTheme
 ): Promise<void> {
     await expectLocatorToMatchStorySnapshot(page, context, browser, theme)
 }
@@ -180,7 +181,7 @@ async function expectStoryToMatchSceneSnapshot(
     page: Page,
     context: TestContext,
     browser: SupportedBrowserName,
-    theme: SnapshotTheme
+    theme: UserTheme
 ): Promise<void> {
     // If the `main` element isn't present, let's use `body` - this is needed in logged-out screens.
     // We use .last(), because the order of selector matches is based on the order of elements in the DOM,
@@ -192,7 +193,7 @@ async function expectStoryToMatchComponentSnapshot(
     page: Page,
     context: TestContext,
     browser: SupportedBrowserName,
-    theme: SnapshotTheme,
+    theme: UserTheme,
     targetSelector: string = '#storybook-root'
 ): Promise<void> {
     await page.evaluate(() => {
@@ -228,7 +229,7 @@ async function expectLocatorToMatchStorySnapshot(
     locator: Locator | Page,
     context: TestContext,
     browser: SupportedBrowserName,
-    theme: SnapshotTheme,
+    theme: UserTheme,
     options?: LocatorScreenshotOptions
 ): Promise<void> {
     const image = await locator.screenshot({ ...options })
diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png b/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png
index e28cfee483210..2415e83315de9 100644
Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png differ
diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png
index 2eeea5c642cd0..167bfe31a1c82 100644
Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png differ
diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png
index f4714b9592759..64bb36752e860 100644
Binary files a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png and b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png differ
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png
index cceadf532f62a..fa1cb156ea73a 100644
Binary files a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png differ
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png
index b71791b88a566..6e64d78e48d24 100644
Binary files a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png differ
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png
index d89e15a5f127f..df7bedc152696 100644
Binary files a/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png differ
diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png
index fa1f7a89fb302..d812f48961260 100644
Binary files a/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png differ
diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png
index 877c3efc21c12..85295b8a8a985 100644
Binary files a/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png differ
diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png
index 74824563c8f49..cbf19dfa4784a 100644
Binary files a/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png differ
diff --git a/frontend/__snapshots__/lemon-ui-code-snippet--java-script--dark.png b/frontend/__snapshots__/lemon-ui-code-snippet--java-script--dark.png
index f843eec37c314..4eb159ae8f991 100644
Binary files a/frontend/__snapshots__/lemon-ui-code-snippet--java-script--dark.png and b/frontend/__snapshots__/lemon-ui-code-snippet--java-script--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png b/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png
index ed2947ef9fdf3..42f7d49320c01 100644
Binary files a/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png and b/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png b/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png
index 0ff80daf82147..ed8ba8602cbb0 100644
Binary files a/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png and b/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png
index 7e63dcc4450bd..389219e24968c 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png
index 97fb2a7698f4c..e079df046a30f 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png
index 1e918ce2709b2..f92d6dcb4f274 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png
index 008f01bad3350..c3b916663eab5 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png
index 23529892be689..274fc8bbbc7af 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png
index 1d24134e02a19..4e7a2b39e444a 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png
index 2a6a6a4fa1fb3..29e2b2e1902b9 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png
index d72e22cc40466..4552751d6f790 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png
index 8725f1bae561c..c95aaee04fcce 100644
Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png
index 43adc29eb00ce..25cc925f67086 100644
Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png differ
diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png
index ef042d71c7de9..704c3a0e0fb25 100644
Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png
index 4946aedfeb38a..648d271e81937 100644
Binary files a/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png
index 6767462f173e0..55eaa233d847f 100644
Binary files a/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png
index 605ac3e495e9c..fd7088f0aa58d 100644
Binary files a/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png
index fc126241a2102..60468bb5bce41 100644
Binary files a/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png
index 06d405fe4af12..33e12077bd073 100644
Binary files a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png
index 1aa1af55b6ba0..0be14d0ec729f 100644
Binary files a/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--cloud--dark.png b/frontend/__snapshots__/scenes-other-login--cloud--dark.png
index 7a14791959cef..72f4e2e7467b7 100644
Binary files a/frontend/__snapshots__/scenes-other-login--cloud--dark.png and b/frontend/__snapshots__/scenes-other-login--cloud--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png b/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png
index 1708f185a9db4..a5c5ad78458d5 100644
Binary files a/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png and b/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png b/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png
index d0e0904bb1796..859fa7dac3faa 100644
Binary files a/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png and b/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--second-factor--dark.png b/frontend/__snapshots__/scenes-other-login--second-factor--dark.png
index 442c6d925ac8f..5c847d97b9536 100644
Binary files a/frontend/__snapshots__/scenes-other-login--second-factor--dark.png and b/frontend/__snapshots__/scenes-other-login--second-factor--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png b/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png
index 00219a94898ad..5b093b371c9e0 100644
Binary files a/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png and b/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png b/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png
index 752d4e4ee3c7d..a01832684ba38 100644
Binary files a/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png and b/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-login--sso-error--dark.png b/frontend/__snapshots__/scenes-other-login--sso-error--dark.png
index d3e245bf489c0..e0c894adcd6ce 100644
Binary files a/frontend/__snapshots__/scenes-other-login--sso-error--dark.png and b/frontend/__snapshots__/scenes-other-login--sso-error--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png b/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png
index 3b025adbf1e77..035c0f872e30f 100644
Binary files a/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png and b/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png b/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png
index 6cb6eb6d746fc..f4f5542081cad 100644
Binary files a/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png and b/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png b/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png
index 89642680118fe..69abb12ca5c30 100644
Binary files a/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png and b/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-password-reset--success--dark.png b/frontend/__snapshots__/scenes-other-password-reset--success--dark.png
index 4bfe10a123e4f..b7c5a43b6d76c 100644
Binary files a/frontend/__snapshots__/scenes-other-password-reset--success--dark.png and b/frontend/__snapshots__/scenes-other-password-reset--success--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png b/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png
index bb0239106bde1..a1d1a33c15a0c 100644
Binary files a/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png and b/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png b/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png
index 81780bef94ddb..a8967c8a64ca9 100644
Binary files a/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png and b/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png b/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png
index 94d798172a128..455e2416bceb8 100644
Binary files a/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png and b/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png b/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png
index da76826c30718..ef7659b15919b 100644
Binary files a/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png and b/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--cloud--dark.png b/frontend/__snapshots__/scenes-other-signup--cloud--dark.png
index 3812da12f2360..7f2340752e207 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--cloud--dark.png and b/frontend/__snapshots__/scenes-other-signup--cloud--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--cloud--light.png b/frontend/__snapshots__/scenes-other-signup--cloud--light.png
index 06af20259734b..51e0d39b9ee49 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--cloud--light.png and b/frontend/__snapshots__/scenes-other-signup--cloud--light.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png b/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png
index 4070b44e89d74..36d7947663671 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png and b/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png b/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png
index cf918675e9bfe..6c1cf0fe8915e 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png and b/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png
index cdb034b88aba3..ca190c1a587b8 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png and b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png
index 51591a33cb059..b69a17b8ee1f3 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png and b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png differ
diff --git a/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png b/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png
index 9602bbe205787..466abc0c89adb 100644
Binary files a/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png and b/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png
index dd975c4acc401..779dc036e8db5 100644
Binary files a/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png
index 0d23b6e09b819..012f3a5047c47 100644
Binary files a/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png
index 2bf2567a3e6db..f72c87002d8f9 100644
Binary files a/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png differ
diff --git a/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png
index c970e47f22a45..4ee3879c0defb 100644
Binary files a/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png and b/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png differ
diff --git a/frontend/public/posthog-logo-cloud-dark.svg b/frontend/public/posthog-logo-cloud-dark.svg
new file mode 100644
index 0000000000000..31fb389a4fc7f
--- /dev/null
+++ b/frontend/public/posthog-logo-cloud-dark.svg
@@ -0,0 +1,32 @@
+<svg width="238" height="30" viewBox="0 0 238 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<g clip-path="url(#clip1)">
+<path d="M11.3914 17.2058C11.0229 17.9428 9.97106 17.9428 9.60253 17.2058L8.72117 15.443C8.5804 15.1615 8.5804 14.8301 8.72117 14.5486L9.60253 12.7859C9.97106 12.0488 11.0229 12.0488 11.3914 12.7859L12.2728 14.5486C12.4135 14.8301 12.4135 15.1615 12.2728 15.443L11.3914 17.2058Z" fill="#fff"/>
+<path d="M11.3914 27.2028C11.0229 27.9398 9.97106 27.9398 9.60253 27.2028L8.72117 25.44C8.5804 25.1585 8.5804 24.8271 8.72117 24.5456L9.60253 22.7829C9.97106 22.0458 11.0229 22.0458 11.3914 22.7829L12.2728 24.5456C12.4135 24.8271 12.4135 25.1585 12.2728 25.44L11.3914 27.2028Z" fill="#fff"/>
+<path d="M0.5 23.4082C0.5 22.5173 1.57714 22.0711 2.20711 22.7011L6.79049 27.2845C7.42046 27.9145 6.97429 28.9916 6.08339 28.9916H1.5C0.947715 28.9916 0.5 28.5439 0.5 27.9916V23.4082ZM0.5 18.5804C0.5 18.8456 0.605357 19.1 0.792893 19.2875L10.2041 28.6987C10.3916 28.8862 10.646 28.9916 10.9112 28.9916H16.0804C16.9713 28.9916 17.4175 27.9145 16.7875 27.2845L2.20711 12.7041C1.57714 12.0741 0.5 12.5203 0.5 13.4112V18.5804ZM0.5 8.58339C0.5 8.8486 0.605357 9.10296 0.792893 9.29049L20.2011 28.6987C20.3886 28.8862 20.643 28.9916 20.9082 28.9916H26.0774C26.9683 28.9916 27.4145 27.9145 26.7845 27.2845L2.20711 2.70711C1.57715 2.07715 0.5 2.52331 0.5 3.41421V8.58339ZM10.497 8.58339C10.497 8.8486 10.6024 9.10296 10.7899 9.29049L28.7839 27.2845C29.4139 27.9145 30.491 27.4683 30.491 26.5774V21.4082C30.491 21.143 30.3856 20.8886 30.1981 20.7011L12.2041 2.7071C11.5741 2.07714 10.497 2.52331 10.497 3.41421V8.58339ZM22.2011 2.70711C21.5711 2.07714 20.494 2.52331 20.494 3.41421V8.58339C20.494 8.8486 20.5994 9.10296 20.7869 9.29049L28.7839 17.2875C29.4139 17.9175 30.491 17.4713 30.491 16.5804V11.4112C30.491 11.146 30.3856 10.8916 30.1981 10.7041L22.2011 2.70711Z" fill="#fff"/>
+<path d="M43.0249 23.5309L33.6121 14.1181C32.9822 13.4882 31.905 13.9343 31.905 14.8252V27.9916C31.905 28.5439 32.3527 28.9916 32.905 28.9916H47.4857C48.0379 28.9916 48.4857 28.5439 48.4857 27.9916V26.7926C48.4857 26.2403 48.0361 25.7993 47.4884 25.728C45.8076 25.5092 44.2356 24.7415 43.0249 23.5309ZM36.7036 25.7926C35.8207 25.7926 35.1041 25.076 35.1041 24.1931C35.1041 23.3101 35.8207 22.5936 36.7036 22.5936C37.5865 22.5936 38.3031 23.3101 38.3031 24.1931C38.3031 25.076 37.5865 25.7926 36.7036 25.7926Z" fill="#fff"/>
+<path d="M0.5 27.9916C0.5 28.5439 0.947715 28.9916 1.5 28.9916H6.08339C6.97429 28.9916 7.42046 27.9145 6.7905 27.2845L2.20711 22.7011C1.57714 22.0712 0.5 22.5173 0.5 23.4082V27.9916Z" fill="#fff"/>
+<path d="M10.497 10.997L2.20711 2.70711C1.57714 2.07714 0.5 2.52331 0.5 3.41421V8.58339C0.5 8.8486 0.605357 9.10296 0.792893 9.29049L10.497 18.9946V10.997Z" fill="#fff"/>
+<path d="M2.20711 12.7041C1.57714 12.0741 0.5 12.5203 0.5 13.4112V18.5804C0.5 18.8456 0.605357 19.1 0.792893 19.2875L10.497 28.9916V20.994L2.20711 12.7041Z" fill="#fff"/>
+<path d="M20.4941 11.4112C20.4941 11.146 20.3887 10.8916 20.2012 10.7041L12.2042 2.70711C11.5742 2.07714 10.4971 2.52331 10.4971 3.41421V8.58339C10.4971 8.8486 10.6024 9.10296 10.79 9.29049L20.4941 18.9946V11.4112Z" fill="#fff"/>
+<path d="M10.4971 28.9916H16.0805C16.9714 28.9916 17.4175 27.9145 16.7876 27.2845L10.4971 20.994V28.9916Z" fill="#fff"/>
+<path d="M10.4971 10.997V18.5804C10.4971 18.8456 10.6024 19.1 10.79 19.2875L20.4941 28.9916V21.4082C20.4941 21.143 20.3887 20.8887 20.2012 20.7011L10.4971 10.997Z" fill="#fff"/>
+</g>
+<path d="M60.1497 25H64.2577V18.188H67.6897C71.4597 18.188 73.8777 15.9521 73.8777 12.494C73.8777 9.03605 71.4597 6.80005 67.6897 6.80005H60.1497V25ZM64.2577 14.678V10.3101H67.2737C68.8337 10.3101 69.7697 11.142 69.7697 12.494C69.7697 13.8461 68.8337 14.678 67.2737 14.678H64.2577Z" fill="#fff"/>
+<path d="M81.3096 25.208C85.3136 25.208 88.2256 22.348 88.2256 18.448C88.2256 14.548 85.3136 11.688 81.3096 11.688C77.2536 11.688 74.3936 14.548 74.3936 18.448C74.3936 22.348 77.2536 25.208 81.3096 25.208ZM78.1896 18.448C78.1896 16.368 79.4376 14.938 81.3096 14.938C83.1556 14.938 84.4036 16.368 84.4036 18.448C84.4036 20.528 83.1556 21.958 81.3096 21.958C79.4376 21.958 78.1896 20.528 78.1896 18.448Z" fill="#fff"/>
+<path d="M94.7995 25.208C97.8675 25.208 99.9475 23.284 99.9475 21.022C99.9475 15.718 92.9015 17.434 92.9015 15.354C92.9015 14.7821 93.4995 14.4181 94.3575 14.4181C95.2415 14.4181 96.3075 14.964 96.6455 16.16L99.7135 14.886C99.1155 12.988 96.9055 11.688 94.2275 11.688C91.3415 11.688 89.5475 13.404 89.5475 15.458C89.5475 20.424 96.4895 19.046 96.4895 21.1C96.4895 21.828 95.8135 22.3221 94.7995 22.3221C93.3435 22.3221 92.3295 21.3081 92.0175 20.0861L88.9495 21.282C89.6255 23.258 91.6015 25.208 94.7995 25.208Z" fill="#fff"/>
+<path d="M109.83 24.8701L109.57 21.5681C109.128 21.8021 108.556 21.88 108.088 21.88C107.152 21.88 106.528 21.2041 106.528 20.034V15.068H109.7V11.896H106.528V8.10005H102.706V11.896H100.626V15.068H102.706V20.528C102.706 23.7001 104.864 25.208 107.698 25.208C108.478 25.208 109.206 25.0781 109.83 24.8701Z" fill="#fff"/>
+<path d="M123.156 6.80005V13.872H115.928V6.80005H111.82V25H115.928V17.382H123.156V25H127.29V6.80005H123.156Z" fill="#fff"/>
+<path d="M136.408 25.208C140.412 25.208 143.324 22.348 143.324 18.448C143.324 14.548 140.412 11.688 136.408 11.688C132.352 11.688 129.492 14.548 129.492 18.448C129.492 22.348 132.352 25.208 136.408 25.208ZM133.288 18.448C133.288 16.368 134.536 14.938 136.408 14.938C138.254 14.938 139.502 16.368 139.502 18.448C139.502 20.528 138.254 21.958 136.408 21.958C134.536 21.958 133.288 20.528 133.288 18.448Z" fill="#fff"/>
+<path d="M150.701 24.584C152.131 24.584 153.405 24.09 154.081 23.232V24.48C154.081 25.936 152.911 26.9501 151.117 26.9501C149.843 26.9501 148.725 26.326 148.543 25.26L145.059 25.806C145.527 28.276 148.049 29.9401 151.117 29.9401C155.147 29.9401 157.825 27.574 157.825 24.064V11.896H154.055V13.014C153.353 12.208 152.157 11.688 150.623 11.688C146.983 11.688 144.695 14.184 144.695 18.136C144.695 22.088 146.983 24.584 150.701 24.584ZM148.413 18.136C148.413 16.186 149.557 14.938 151.325 14.938C153.119 14.938 154.263 16.186 154.263 18.136C154.263 20.086 153.119 21.334 151.325 21.334C149.557 21.334 148.413 20.086 148.413 18.136Z" fill="#fff"/>
+</g>
+<path d="M175.51 25.208C179.8 25.208 182.842 23.05 183.7 19.436L179.566 18.5C179.15 20.45 177.616 21.672 175.484 21.672C172.702 21.672 170.492 19.696 170.492 15.9C170.492 12.104 172.728 10.102 175.484 10.102C177.59 10.102 179.254 11.48 179.67 13.664L183.752 12.806C183.232 9.036 180.06 6.592 175.51 6.592C170.648 6.592 166.358 9.764 166.358 15.9C166.358 22.036 170.57 25.208 175.51 25.208ZM185.917 25H189.739V6.592H185.917V25ZM198.703 25.208C202.707 25.208 205.619 22.348 205.619 18.448C205.619 14.548 202.707 11.688 198.703 11.688C194.647 11.688 191.787 14.548 191.787 18.448C191.787 22.348 194.647 25.208 198.703 25.208ZM195.583 18.448C195.583 16.368 196.831 14.938 198.703 14.938C200.549 14.938 201.797 16.368 201.797 18.448C201.797 20.528 200.549 21.958 198.703 21.958C196.831 21.958 195.583 20.528 195.583 18.448ZM220.276 11.896H216.454V17.642C216.454 20.346 215.518 21.828 213.698 21.828C212.32 21.828 211.436 20.866 211.436 19.436V11.896H207.64V20.45C207.64 23.336 209.564 25.208 212.45 25.208C214.244 25.208 215.674 24.402 216.454 23.258V25H220.276V11.896ZM228.481 25.208C229.963 25.208 231.289 24.636 231.965 23.7V25H235.787V6.592H231.965V13.144C231.237 12.26 230.015 11.688 228.429 11.688C224.633 11.688 222.319 14.34 222.319 18.448C222.319 22.556 224.633 25.208 228.481 25.208ZM226.037 18.448C226.037 16.342 227.285 14.938 229.105 14.938C230.977 14.938 232.199 16.342 232.199 18.448C232.199 20.554 230.977 21.958 229.105 21.958C227.285 21.958 226.037 20.554 226.037 18.448Z" fill="#fff"/>
+<defs>
+<clipPath id="clip0">
+<rect width="157" height="30" fill="white" transform="translate(0.5)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="50" height="30" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/frontend/public/posthog-logo-cloud.svg b/frontend/public/posthog-logo-cloud-light.svg
similarity index 100%
rename from frontend/public/posthog-logo-cloud.svg
rename to frontend/public/posthog-logo-cloud-light.svg
diff --git a/frontend/public/posthog-logo-dark.svg b/frontend/public/posthog-logo-dark.svg
new file mode 100644
index 0000000000000..7b0bbe4491448
--- /dev/null
+++ b/frontend/public/posthog-logo-dark.svg
@@ -0,0 +1 @@
+<svg fill="none" height="30" viewBox="0 0 157 30" width="157" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h157v30h-157z"/></clipPath><g clip-path="url(#a)"><path d="m10.8914 17.2058c-.3685.7371-1.42034.7371-1.78887 0l-.88136-1.7627c-.14077-.2815-.14077-.6129 0-.8944l.88136-1.7628c.36853-.737 1.42037-.737 1.78887 0l.8814 1.7628c.1407.2815.1407.6129 0 .8944z" fill="#fff"/><path d="m10.8914 27.2029c-.3685.737-1.42034.737-1.78887 0l-.88136-1.7627c-.14077-.2816-.14077-.6129 0-.8945l.88136-1.7627c.36853-.7371 1.42037-.7371 1.78887 0l.8814 1.7627c.1407.2816.1407.6129 0 .8945z" fill="#fff"/><path d="m0 23.4082c0-.8909 1.07714-1.3371 1.70711-.7071l4.58338 4.5834c.62997.63.1838 1.7071-.7071 1.7071h-4.583391c-.552284 0-.999999-.4477-.999999-1zm0-4.8278c0 .2652.105357.5196.292893.7071l9.411217 9.4112c.18753.1875.44189.2929.70709.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-14.58039-14.5804c-.62997-.63-1.70711-.1838-1.70711.7071zm0-9.99701c0 .26521.105357.51957.292893.7071l19.408207 19.40821c.1875.1875.4419.2929.7071.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-24.57739-24.57739c-.62996-.62996-1.70711-.1838-1.70711.7071zm9.997 0c0 .26521.1054.51957.2929.7071l17.994 17.99401c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-17.994-17.994c-.63-.62996-1.7071-.18379-1.7071.70711zm11.7041-5.87628c-.63-.62997-1.7071-.1838-1.7071.7071v5.16918c0 .26521.1054.51957.2929.7071l7.997 7.99701c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071z" fill="#fff"/><path d="m42.5249 23.531-9.4128-9.4128c-.6299-.6299-1.7071-.1838-1.7071.7071v13.1665c0 .5522.4477 1 1 1h14.5807c.5522 0 1-.4478 1-1v-1.1991c0-.5523-.4496-.9933-.9973-1.0646-1.6808-.2188-3.2528-.9864-4.4635-2.1971zm-6.3213 2.2617c-.8829 0-1.5995-.7166-1.5995-1.5995s.7166-1.5995 1.5995-1.5995 1.5995.7166 1.5995 1.5995-.7166 1.5995-1.5995 1.5995z" fill="#fff"/><path d="m0 27.9917c0 .5523.447715 1 1 1h4.58339c.8909 0 1.33707-1.0771.70711-1.7071l-4.58339-4.5834c-.62997-.6299-1.70711-.1838-1.70711.7072z" fill="#fff"/><path d="m9.997 10.997-8.28989-8.28989c-.62997-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.105357.51957.292893.7071l9.704107 9.70411z" fill="#fff"/><path d="m1.70711 12.7042c-.62997-.63-1.70711-.1838-1.70711.7071v5.1692c0 .2652.105357.5195.292893.7071l9.704107 9.7041v-7.9976z" fill="#fff"/><path d="m19.9939 11.4112c0-.2652-.1053-.5196-.2928-.7071l-7.997-7.99699c-.63-.62997-1.70715-.1838-1.70715.7071v5.16918c0 .26521.10535.51957.29285.7071l9.7041 9.70411z" fill="#fff"/><path d="m9.99707 28.9917h5.58343c.8909 0 1.337-1.0771.7071-1.7071l-6.29053-6.2905z" fill="#fff"/><path d="m9.99707 10.9971v7.5834c0 .2652.10533.5195.29293.7071l9.7041 9.7041v-7.5834c0-.2652-.1054-.5196-.2929-.7071z" fill="#fff"/><g fill="#fff"><path d="m59.6497 24.9998h4.108v-6.812h3.432c3.77 0 6.188-2.236 6.188-5.694 0-3.45799-2.418-5.694-6.188-5.694h-7.54zm4.108-10.322v-4.368h3.016c1.56 0 2.496.832 2.496 2.184s-.936 2.184-2.496 2.184z"/><path d="m80.8096 25.2078c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m94.2995 25.2078c3.068 0 5.148-1.924 5.148-4.186 0-5.304-7.046-3.588-7.046-5.668 0-.572.598-.936 1.456-.936.884 0 1.95.546 2.288 1.742l3.068-1.274c-.598-1.898-2.808-3.198-5.486-3.198-2.886 0-4.68 1.716-4.68 3.77 0 4.966 6.942 3.588 6.942 5.642 0 .728-.676 1.222-1.69 1.222-1.456 0-2.47-1.014-2.782-2.236l-3.068 1.196c.676 1.976 2.652 3.926 5.85 3.926z"/><path d="m109.33 24.8698-.26-3.302c-.442.234-1.014.312-1.482.312-.936 0-1.56-.676-1.56-1.846v-4.966h3.172v-3.172h-3.172v-3.796h-3.822v3.796h-2.08v3.172h2.08v5.46c0 3.172 2.158 4.68 4.992 4.68.78 0 1.508-.13 2.132-.338z"/><path d="m122.656 6.7998v7.072h-7.228v-7.072h-4.108v18.2h4.108v-7.618h7.228v7.618h4.134v-18.2z"/><path d="m135.908 25.2078c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m150.201 24.5838c1.43 0 2.704-.494 3.38-1.352v1.248c0 1.456-1.17 2.47-2.964 2.47-1.274 0-2.392-.624-2.574-1.69l-3.484.546c.468 2.47 2.99 4.134 6.058 4.134 4.03 0 6.708-2.366 6.708-5.876v-12.168h-3.77v1.118c-.702-.806-1.898-1.326-3.432-1.326-3.64 0-5.928 2.496-5.928 6.448s2.288 6.448 6.006 6.448zm-2.288-6.448c0-1.95 1.144-3.198 2.912-3.198 1.794 0 2.938 1.248 2.938 3.198s-1.144 3.198-2.938 3.198c-1.768 0-2.912-1.248-2.912-3.198z"/></g></g></svg>
diff --git a/frontend/public/posthog-logo-demo-dark.svg b/frontend/public/posthog-logo-demo-dark.svg
new file mode 100644
index 0000000000000..69ea55688b5fb
--- /dev/null
+++ b/frontend/public/posthog-logo-demo-dark.svg
@@ -0,0 +1 @@
+<svg fill="none" height="30" viewBox="0 0 236 30" width="236" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h157v30h-157z"/></clipPath><g clip-path="url(#a)"><path d="m10.8919 17.2058c-.3685.7371-1.42035.7371-1.78888 0l-.88137-1.7627c-.14076-.2815-.14076-.6129 0-.8944l.88137-1.7628c.36853-.737 1.42038-.737 1.78888 0l.8813 1.7628c.1408.2815.1408.6129 0 .8944z" fill="#fff"/><path d="m10.8919 27.2026c-.3685.7371-1.42035.7371-1.78888 0l-.88137-1.7627c-.14076-.2815-.14076-.6129 0-.8944l.88137-1.7627c.36852-.7371 1.42038-.7371 1.78888 0l.8813 1.7627c.1408.2815.1408.6129 0 .8944z" fill="#fff"/><path d="m0 23.4082c0-.8909 1.07714-1.3371 1.70711-.7071l4.58338 4.5834c.62997.63.1838 1.7071-.7071 1.7071h-4.583391c-.552284 0-.999999-.4477-.999999-1zm0-4.8278c0 .2652.105357.5196.292893.7071l9.411217 9.4112c.18753.1875.44189.2929.70709.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-14.58039-14.5804c-.62997-.63-1.70711-.1838-1.70711.7071zm0-9.99701c0 .26521.105357.51957.292893.7071l19.408207 19.40821c.1875.1875.4419.2929.7071.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-24.57739-24.57739c-.62996-.62996-1.70711-.1838-1.70711.7071zm9.997 0c0 .26521.1054.51957.2929.7071l17.994 17.99401c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-17.994-17.994c-.63-.62996-1.7071-.18379-1.7071.70711zm11.7041-5.87628c-.63-.62997-1.7071-.1838-1.7071.7071v5.16918c0 .26521.1054.51957.2929.7071l7.997 7.99701c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071z" fill="#fff"/><path d="m42.5242 23.5308-9.4128-9.4128c-.63-.63-1.7071-.1838-1.7071.7071v13.1664c0 .5523.4477 1 1 1h14.5806c.5523 0 1-.4477 1-1v-1.199c0-.5523-.4496-.9933-.9972-1.0646-1.6808-.2189-3.2529-.9865-4.4635-2.1971zm-6.3213 2.2617c-.883 0-1.5996-.7166-1.5996-1.5995 0-.883.7166-1.5996 1.5996-1.5996.8829 0 1.5995.7166 1.5995 1.5996 0 .8829-.7166 1.5995-1.5995 1.5995z" fill="#fff"/><path d="m0 27.9915c0 .5523.447715 1 1 1h4.58339c.8909 0 1.33707-1.0771.70711-1.7071l-4.58339-4.5834c-.62997-.63-1.70711-.1838-1.70711.7071z" fill="#fff"/><path d="m9.997 10.997-8.28989-8.28989c-.62997-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.105357.51957.292893.7071l9.704107 9.70411z" fill="#fff"/><path d="m1.70711 12.7042c-.62997-.63-1.70711-.1838-1.70711.7071v5.1692c0 .2652.105357.5195.292893.7071l9.704107 9.7041v-7.9976z" fill="#fff"/><path d="m19.9931 11.4112c0-.2652-.1054-.5196-.2929-.7071l-7.997-7.99699c-.63-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.10541.51957.29291.7071l9.7041 9.70411z" fill="#fff"/><path d="m9.99609 28.9915h5.58341c.8909 0 1.3371-1.0771.7071-1.7071l-6.29051-6.2905z" fill="#fff"/><path d="m9.99609 10.9971v7.5834c0 .2652.10541.5195.29291.7071l9.7041 9.7041v-7.5834c0-.2652-.1054-.5196-.2929-.7071z" fill="#fff"/><g fill="#fff"><path d="m59.6504 25h4.108v-6.812h3.432c3.77 0 6.188-2.2359 6.188-5.694 0-3.45795-2.418-5.69395-6.188-5.69395h-7.54zm4.108-10.322v-4.3679h3.016c1.56 0 2.496.8319 2.496 2.1839 0 1.3521-.936 2.184-2.496 2.184z"/><path d="m80.8103 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m94.3003 25.208c3.068 0 5.148-1.924 5.148-4.186 0-5.304-7.046-3.588-7.046-5.668 0-.5719.598-.9359 1.456-.9359.884 0 1.95.5459 2.288 1.7419l3.068-1.274c-.598-1.898-2.808-3.198-5.486-3.198-2.886 0-4.68 1.716-4.68 3.77 0 4.966 6.942 3.588 6.942 5.642 0 .728-.676 1.2221-1.69 1.2221-1.456 0-2.47-1.014-2.782-2.236l-3.068 1.1959c.676 1.976 2.652 3.926 5.85 3.926z"/><path d="m109.331 24.8701-.26-3.302c-.442.234-1.014.3119-1.482.3119-.936 0-1.56-.6759-1.56-1.846v-4.966h3.172v-3.172h-3.172v-3.79595h-3.822v3.79595h-2.08v3.172h2.08v5.46c0 3.1721 2.158 4.68 4.992 4.68.78 0 1.508-.1299 2.132-.3379z"/><path d="m122.657 6.80005v7.07195h-7.228v-7.07195h-4.108v18.19995h4.108v-7.618h7.228v7.618h4.134v-18.19995z"/><path d="m135.909 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m150.202 24.584c1.43 0 2.704-.494 3.38-1.352v1.248c0 1.456-1.17 2.4701-2.964 2.4701-1.274 0-2.392-.6241-2.574-1.6901l-3.484.546c.468 2.47 2.99 4.1341 6.058 4.1341 4.03 0 6.708-2.3661 6.708-5.8761v-12.168h-3.77v1.118c-.702-.806-1.898-1.326-3.432-1.326-3.64 0-5.928 2.496-5.928 6.448s2.288 6.448 6.006 6.448zm-2.288-6.448c0-1.95 1.144-3.198 2.912-3.198 1.794 0 2.938 1.248 2.938 3.198s-1.144 3.198-2.938 3.198c-1.768 0-2.912-1.248-2.912-3.198z"/></g></g><g fill="#fff"><path d="m166.639 25h6.214c4.992 0 9.438-2.86 9.438-9.1 0-6.23995-4.446-9.09995-9.438-9.09995h-6.214zm4.03-3.5359v-11.154h1.742c2.938 0 5.746 1.3779 5.746 5.5899s-2.808 5.5641-5.746 5.5641z"/><path d="m183.702 18.448c0 3.25 2.21 6.76 6.734 6.76 3.12 0 5.46-1.43 6.24-3.8999l-3.588-.962c-.286 1.092-1.248 1.6899-2.548 1.6899-1.612 0-2.704-.884-3.068-2.496h9.412c.026-.286.052-.91.052-1.43 0-2.912-2.002-6.422-6.734-6.422-4.524 0-6.5 3.51-6.5 6.76zm3.822-1.6119c.364-1.5341 1.3-2.3141 2.678-2.3141 1.69 0 2.522.988 2.652 2.3141z"/><path d="m198.996 25h3.822v-6.708c0-2.08.91-3.406 2.47-3.406 1.326 0 2.106.8841 2.106 2.3141v7.7999h3.77v-6.708c0-2.106.91-3.406 2.496-3.406 1.352 0 2.132.8841 2.132 2.3141v7.7999h3.796v-8.9179c0-2.496-1.872-4.3941-4.706-4.3941-2.132 0-3.718 1.092-4.42 2.34-.65-1.5079-1.924-2.34-3.952-2.34-1.742 0-2.938.806-3.692 1.976v-1.768h-3.822z"/><path d="m228.564 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/></g></svg>
diff --git a/frontend/public/posthog-logo-demo.svg b/frontend/public/posthog-logo-demo-light.svg
similarity index 99%
rename from frontend/public/posthog-logo-demo.svg
rename to frontend/public/posthog-logo-demo-light.svg
index 4bc9394e3b971..96e8adf4da8d5 100644
--- a/frontend/public/posthog-logo-demo.svg
+++ b/frontend/public/posthog-logo-demo-light.svg
@@ -1 +1 @@
-<svg fill="none" height="30" viewBox="0 0 236 30" width="236" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h157v30h-157z"/></clipPath><g clip-path="url(#a)"><path d="m10.8919 17.2058c-.3685.7371-1.42035.7371-1.78888 0l-.88137-1.7627c-.14076-.2815-.14076-.6129 0-.8944l.88137-1.7628c.36853-.737 1.42038-.737 1.78888 0l.8813 1.7628c.1408.2815.1408.6129 0 .8944z" fill="#1d4aff"/><path d="m10.8919 27.2026c-.3685.7371-1.42035.7371-1.78888 0l-.88137-1.7627c-.14076-.2815-.14076-.6129 0-.8944l.88137-1.7627c.36852-.7371 1.42038-.7371 1.78888 0l.8813 1.7627c.1408.2815.1408.6129 0 .8944z" fill="#1d4aff"/><path d="m0 23.4082c0-.8909 1.07714-1.3371 1.70711-.7071l4.58338 4.5834c.62997.63.1838 1.7071-.7071 1.7071h-4.583391c-.552284 0-.999999-.4477-.999999-1zm0-4.8278c0 .2652.105357.5196.292893.7071l9.411217 9.4112c.18753.1875.44189.2929.70709.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-14.58039-14.5804c-.62997-.63-1.70711-.1838-1.70711.7071zm0-9.99701c0 .26521.105357.51957.292893.7071l19.408207 19.40821c.1875.1875.4419.2929.7071.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-24.57739-24.57739c-.62996-.62996-1.70711-.1838-1.70711.7071zm9.997 0c0 .26521.1054.51957.2929.7071l17.994 17.99401c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-17.994-17.994c-.63-.62996-1.7071-.18379-1.7071.70711zm11.7041-5.87628c-.63-.62997-1.7071-.1838-1.7071.7071v5.16918c0 .26521.1054.51957.2929.7071l7.997 7.99701c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071z" fill="#f9bd2b"/><path d="m42.5242 23.5308-9.4128-9.4128c-.63-.63-1.7071-.1838-1.7071.7071v13.1664c0 .5523.4477 1 1 1h14.5806c.5523 0 1-.4477 1-1v-1.199c0-.5523-.4496-.9933-.9972-1.0646-1.6808-.2189-3.2529-.9865-4.4635-2.1971zm-6.3213 2.2617c-.883 0-1.5996-.7166-1.5996-1.5995 0-.883.7166-1.5996 1.5996-1.5996.8829 0 1.5995.7166 1.5995 1.5996 0 .8829-.7166 1.5995-1.5995 1.5995z" fill="#000"/><path d="m0 27.9915c0 .5523.447715 1 1 1h4.58339c.8909 0 1.33707-1.0771.70711-1.7071l-4.58339-4.5834c-.62997-.63-1.70711-.1838-1.70711.7071z" fill="#1d4aff"/><path d="m9.997 10.997-8.28989-8.28989c-.62997-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.105357.51957.292893.7071l9.704107 9.70411z" fill="#1d4aff"/><path d="m1.70711 12.7042c-.62997-.63-1.70711-.1838-1.70711.7071v5.1692c0 .2652.105357.5195.292893.7071l9.704107 9.7041v-7.9976z" fill="#1d4aff"/><path d="m19.9931 11.4112c0-.2652-.1054-.5196-.2929-.7071l-7.997-7.99699c-.63-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.10541.51957.29291.7071l9.7041 9.70411z" fill="#f54e00"/><path d="m9.99609 28.9915h5.58341c.8909 0 1.3371-1.0771.7071-1.7071l-6.29051-6.2905z" fill="#f54e00"/><path d="m9.99609 10.9971v7.5834c0 .2652.10541.5195.29291.7071l9.7041 9.7041v-7.5834c0-.2652-.1054-.5196-.2929-.7071z" fill="#f54e00"/><g fill="#000"><path d="m59.6504 25h4.108v-6.812h3.432c3.77 0 6.188-2.2359 6.188-5.694 0-3.45795-2.418-5.69395-6.188-5.69395h-7.54zm4.108-10.322v-4.3679h3.016c1.56 0 2.496.8319 2.496 2.1839 0 1.3521-.936 2.184-2.496 2.184z"/><path d="m80.8103 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m94.3003 25.208c3.068 0 5.148-1.924 5.148-4.186 0-5.304-7.046-3.588-7.046-5.668 0-.5719.598-.9359 1.456-.9359.884 0 1.95.5459 2.288 1.7419l3.068-1.274c-.598-1.898-2.808-3.198-5.486-3.198-2.886 0-4.68 1.716-4.68 3.77 0 4.966 6.942 3.588 6.942 5.642 0 .728-.676 1.2221-1.69 1.2221-1.456 0-2.47-1.014-2.782-2.236l-3.068 1.1959c.676 1.976 2.652 3.926 5.85 3.926z"/><path d="m109.331 24.8701-.26-3.302c-.442.234-1.014.3119-1.482.3119-.936 0-1.56-.6759-1.56-1.846v-4.966h3.172v-3.172h-3.172v-3.79595h-3.822v3.79595h-2.08v3.172h2.08v5.46c0 3.1721 2.158 4.68 4.992 4.68.78 0 1.508-.1299 2.132-.3379z"/><path d="m122.657 6.80005v7.07195h-7.228v-7.07195h-4.108v18.19995h4.108v-7.618h7.228v7.618h4.134v-18.19995z"/><path d="m135.909 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m150.202 24.584c1.43 0 2.704-.494 3.38-1.352v1.248c0 1.456-1.17 2.4701-2.964 2.4701-1.274 0-2.392-.6241-2.574-1.6901l-3.484.546c.468 2.47 2.99 4.1341 6.058 4.1341 4.03 0 6.708-2.3661 6.708-5.8761v-12.168h-3.77v1.118c-.702-.806-1.898-1.326-3.432-1.326-3.64 0-5.928 2.496-5.928 6.448s2.288 6.448 6.006 6.448zm-2.288-6.448c0-1.95 1.144-3.198 2.912-3.198 1.794 0 2.938 1.248 2.938 3.198s-1.144 3.198-2.938 3.198c-1.768 0-2.912-1.248-2.912-3.198z"/></g></g><g fill="#000"><path d="m166.639 25h6.214c4.992 0 9.438-2.86 9.438-9.1 0-6.23995-4.446-9.09995-9.438-9.09995h-6.214zm4.03-3.5359v-11.154h1.742c2.938 0 5.746 1.3779 5.746 5.5899s-2.808 5.5641-5.746 5.5641z"/><path d="m183.702 18.448c0 3.25 2.21 6.76 6.734 6.76 3.12 0 5.46-1.43 6.24-3.8999l-3.588-.962c-.286 1.092-1.248 1.6899-2.548 1.6899-1.612 0-2.704-.884-3.068-2.496h9.412c.026-.286.052-.91.052-1.43 0-2.912-2.002-6.422-6.734-6.422-4.524 0-6.5 3.51-6.5 6.76zm3.822-1.6119c.364-1.5341 1.3-2.3141 2.678-2.3141 1.69 0 2.522.988 2.652 2.3141z"/><path d="m198.996 25h3.822v-6.708c0-2.08.91-3.406 2.47-3.406 1.326 0 2.106.8841 2.106 2.3141v7.7999h3.77v-6.708c0-2.106.91-3.406 2.496-3.406 1.352 0 2.132.8841 2.132 2.3141v7.7999h3.796v-8.9179c0-2.496-1.872-4.3941-4.706-4.3941-2.132 0-3.718 1.092-4.42 2.34-.65-1.5079-1.924-2.34-3.952-2.34-1.742 0-2.938.806-3.692 1.976v-1.768h-3.822z"/><path d="m228.564 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/></g></svg>
\ No newline at end of file
+<svg fill="none" height="30" viewBox="0 0 236 30" width="236" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h157v30h-157z"/></clipPath><g clip-path="url(#a)"><path d="m10.8919 17.2058c-.3685.7371-1.42035.7371-1.78888 0l-.88137-1.7627c-.14076-.2815-.14076-.6129 0-.8944l.88137-1.7628c.36853-.737 1.42038-.737 1.78888 0l.8813 1.7628c.1408.2815.1408.6129 0 .8944z" fill="#1d4aff"/><path d="m10.8919 27.2026c-.3685.7371-1.42035.7371-1.78888 0l-.88137-1.7627c-.14076-.2815-.14076-.6129 0-.8944l.88137-1.7627c.36852-.7371 1.42038-.7371 1.78888 0l.8813 1.7627c.1408.2815.1408.6129 0 .8944z" fill="#1d4aff"/><path d="m0 23.4082c0-.8909 1.07714-1.3371 1.70711-.7071l4.58338 4.5834c.62997.63.1838 1.7071-.7071 1.7071h-4.583391c-.552284 0-.999999-.4477-.999999-1zm0-4.8278c0 .2652.105357.5196.292893.7071l9.411217 9.4112c.18753.1875.44189.2929.70709.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-14.58039-14.5804c-.62997-.63-1.70711-.1838-1.70711.7071zm0-9.99701c0 .26521.105357.51957.292893.7071l19.408207 19.40821c.1875.1875.4419.2929.7071.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071l-24.57739-24.57739c-.62996-.62996-1.70711-.1838-1.70711.7071zm9.997 0c0 .26521.1054.51957.2929.7071l17.994 17.99401c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-17.994-17.994c-.63-.62996-1.7071-.18379-1.7071.70711zm11.7041-5.87628c-.63-.62997-1.7071-.1838-1.7071.7071v5.16918c0 .26521.1054.51957.2929.7071l7.997 7.99701c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071z" fill="#f9bd2b"/><path d="m42.5242 23.5308-9.4128-9.4128c-.63-.63-1.7071-.1838-1.7071.7071v13.1664c0 .5523.4477 1 1 1h14.5806c.5523 0 1-.4477 1-1v-1.199c0-.5523-.4496-.9933-.9972-1.0646-1.6808-.2189-3.2529-.9865-4.4635-2.1971zm-6.3213 2.2617c-.883 0-1.5996-.7166-1.5996-1.5995 0-.883.7166-1.5996 1.5996-1.5996.8829 0 1.5995.7166 1.5995 1.5996 0 .8829-.7166 1.5995-1.5995 1.5995z" fill="#000"/><path d="m0 27.9915c0 .5523.447715 1 1 1h4.58339c.8909 0 1.33707-1.0771.70711-1.7071l-4.58339-4.5834c-.62997-.63-1.70711-.1838-1.70711.7071z" fill="#1d4aff"/><path d="m9.997 10.997-8.28989-8.28989c-.62997-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.105357.51957.292893.7071l9.704107 9.70411z" fill="#1d4aff"/><path d="m1.70711 12.7042c-.62997-.63-1.70711-.1838-1.70711.7071v5.1692c0 .2652.105357.5195.292893.7071l9.704107 9.7041v-7.9976z" fill="#1d4aff"/><path d="m19.9931 11.4112c0-.2652-.1054-.5196-.2929-.7071l-7.997-7.99699c-.63-.62997-1.70711-.1838-1.70711.7071v5.16918c0 .26521.10541.51957.29291.7071l9.7041 9.70411z" fill="#f54e00"/><path d="m9.99609 28.9915h5.58341c.8909 0 1.3371-1.0771.7071-1.7071l-6.29051-6.2905z" fill="#f54e00"/><path d="m9.99609 10.9971v7.5834c0 .2652.10541.5195.29291.7071l9.7041 9.7041v-7.5834c0-.2652-.1054-.5196-.2929-.7071z" fill="#f54e00"/><g fill="#000"><path d="m59.6504 25h4.108v-6.812h3.432c3.77 0 6.188-2.2359 6.188-5.694 0-3.45795-2.418-5.69395-6.188-5.69395h-7.54zm4.108-10.322v-4.3679h3.016c1.56 0 2.496.8319 2.496 2.1839 0 1.3521-.936 2.184-2.496 2.184z"/><path d="m80.8103 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m94.3003 25.208c3.068 0 5.148-1.924 5.148-4.186 0-5.304-7.046-3.588-7.046-5.668 0-.5719.598-.9359 1.456-.9359.884 0 1.95.5459 2.288 1.7419l3.068-1.274c-.598-1.898-2.808-3.198-5.486-3.198-2.886 0-4.68 1.716-4.68 3.77 0 4.966 6.942 3.588 6.942 5.642 0 .728-.676 1.2221-1.69 1.2221-1.456 0-2.47-1.014-2.782-2.236l-3.068 1.1959c.676 1.976 2.652 3.926 5.85 3.926z"/><path d="m109.331 24.8701-.26-3.302c-.442.234-1.014.3119-1.482.3119-.936 0-1.56-.6759-1.56-1.846v-4.966h3.172v-3.172h-3.172v-3.79595h-3.822v3.79595h-2.08v3.172h2.08v5.46c0 3.1721 2.158 4.68 4.992 4.68.78 0 1.508-.1299 2.132-.3379z"/><path d="m122.657 6.80005v7.07195h-7.228v-7.07195h-4.108v18.19995h4.108v-7.618h7.228v7.618h4.134v-18.19995z"/><path d="m135.909 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/><path d="m150.202 24.584c1.43 0 2.704-.494 3.38-1.352v1.248c0 1.456-1.17 2.4701-2.964 2.4701-1.274 0-2.392-.6241-2.574-1.6901l-3.484.546c.468 2.47 2.99 4.1341 6.058 4.1341 4.03 0 6.708-2.3661 6.708-5.8761v-12.168h-3.77v1.118c-.702-.806-1.898-1.326-3.432-1.326-3.64 0-5.928 2.496-5.928 6.448s2.288 6.448 6.006 6.448zm-2.288-6.448c0-1.95 1.144-3.198 2.912-3.198 1.794 0 2.938 1.248 2.938 3.198s-1.144 3.198-2.938 3.198c-1.768 0-2.912-1.248-2.912-3.198z"/></g></g><g fill="#000"><path d="m166.639 25h6.214c4.992 0 9.438-2.86 9.438-9.1 0-6.23995-4.446-9.09995-9.438-9.09995h-6.214zm4.03-3.5359v-11.154h1.742c2.938 0 5.746 1.3779 5.746 5.5899s-2.808 5.5641-5.746 5.5641z"/><path d="m183.702 18.448c0 3.25 2.21 6.76 6.734 6.76 3.12 0 5.46-1.43 6.24-3.8999l-3.588-.962c-.286 1.092-1.248 1.6899-2.548 1.6899-1.612 0-2.704-.884-3.068-2.496h9.412c.026-.286.052-.91.052-1.43 0-2.912-2.002-6.422-6.734-6.422-4.524 0-6.5 3.51-6.5 6.76zm3.822-1.6119c.364-1.5341 1.3-2.3141 2.678-2.3141 1.69 0 2.522.988 2.652 2.3141z"/><path d="m198.996 25h3.822v-6.708c0-2.08.91-3.406 2.47-3.406 1.326 0 2.106.8841 2.106 2.3141v7.7999h3.77v-6.708c0-2.106.91-3.406 2.496-3.406 1.352 0 2.132.8841 2.132 2.3141v7.7999h3.796v-8.9179c0-2.496-1.872-4.3941-4.706-4.3941-2.132 0-3.718 1.092-4.42 2.34-.65-1.5079-1.924-2.34-3.952-2.34-1.742 0-2.938.806-3.692 1.976v-1.768h-3.822z"/><path d="m228.564 25.208c4.004 0 6.916-2.86 6.916-6.76s-2.912-6.76-6.916-6.76c-4.056 0-6.916 2.86-6.916 6.76s2.86 6.76 6.916 6.76zm-3.12-6.76c0-2.08 1.248-3.51 3.12-3.51 1.846 0 3.094 1.43 3.094 3.51s-1.248 3.51-3.094 3.51c-1.872 0-3.12-1.43-3.12-3.51z"/></g></svg>
diff --git a/frontend/public/posthog-logo.svg b/frontend/public/posthog-logo-light.svg
similarity index 100%
rename from frontend/public/posthog-logo.svg
rename to frontend/public/posthog-logo-light.svg
diff --git a/frontend/src/layout/navigation-3000/themeLogic.ts b/frontend/src/layout/navigation-3000/themeLogic.ts
index 95ed6f56a16d6..005f05b3977e4 100644
--- a/frontend/src/layout/navigation-3000/themeLogic.ts
+++ b/frontend/src/layout/navigation-3000/themeLogic.ts
@@ -1,5 +1,5 @@
 import { actions, connect, events, kea, path, reducers, selectors } from 'kea'
-import { sceneLogic } from 'scenes/sceneLogic'
+import { subscriptions } from 'kea-subscriptions'
 import { userLogic } from 'scenes/userLogic'
 
 import type { themeLogicType } from './themeLogicType'
@@ -7,7 +7,7 @@ import type { themeLogicType } from './themeLogicType'
 export const themeLogic = kea<themeLogicType>([
     path(['layout', 'navigation-3000', 'themeLogic']),
     connect({
-        values: [userLogic, ['themeMode']],
+        values: [userLogic, ['userThemeMode']],
     }),
     actions({
         syncDarkModePreference: (darkModePreference: boolean) => ({ darkModePreference }),
@@ -22,21 +22,17 @@ export const themeLogic = kea<themeLogicType>([
     }),
     selectors({
         isDarkModeOn: [
-            (s) => [s.themeMode, s.darkModeSystemPreference, sceneLogic.selectors.sceneConfig],
-            (themeMode, darkModeSystemPreference, sceneConfig) => {
-                // NOTE: Unauthenticated users always get the light mode until we have full support across onboarding flows
-                if (
-                    sceneConfig?.layout === 'plain' ||
-                    sceneConfig?.allowUnauthenticated ||
-                    sceneConfig?.onlyUnauthenticated
-                ) {
-                    return false
-                }
-
-                return themeMode === 'system' ? darkModeSystemPreference : themeMode === 'dark'
+            (s) => [s.userThemeMode, s.darkModeSystemPreference],
+            (userThemeMode, darkModeSystemPreference) => {
+                return userThemeMode === 'system' ? darkModeSystemPreference : userThemeMode === 'dark'
             },
         ],
     }),
+    subscriptions({
+        isDarkModeOn: (isDarkModeOn) => {
+            document.cookie = `theme=${isDarkModeOn ? 'dark' : 'light'}; Path=/; Domain=posthog.com`
+        },
+    }),
     events(({ cache, actions }) => ({
         afterMount() {
             cache.prefersColorSchemeMedia = window.matchMedia('(prefers-color-scheme: dark)')
diff --git a/frontend/src/lib/components/BridgePage/BridgePage.scss b/frontend/src/lib/components/BridgePage/BridgePage.scss
index cbaa3daa9631c..3bf3a960d581d 100644
--- a/frontend/src/lib/components/BridgePage/BridgePage.scss
+++ b/frontend/src/lib/components/BridgePage/BridgePage.scss
@@ -7,7 +7,6 @@
     flex-direction: column;
     height: 100vh;
     overflow: scroll;
-    background-color: var(--bg-bridge);
     -ms-overflow-style: none;
 
     &::-webkit-scrollbar {
@@ -46,7 +45,7 @@
         position: relative;
         width: 100%;
         padding: 2rem;
-        background-color: white;
+        background-color: var(--bg-light);
         border-radius: var(--radius);
         box-shadow: var(--shadow-elevation);
 
@@ -87,8 +86,8 @@
             padding: 0.5rem 0.75rem;
             font-size: 0.8em;
             font-weight: 600;
-            color: #fff;
-            background-color: var(--default);
+            color: var(--bg-light);
+            background-color: var(--text-3000);
             border-radius: 0.75rem;
             opacity: 0;
             transition-timing-function: cubic-bezier(0.455, 0.03, 0.31, 1.585);
diff --git a/frontend/src/scenes/authentication/Login2FA.tsx b/frontend/src/scenes/authentication/Login2FA.tsx
index f620856bf4541..ec196e8715b66 100644
--- a/frontend/src/scenes/authentication/Login2FA.tsx
+++ b/frontend/src/scenes/authentication/Login2FA.tsx
@@ -24,7 +24,7 @@ export function Login2FA(): JSX.Element {
             }
         >
             <div className="space-y-2">
-                <h2>Two-Factor Authentication</h2>
+                <h2>Two-factor authentication</h2>
                 <p>Enter a token from your authenticator app.</p>
 
                 <Form logic={login2FALogic} formKey="twofactortoken" enableFormOnSubmit className="space-y-4">
diff --git a/frontend/src/scenes/authentication/WelcomeLogo.tsx b/frontend/src/scenes/authentication/WelcomeLogo.tsx
index 74f86005ab386..ce5126f38c339 100644
--- a/frontend/src/scenes/authentication/WelcomeLogo.tsx
+++ b/frontend/src/scenes/authentication/WelcomeLogo.tsx
@@ -1,21 +1,33 @@
 import { Link } from '@posthog/lemon-ui'
 import { useValues } from 'kea'
-import defaultLogo from 'public/posthog-logo.svg'
-import cloudLogo from 'public/posthog-logo-cloud.svg'
-import demoLogo from 'public/posthog-logo-demo.svg'
+import cloudLogoDark from 'public/posthog-logo-cloud-dark.svg'
+import cloudLogoLight from 'public/posthog-logo-cloud-light.svg'
+import defaultLogoDark from 'public/posthog-logo-dark.svg'
+import demoLogoDark from 'public/posthog-logo-demo-dark.svg'
+import demoLogoLight from 'public/posthog-logo-demo-light.svg'
+import defaultLogoLight from 'public/posthog-logo-light.svg'
 import { preflightLogic } from 'scenes/PreflightCheck/preflightLogic'
 
+import { themeLogic } from '~/layout/navigation-3000/themeLogic'
+
 export function WelcomeLogo({ view }: { view?: string }): JSX.Element {
     const UTM_TAGS = `utm_campaign=in-product&utm_tag=${view || 'welcome'}-header`
     const { preflight } = useValues(preflightLogic)
+    const { isDarkModeOn } = useValues(themeLogic)
+
+    let logoSrc: any
+    if (preflight?.demo) {
+        logoSrc = isDarkModeOn ? demoLogoDark : demoLogoLight
+    } else if (preflight?.cloud) {
+        logoSrc = isDarkModeOn ? cloudLogoDark : cloudLogoLight
+    } else {
+        logoSrc = isDarkModeOn ? defaultLogoDark : defaultLogoLight
+    }
 
     return (
         <Link to={`https://posthog.com?${UTM_TAGS}`}>
             <div className="header-logo">
-                <img
-                    src={preflight?.demo ? demoLogo : preflight?.cloud ? cloudLogo : defaultLogo}
-                    alt={`PostHog${preflight?.cloud ? ' Cloud' : ''}`}
-                />
+                <img src={logoSrc} alt={`PostHog${preflight?.cloud ? ' Cloud' : ''}`} />
             </div>
         </Link>
     )
diff --git a/frontend/src/scenes/authentication/signup/SignupContainer.tsx b/frontend/src/scenes/authentication/signup/SignupContainer.tsx
index 0544f035d60a1..c4cd3961c5990 100644
--- a/frontend/src/scenes/authentication/signup/SignupContainer.tsx
+++ b/frontend/src/scenes/authentication/signup/SignupContainer.tsx
@@ -160,11 +160,11 @@ export function SignupLeftContainer(): JSX.Element {
                         {' '}
                         You can use our{' '}
                         <Link to={getRegionUrl(Region.EU)}>
-                            <strong>{Region.EU} cloud</strong>
+                            <strong>PostHog Cloud EU</strong>
                         </Link>{' '}
                         or{' '}
                         <Link to={getRegionUrl(Region.US)}>
-                            <strong>{Region.US} cloud</strong>
+                            <strong>Posthog Cloud US</strong>
                         </Link>{' '}
                         and we'll take care of the hosting for you.
                     </span>
diff --git a/frontend/src/scenes/settings/user/ThemeSwitcher.tsx b/frontend/src/scenes/settings/user/ThemeSwitcher.tsx
index 5dd8b1c3bf3f5..c4fed69ae1291 100644
--- a/frontend/src/scenes/settings/user/ThemeSwitcher.tsx
+++ b/frontend/src/scenes/settings/user/ThemeSwitcher.tsx
@@ -7,7 +7,7 @@ export function ThemeSwitcher({
     onlyLabel,
     ...props
 }: Partial<LemonSelectProps<any>> & { onlyLabel?: boolean }): JSX.Element {
-    const { themeMode } = useValues(userLogic)
+    const { userThemeMode } = useValues(userLogic)
     const { updateUser } = useActions(userLogic)
 
     return (
@@ -17,7 +17,7 @@ export function ThemeSwitcher({
                 { icon: <IconNight />, value: 'dark', label: 'Dark mode' },
                 { icon: <IconLaptop />, value: 'system', label: `Sync with system` },
             ]}
-            value={themeMode}
+            value={userThemeMode}
             renderButtonContent={(leaf) => {
                 const labelText = leaf ? leaf.label : 'Sync with system'
                 return onlyLabel ? (
diff --git a/frontend/src/scenes/userLogic.ts b/frontend/src/scenes/userLogic.ts
index 1dfd3390dc87f..ffbcfbce5f683 100644
--- a/frontend/src/scenes/userLogic.ts
+++ b/frontend/src/scenes/userLogic.ts
@@ -2,7 +2,7 @@ import { actions, afterMount, kea, listeners, path, reducers, selectors } from '
 import { forms } from 'kea-forms'
 import { loaders } from 'kea-loaders'
 import { urlToAction } from 'kea-router'
-import api from 'lib/api'
+import api, { getCookie } from 'lib/api'
 import { DashboardCompatibleScenes } from 'lib/components/SceneDashboardChoice/sceneDashboardChoiceModalLogic'
 import { lemonToast } from 'lib/lemon-ui/LemonToast/LemonToast'
 import { getAppContext } from 'lib/utils/getAppContext'
@@ -28,6 +28,7 @@ export const userLogic = kea<userLogicType>([
         setUserScenePersonalisation: (scene: DashboardCompatibleScenes, dashboard: number) => ({ scene, dashboard }),
         updateHasSeenProductIntroFor: (productKey: ProductKey, value: boolean) => ({ productKey, value }),
         switchTeam: (teamId: string | number) => ({ teamId }),
+        __testOnlyOverrideThemeFromCookie: (theme: UserTheme | null) => ({ theme }),
     })),
     forms(({ actions }) => ({
         userDetails: {
@@ -106,6 +107,12 @@ export const userLogic = kea<userLogicType>([
                 }),
             },
         ],
+        themeFromCookie: [
+            getCookie('theme') as UserTheme | null,
+            {
+                __testOnlyOverrideThemeFromCookie: (_, { theme }) => theme,
+            },
+        ],
     }),
     listeners(({ actions, values }) => ({
         logout: () => {
@@ -241,10 +248,10 @@ export const userLogic = kea<userLogicType>([
                     : [],
         ],
 
-        themeMode: [
-            (s) => [s.user],
-            (user): UserTheme => {
-                return user?.theme_mode || 'light'
+        userThemeMode: [
+            (s) => [s.user, s.themeFromCookie],
+            (user, themeFromCookie): UserTheme => {
+                return user?.theme_mode || themeFromCookie || 'light'
             },
         ],
     }),
@@ -268,4 +275,16 @@ export const userLogic = kea<userLogicType>([
             }
         },
     })),
+    afterMount(({ actions }) => {
+        // This is needed to toggle the theme
+        window.__testOnlyOverrideThemeFromCookie = (theme: UserTheme | null) =>
+            actions.__testOnlyOverrideThemeFromCookie(theme)
+    }),
 ])
+
+declare global {
+    interface Window {
+        /** This is needed to change the theme from outside the React tree. */
+        __testOnlyOverrideThemeFromCookie: (theme: UserTheme | null) => void
+    }
+}