Add file viewer branding options

This commit is contained in:
2022-02-07 12:00:22 +01:00
parent 1de3bb49c5
commit af82d45c6e
20 changed files with 477 additions and 103 deletions

View File

@@ -0,0 +1,53 @@
<script>
import { createEventDispatcher } from "svelte";
let dispatch = createEventDispatcher()
export let theme = ""
let set = s => {
theme = s
dispatch("theme_change", theme)
}
</script>
<div class="center">
<button class:button_highlight={theme===""} on:click={() => {set("")}}>
None
</button>
<button class:button_highlight={theme==="default"} on:click={() => {set("default")}}>
Default (purple)
</button>
<button class:button_highlight={theme==="classic"} on:click={() => {set("classic")}}>
Classic
</button>
<button class:button_highlight={theme==="solarized_dark"} on:click={() => {set("solarized_dark")}}>
Solarized
</button>
<button class:button_highlight={theme==="maroon"} on:click={() => {set("maroon")}}>
Maroon
</button>
<button class:button_highlight={theme==="hacker"} on:click={() => {set("hacker")}}>
Hacker
</button>
<button class:button_highlight={theme==="canta"} on:click={() => {set("canta")}}>
Canta
</button>
<button class:button_highlight={theme==="nord"} on:click={() => {set("nord")}}>
Nord
</button>
<button class:button_highlight={theme==="snowstorm"} on:click={() => {set("snowstorm")}}>
Snowstorm
</button>
<button class:button_highlight={theme==="deepsea"} on:click={() => {set("deepsea")}}>
Deep sea
</button>
<button class:button_highlight={theme==="skeuos"} on:click={() => {set("skeuos")}}>
Skeuos
</button>
</div>
<style>
.center {
text-align: center;
}
</style>