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

4
svelte/src/file_viewer/IntroPopup.svelte
View File

@@ -56,7 +56,7 @@ onMount(() => {
max-width: 80%;
height: auto;
padding: 8px;
background-color: var(--popout_color);
background-color: var(--card_color);
box-shadow: 1px 1px 10px -2px var(--shadow_color);
border-radius: 20px;
z-index: 50;
@@ -68,7 +68,7 @@ onMount(() => {
position: absolute;
left: 30px;
top: -15px;
border-bottom: 15px solid var(--popout_color);
border-bottom: 15px solid var(--card_color);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}

4
svelte/src/home_page/FeatureTable.svelte
View File

@@ -282,10 +282,10 @@ onMount(() => {
background: var(--shaded_background);
}
.feat_table > div > .feat_normal {
background-color: var(--popout_color);
background-color: var(--card_color);
}
.feat_table > div > .feat_pro {
background-color: var(--popout_color);
background-color: var(--card_color);
box-shadow: 1px 1px 2px -1px var(--shadow_color);
}
.feat_table > div > .feat_highlight {

2
svelte/src/home_page/OtherPlans.svelte
View File

@@ -133,7 +133,7 @@
hyphens: auto;
}
.feat_table > div > .feat_pro {
background-color: var(--popout_color);
background-color: var(--card_color);
box-shadow: 1px 1px 2px -1px var(--shadow_color);
}
.text_highlight {

2
svelte/src/user_home/Subscription.svelte
View File

@@ -292,7 +292,7 @@ onMount(load_tranfer_used)
font-size: 1.1em;
}
.feat_table > div > .feat_normal {
background: var(--popout_color);
background: var(--card_color);
}
.feat_table > div > .feat_highlight {
border: 1px solid var(--highlight_color)

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>