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

Support dynamic dark/light themes

Browse Source
This commit is contained in:
Fornax
2022-03-30 19:35:26 +02:00
parent e18e4303b3
commit 13f697e5de
45 changed files with 194 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
res/template/admin.html
View File

@@ -5,7 +5,6 @@
<head>
{{template "meta_tags" "Administrator panel"}}
{{template "user_style" .}}
{{template "user_style_js" . }}
<script>
window.api_endpoint = '{{.APIEndpoint}}';

18
res/template/appearance.html
View File

@@ -16,15 +16,25 @@
be saved in a cookie.
</p>
<div class="indent">
<input type="radio" id="style_default" name="style"><label for="style_default">Pixeldrain Style</label><br/>
<input type="radio" id="style_classic" name="style"><label for="style_classic">Pixeldrain classic (gray)</label><br/>
<input type="radio" id="style_default" name="style"><label for="style_default">Pixeldrain Style</label><br/>
Default pixeldrain style, with purple gradients
<br/>
<br/>
<input type="radio" id="style_nord" name="style"><label for="style_nord">Nord</label>
(Inspired by <a href="https://www.nordtheme.com/" target="_blank">Nord</a>)<br/>
Dynamic theme, changes based on operating system settings. Here you can choose a specific variant:<br/>
<input type="radio" id="style_nord_dark" name="style"><label for="style_nord_dark">Nord dark</label><br/>
<input type="radio" id="style_nord_light" name="style"><label for="style_nord_light">Nord light</label><br/>
<br/>
<input type="radio" id="style_classic" name="style"><label for="style_classic">Pixeldrain classic (gray)</label><br/>
Classic pre-2020 pixeldrain style, dark grey<br/>
<br/>
Other (experimental) themes<br/>
<input type="radio" id="style_solarized_dark" name="style"><label for="style_solarized_dark">Solarized Dark Style</label><br/>
<input type="radio" id="style_maroon" name="style"><label for="style_maroon">Maroon Style</label><br/>
<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>
(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_skeuos" name="style"><label for="style_skeuos">Skeuos Style</label>

1
res/template/directory_upload.html
View File

@@ -3,7 +3,6 @@
<head>
{{template "meta_tags" "Directory upload"}}
{{template "user_style" . }}
{{template "user_style_js" . }}
<script>
window.api_endpoint = '{{.APIEndpoint}}';

1
res/template/file_viewer_svelte.html
View File

@@ -8,7 +8,6 @@
{{ template "opengraph" .OGData }}
{{ template "user_style" . }}
{{ template "user_style_js" . }}
<link rel="icon" sizes="32x32" href="/res/img/pixeldrain_32.png" />
<link rel="icon" sizes="128x128" href="/res/img/pixeldrain_128.png" />

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

@@ -4,18 +4,3 @@
{{template "layout.css" .}}
</style>
{{end}}
{{ define "user_style_js" }}
<script>
window.style = {
bodyTextColor: "{{.Style.BodyText.RGB}}",
highlightColor: "{{.Style.Highlight.RGB}}",
dangerColor: "{{.Style.Danger.RGB}}",
bodyColor: "{{.Style.BodyColor.RGB}}",
separatorColor: "{{.Style.Separator.RGB}}",
chart1Color: "{{.Style.Chart1.RGB}}",
chart2Color: "{{.Style.Chart2.RGB}}",
chart3Color: "{{.Style.Chart3.RGB}}",
}
</script>
{{ end }}

1
res/template/user_home.html
View File

@@ -3,7 +3,6 @@
<head>
{{template "meta_tags" .User.Username }}
{{template "user_style" . }}
{{template "user_style_js" . }}
<script>
window.api_endpoint = '{{.APIEndpoint}}';