pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make Nord default theme, update solarized

Browse Source
This commit is contained in:
Fornax
2022-04-01 20:27:38 +02:00
parent 13f697e5de
commit 4d5720cb1e
12 changed files with 377 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
svelte/src/util/Expandable.svelte
View File

@@ -41,7 +41,7 @@ export let highlight = false
<style>
.expandable {
text-decoration: none;
background-color: var(--popout_color);
background-color: var(--card_color);
margin: 0.6em 0;
border-radius: 6px;
overflow: hidden;

2
svelte/src/util/Modal.svelte
View File

@@ -87,7 +87,7 @@ const keydown = e => {
left: 50%;
transform: translate(-50%, -20%);
padding: 0;
border-radius: 20px 20px 16px 16px;
border-radius: 20px 20px 12px 12px;
overflow: hidden;
text-align: left;
}

34
svelte/src/util/ThemePicker.svelte
View File

@@ -14,15 +14,30 @@ let set = s => {
<button class:button_highlight={theme===""} on:click={() => {set("")}}>
None
</button>
<button class:button_highlight={theme==="default"} on:click={() => {set("default")}}>
Default (purple)
<button class="group_first" class:button_highlight={theme==="nord"} on:click={() => {set("nord")}}>
Nord
</button>
<button class="group_middle" class:button_highlight={theme==="nord_dark"} on:click={() => {set("nord_dark")}}>
dark
</button>
<button class="group_last" class:button_highlight={theme==="nord_light"} on:click={() => {set("nord_light")}}>
light
</button>
<button class="group_first" class:button_highlight={theme==="solarized"} on:click={() => {set("solarized")}}>
Solarized
</button>
<button class="group_middle" class:button_highlight={theme==="solarized_dark"} on:click={() => {set("solarized_dark")}}>
dark
</button>
<button class="group_last" class:button_highlight={theme==="solarized_light"} on:click={() => {set("solarized_light")}}>
light
</button>
<button class:button_highlight={theme==="purple_drain"} on:click={() => {set("purple_drain")}}>
Purple drain
</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>
@@ -32,15 +47,6 @@ let set = s => {
<button class:button_highlight={theme==="canta"} on:click={() => {set("canta")}}>
Canta
</button>
<button class:button_highlight={theme==="nord"} on:click={() => {set("nord")}}>
Nord (dynamic)
</button>
<button class:button_highlight={theme==="nord_dark"} on:click={() => {set("nord_dark")}}>
Nord (dark)
</button>
<button class:button_highlight={theme==="nord_light"} on:click={() => {set("nord_light")}}>
Nord (light)
</button>
<button class:button_highlight={theme==="skeuos"} on:click={() => {set("skeuos")}}>
Skeuos
</button>