liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: tweak style handling

Browse Source
This commit is contained in:
Spectralitree 2021-12-11 12:00:38 +01:00
parent 43c151aaba
commit a2f22843ee
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/App.svelte
View File

@ -1,7 +1,6 @@
<script lang="ts">
import { onMount } from "svelte";
import { Router, Link, Route } from "svelte-navigator";
import Navigation from "./lib/Navigation.svelte";
import Navigation from "./lib/Navigation.svelte";
// theme cdns (I might make some myself too)
@ -10,17 +9,14 @@
let styleSrc = dark;
onMount(() => {
if (localStorage.getItem("pk-style")) setStyle(localStorage.getItem("pk-style").toLowerCase());
});
// if there's a style already set, retrieve it
let style = localStorage.getItem("pk-style") && localStorage.getItem("pk-style");
function styleEventHandler(event) {
let style = event.detail;
setStyle(style);
}
// this automatically applies the style every time it is updated
$: setStyle(style);
// not sure if there's a better way to handle this
function setStyle(style) {
switch (style) {
case "light": styleSrc = light;
localStorage.setItem("pk-style", "light");
@ -41,7 +37,7 @@
</svelte:head>
<Router>
<Navigation on:styleChange={styleEventHandler}/>
<Navigation bind:style={style}/>
<div>
<Route path="/">
<h2>Ooga booga</h2>