topaLE
/
uptime-kuma
1
0
Fork 0
Code Issues 185 Pull Requests 26 Projects Releases 28 Wiki Activity
Browse Source

also change meta tag theme-color

pull/214/head
LouisLam 3 years ago
parent
d39b43dacc
commit
37f1d60f82
2 changed files with 17 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      index.html
  2. 12
      src/mixins/theme.js

11
index.html
View File

@ -1,13 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/svg+xml" href="/icon.svg"/> <link rel="icon" type="image/svg+xml" href="/icon.svg" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="theme-color" id="theme-color" content="" />
<meta name="theme-color" content="#5cdd8b"/> <meta name="description" content="Uptime Kuma monitoring tool" />
<meta name="description" content="Uptime Kuma monitoring tool"/>
<title>Uptime Kuma</title> <title>Uptime Kuma</title>
</head> </head>
<body> <body>

12
src/mixins/theme.js
View File

@ -14,6 +14,7 @@ export default {
} }
document.body.classList.add(this.theme); document.body.classList.add(this.theme);
this.updateThemeColorMeta();
}, },
computed: { computed: {
@ -33,6 +34,17 @@ export default {
theme(to, from) { theme(to, from) {
document.body.classList.remove(from); document.body.classList.remove(from);
document.body.classList.add(this.theme); document.body.classList.add(this.theme);
this.updateThemeColorMeta();
}
},
methods: {
updateThemeColorMeta() {
if (this.theme === "dark") {
document.querySelector("#theme-color").setAttribute("content", "#161B22");
} else {
document.querySelector("#theme-color").setAttribute("content", "#5cdd8b");
}
} }
} }
} }

Write Preview
Loading…
Cancel
Save