Update src/templates/base.html

src/templates/base.html

@@ -22,11 +22,12 @@
     <meta name="twitter:title" content="{% block twitter_title %}{{ self.og_title() }}{% endblock %}">
     <meta name="twitter:description" content="{% block twitter_description %}{{ self.og_description() }}{% endblock %}">
     <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='logo.svg') }}">
-    <link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/icon-192.png') }}">  
+    <link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/icon-512.png') }}"> 
     <link rel="manifest" href="/manifest.json">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="theme-color" content="#151a1e">
+    <meta name="apple-mobile-web-app-capable" content="yes">
 
   <script>
   if ('serviceWorker' in navigator) {
@@ -42,6 +43,7 @@
 /* --- CSS VARIABLES  --- */
 :root {
     /* Backgrounds */
+    --pwa-bg: #151a1e;
     --bg-dark: #151a1e;      
     --bg-card: #1e252a;       
     --bg-glass: rgba(21, 26, 30, 0.90); 
@@ -392,7 +394,12 @@ input:focus { outline: none; border-color: var(--accent-green); }
         padding: 30px 20px;
     }
 }
-      
+
+@media (display-mode: standalone) {
+
+    body { background-color: var(--pwa-bg); }
+
+  }
     </style>
     {% block extra_css %}{% endblock %}
 </head>