steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-08 03:07:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

simplify mode management

Browse Source
This commit is contained in:
vcoppe
2024-07-05 18:47:37 +02:00
parent ce83835d84
commit fcb81e2a96
5 changed files with 23 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
website/src/lib/components/Logo.svelte
View File

@@ -1,20 +1,22 @@
<script lang="ts">
import { base } from '$app/paths';
import { mode } from 'mode-watcher';
import { mode, systemPrefersMode } from 'mode-watcher';
export let iconOnly = false;
export let company = 'gpx.studio';
$: effectiveMode = $mode ?? $systemPrefersMode ?? 'light';
</script>
{#if company === 'gpx.studio'}
<img
src="{base}/{iconOnly ? 'icon' : 'logo'}{$mode === 'dark' ? '-dark' : ''}.svg"
src="{base}/{iconOnly ? 'icon' : 'logo'}{effectiveMode === 'dark' ? '-dark' : ''}.svg"
alt="Logo of gpx.studio."
{...$$restProps}
/>
{:else if company === 'mapbox'}
<img
src="{base}/mapbox-logo-{$mode === 'dark' ? 'white' : 'black'}.svg"
src="{base}/mapbox-logo-{effectiveMode === 'dark' ? 'white' : 'black'}.svg"
alt="Logo of Mapbox."
{...$$restProps}
/>