GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix color schema

Browse Source
This commit is contained in:
jxxghp
2023-07-02 10:41:16 +08:00
parent 3b3d7f9350
commit 6ad96c51ff
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+9 -3
View File
@@ -63,7 +63,7 @@
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1136-640.png" <link rel="apple-touch-startup-image" href="/splash/apple-splash-1136-640.png"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -72,8 +72,9 @@
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<meta name="referrer" content="never"> <meta name="referrer" content="never">
<meta name="msapplication-TileColor" content="#7D34FD" /> <meta name="msapplication-TileColor" content="#7D34FD" />
<meta name="theme-color" content="#1E1A2E" media="(prefers-color-scheme: dark)"> <meta name="color-scheme" content="light dark">
<meta name="theme-color" content="#F1F2F9" media="(prefers-color-scheme: normal)"> <meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)">
<meta name="HandheldFriendly" content="True" /> <meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" /> <meta name="MobileOptimized" content="320" />
<link rel="stylesheet" type="text/css" href="/loader.css" /> <link rel="stylesheet" type="text/css" href="/loader.css" />
@@ -118,6 +119,11 @@
if (primaryColor) if (primaryColor)
document.documentElement.style.setProperty('--initial-loader-color', primaryColor) document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
</script> </script>
<script>
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/sw.js");
}
</script>
</body> </body>
</html> </html>
public/manifest.json
+2 -2
View File
@@ -28,8 +28,8 @@
"purpose": "maskable" "purpose": "maskable"
} }
], ],
"theme_color": "#1E1A2E", "theme_color": "#28243D",
"background_color": "#1E1A2E", "background_color": "#28243D",
"display": "standalone", "display": "standalone",
"shortcuts": [ "shortcuts": [
{ {
src/@layouts/styles/_default-layout.scss
+7 -1
View File
@@ -9,11 +9,17 @@ html {
} }
body { body {
background-color: var(--v-theme-background); background: #F4F5FA;
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
--webkit-overflow-scrolling: touch; --webkit-overflow-scrolling: touch;
} }
@media (prefers-color-scheme: dark) {
body {
background: #28243D;
}
}
body, body,
#app, #app,
.v-application { .v-application {