Add file viewer branding options
This commit is contained in:
53
svelte/src/util/ThemePicker.svelte
Normal file
53
svelte/src/util/ThemePicker.svelte
Normal 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>
|
Reference in New Issue
Block a user