TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: make title bar reactive on auto mode

Browse source
This commit is contained in:
rramiachraf 2023-03-04 23:19:02 +01:00
parent 68c904e170
commit 951dbec462
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/App.vue
View file

@ -34,10 +34,12 @@ export default {
if (themePref == "auto") this.theme = darkModePreference.matches ? "dark" : "light"; if (themePref == "auto") this.theme = darkModePreference.matches ? "dark" : "light";
else this.theme = themePref; else this.theme = themePref;
// Change title bar color to white // Change title bar color based on user's theme
if (this.theme === "light") {
const themeColor = document.querySelector("meta[name='theme-color']"); const themeColor = document.querySelector("meta[name='theme-color']");
if (this.theme === "light") {
themeColor.setAttribute("content", "#FFF"); themeColor.setAttribute("content", "#FFF");
} else {
themeColor.setAttribute("content", "#0F0F0F");
} }
// Used for the scrollbar // Used for the scrollbar