diff --git a/src/lib/images/github-illustration-dark.svg b/src/lib/images/github-illustration-dark.svg new file mode 100644 index 000000000..bcb8399f8 --- /dev/null +++ b/src/lib/images/github-illustration-dark.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/github-illustration.svg b/src/lib/images/github-illustration-light.svg similarity index 100% rename from src/lib/images/github-illustration.svg rename to src/lib/images/github-illustration-light.svg diff --git a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte index 02eb2cc73..292ee519b 100644 --- a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte +++ b/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte @@ -246,7 +246,7 @@ {/if} {/each} - + + {:else} (showCreate = true)}>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/create.svelte b/src/routes/console/project-[project]/functions/function-[function]/create.svelte index 14373c646..3b6f5c443 100644 --- a/src/routes/console/project-[project]/functions/function-[function]/create.svelte +++ b/src/routes/console/project-[project]/functions/function-[function]/create.svelte @@ -5,11 +5,13 @@ import { createEventDispatcher, onMount } from 'svelte'; import { addNotification } from '$lib/stores/notifications'; import { page } from '$app/stores'; - import Github from '$lib/images/github-illustration.svg'; + import GithubLight from '$lib/images/github-illustration-light.svg'; + import GithubDark from '$lib/images/github-illustration-dark.svg'; import { invalidate } from '$app/navigation'; import { Dependencies } from '$lib/constants'; import { func } from './store'; import { trackEvent } from '$lib/actions/analytics'; + import { app } from '$lib/stores/app'; export let showCreate = false; @@ -117,7 +119,7 @@ on:click={() => (mode = Mode.Github)} selected={mode === Mode.Github} event="deploy_github"> - GitHub - Soon! + GitHub - (Soon!) (mode = Mode.Manual)} @@ -156,7 +158,11 @@ {:else if mode === Mode.Github}
- github + {#if $app.themeInUse === 'dark'} + github + {:else} + github + {/if}

Coming Soon!