jlelse
/
Indieroad
Archived
1
Fork 0
Code Releases Activity

Remove theme toggle

This commit is contained in:
Jan-Lukas Else 2020-01-21 20:52:29 +01:00
parent ea844bce3d
commit 97a6f2c722
6 changed files with 2 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/style.scss
View File

@ -71,18 +71,11 @@ $colors: (
* {
@include lightmode;
@media (prefers-color-scheme: light) {
@include lightmode;
}
@media (prefers-color-scheme: dark) {
@include darkmode;
}
}
.dark, .dark * {
@include darkmode;
}
/* Structure */
$break1: 620px;
@ -874,21 +867,8 @@ textarea {
text-align: center;
}
}
.toggle {
order: 2;
&:hover {
cursor: pointer;
}
@media screen and (max-width: $break3) {
padding-bottom: 8px;
text-align: center;
}
.no-js & {
display: none;
}
}
.links {
order: 3;
order: 2;
a {
margin-left: 15px;
&:first-child {

28
assets/js/theme.js
View File

@ -1,28 +0,0 @@
'use strict';
function toggleTheme(){
if (localStorage && localStorage.getItem("theme") === "dark"){
localStorage.setItem("theme", "default");
} else if (localStorage){
localStorage.setItem("theme", "dark");
}
checkTheme();
}
function checkTheme(){
if (localStorage && localStorage.getItem("theme") === "dark"){
document.body.className = "body dark";
} else if (localStorage){
document.body.className = "body";
}
}
function checkToggleAllowed(){
if(window.matchMedia("(prefers-color-scheme: dark)").matches || window.matchMedia("(prefers-color-scheme: light)").matches){
document.getElementById("theme-toggle").remove();
} else {
checkTheme();
}
}
checkToggleAllowed();

4
i18n/de.yaml
View File

@ -36,10 +36,6 @@
- id: 404_text
translation: "Die gesuchte Seite existiert nicht, wurde verschoben oder gelöscht."
# Toggle theme
- id: toggle_theme
translation: Theme umschalten
# Webmention Form
- id: wmform_label
translation: "Hast du eine Antwort hierzu veröffentlicht? Lass mich den Link wissen:"

4
i18n/en.yaml
View File

@ -36,10 +36,6 @@
- id: 404_text
translation: "The page you were looking for appears to have been moved, deleted or does not exist."
# Toggle theme
- id: toggle_theme
translation: Toggle theme
# Webmention Form
- id: wmform_label
translation: "Have you published a response to this? Let me know the link:"

4
layouts/_default/baseof.html
View File

@ -1,11 +1,10 @@
<!DOCTYPE html>
<html class="no-js" lang="{{ .Site.LanguageCode | default "en-us" }}">
<html lang="{{ .Site.LanguageCode | default "en-us" }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ block "title" . }}{{ if not .IsHome }}{{ with .Title }}{{ . }} - {{end}}{{ end }}{{ .Site.Title }}{{ end }}</title>
<script>(function(d,e){d[e]=d[e].replace("no-js","js");})(document.documentElement,"className");</script>
<meta name="theme-color" content="{{ .Param "colors.main" | default "#0275D8" }}">
<meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{else}}{{ .Params.Description }}{{end}}">
{{ template "_internal/opengraph.html" . }}
@ -42,7 +41,6 @@
</div>
{{ partial "footer" . }}
</div>
{{ with resources.Get "js/theme.js" | minify }}<script>{{ .Content | safeJS }}</script>{{ end }}
{{ partial "custombodyend" . }}
</body>
</html>

3
layouts/partials/footer.html
View File

@ -7,9 +7,6 @@
{{- end }}
</div>
{{- end }}
<div class="toggle" id="theme-toggle">
<a onclick="toggleTheme();">{{ T "toggle_theme" }}</a>
</div>
<div class="copyright">
&copy; {{ now.Format "2006" }} {{ .Site.Params.copyright | default .Site.Title }}
</div>