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

Add support for light themes

Browse Source
This commit is contained in:
Fornax
2022-01-17 17:40:03 +01:00
parent 2e1315432a
commit 118a5db158
78 changed files with 328 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
res/template/appearance.html
View File

@@ -23,7 +23,10 @@
<input type="radio" id="style_hacker" name="style"><label for="style_hacker">Hacker Style</label><br/>
<input type="radio" id="style_canta" name="style"><label for="style_canta">Canta Style</label>
(Inspired by <a href="https://github.com/vinceliuice/Canta-theme" target="_blank">Canta GTK</a>)<br/>
<input type="radio" id="style_nord" name="style"><label for="style_nord">Nord Style</label><br/>
<input type="radio" id="style_nord" name="style"><label for="style_nord">Nord Style</label>
(Inspired by <a href="https://www.nordtheme.com/" target="_blank">Nord</a>)<br/>
<input type="radio" id="style_snowstorm" name="style"><label for="style_snowstorm">Snowstorm Style</label>
(Inspired by <a href="https://www.nordtheme.com/" target="_blank">Nord</a>)<br/>
<input type="radio" id="style_deepsea" name="style"><label for="style_deepsea">Deep Sea Style</label><br/>
<input type="radio" id="style_skeuos" name="style"><label for="style_skeuos">Skeuos Style</label>
(Inspired by <a href="https://www.gnome-look.org/p/1441725/" target="_blank">Skeuos GTK</a>)<br/>

18
res/template/fragments/user_style.html
View File

@@ -8,15 +8,15 @@
{{ define "user_style_js" }}
<script>
window.style = {
textColor: "{{.Style.TextColor.RGB}}",
inputColor: "{{.Style.InputColor.RGB}}",
inputTextColor: "{{.Style.InputTextColor.RGB}}",
highlightColor: "{{.Style.HighlightColor.RGB}}",
dangerColor: "{{.Style.DangerColor.RGB}}",
layer1Color: "{{.Style.Layer1Color.RGB}}",
layer2Color: "{{.Style.Layer2Color.RGB}}",
layer3Color: "{{.Style.Layer3Color.RGB}}",
layer4Color: "{{.Style.Layer4Color.RGB}}",
textColor: "{{.Style.Text.RGB}}",
inputColor: "{{.Style.Input.RGB}}",
inputTextColor: "{{.Style.InputText.RGB}}",
highlightColor: "{{.Style.Highlight.RGB}}",
dangerColor: "{{.Style.Danger.RGB}}",
layer1Color: "{{.Style.Layer1.RGB}}",
layer2Color: "{{.Style.Layer2.RGB}}",
layer3Color: "{{.Style.Layer3.RGB}}",
layer4Color: "{{.Style.Layer4.RGB}}",
}
</script>
{{ end }}

5
res/template/history.html
View File

@@ -16,10 +16,9 @@
Here are all files you have previously uploaded to pixeldrain using this computer.
This data is saved locally in your web browser and gets updated every time you upload a file through your current browser.
</p>
<br/>
<div id="uploaded_files" class="highlight_dark"></div>
</section>
<div id="uploaded_files"></div>
{{template "page_bottom" .}}
<script>

5
res/template/home.html
View File

@@ -34,6 +34,7 @@
border-top-left-radius: 0.5em;
border-bottom-left-radius: 0.5em;
background-color: var(--layer_1_color);
color: var(--layer_1_text_color);
}
.feat_table > div > .feat_normal {
background-color: var(--layer_3_color);
@@ -46,10 +47,10 @@
text-shadow: 1px 1px 4px var(--shadow_color);
}
.feat_table > div > .feat_highlight {
border: 1px solid var(--highlight_color)
border: 1px solid var(--link_color)
}
.text_highlight {
color: var(--highlight_color);
color: var(--link_color);
text-shadow: 0 0 4px var(--shadow_color);
font-size: 1.1em;
font-weight: bold;