Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-29 22:14:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/layout: adaptive status bar colors for desktop

Browse Source 
mostly used by safari
This commit is contained in:
wukko 2025-04-28 21:41:52 +06:00
parent 2fce88af2f
commit 78f23da0a5
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/state/theme.ts
View File

@ -42,6 +42,12 @@ export default derived(
) as Readable<Exclude<Theme, "auto">> ) as Readable<Exclude<Theme, "auto">>
export const statusBarColors = { export const statusBarColors = {
"dark": "#000000", mobile: {
"light": "#ffffff" dark: "#000000",
light: "#ffffff"
},
desktop: {
dark: "#131313",
light: "#f4f4f4"
}
} }

10
web/src/routes/+layout.svelte
View File

@ -67,7 +67,15 @@
{/if} {/if}
{#if device.is.mobile} {#if device.is.mobile}
<meta name="theme-color" content={statusBarColors[$currentTheme]} /> <meta
name="theme-color"
content={statusBarColors.mobile[$currentTheme]}
/>
{:else}
<meta
name="theme-color"
content={statusBarColors.desktop[$currentTheme]}
/>
{/if} {/if}
{#if plausibleLoaded || (browser && env.PLAUSIBLE_ENABLED && !$settings.privacy.disableAnalytics)} {#if plausibleLoaded || (browser && env.PLAUSIBLE_ENABLED && !$settings.privacy.disableAnalytics)}