eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-05 21:37:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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
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>