Update app-template

app-template/index.html

@@ -19,16 +19,13 @@
 
     <!-- Favicons -->
     <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
-    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" sizes="any">
-
-    <!-- PWA manifest file -->
-    <link rel="manifest" href="/app.manifest.json">
-
-    <!-- PWA iphone -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
     <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/images/icon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/images/icon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
+    <link rel="manifest" href="/app.webmanifest">
     <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#e4154b">
+    <meta name="theme-color" content="#ffffff">
     <meta name="apple-mobile-web-app-status-bar-style" content="white">
 
     <!-- Loading spinner -->
@@ -61,51 +58,49 @@
 
         .light-theme{
             --dbp-override-background: white;
-            --dbp-override-content: black;
+            --dbp-override-content: #222120;
 
-            --dbp-override-primary: #2a4491;
-            --dbp-override-secondary: black;
+            --dbp-override-primary: #3775c1;
+            --dbp-override-on-primary-surface: white;
+            --dbp-override-secondary: #222120;
             --dbp-override-secondary-surface: white;
-            --dbp-override-on-secondary-surface: black;
-            --dbp-override-secondary-surface-border-color: black;
+            --dbp-override-on-secondary-surface: #222120;
+            --dbp-override-secondary-surface-border-color: #222120;
 
             --dbp-override-muted: #767676;
-            --dbp-override-accent: #c24f68;
-            --dbp-override-info: #2a4491;
-            --dbp-override-success: #188018;
-            --dbp-override-warning: #c15500;
-            --dbp-override-warning-surface: #ffad4d;
-            --dbp-override-on-warning-surface: black;
-            --dbp-override-danger: #de3535;
-
-            --dbp-override-border: 1px solid black;
-
-            --dbp-override-hover-background-color: black;
-            --dbp-override-hover-color: white;
+            --dbp-override-accent: #9e1e4d;
+            --dbp-override-info: #38808a;
+            --dbp-override-success: #338555;
+            --dbp-override-success-surface: #5ec189;
+            --dbp-override-on-success-surface: #222120;
+            --dbp-override-warning: #bf8808;
+            --dbp-override-warning-surface: #f9cc66;
+            --dbp-override-on-warning-surface: #222120;
+            --dbp-override-danger: #cc3232;
+
+            --dbp-override-border: 1px solid #222120;
         }
 
         .dark-theme{
-            --dbp-override-background: #151515;
+            --dbp-override-background: #222120;
             --dbp-override-content: white;
 
-            --dbp-override-primary: #8ca4eb;
+            --dbp-override-primary: #398BDA;
+            --dbp-override-on-primary-surface: white;
+
             --dbp-override-secondary: white;
-            --dbp-override-secondary-surface: #151515;
+            --dbp-override-secondary-surface: #222120;
             --dbp-override-on-secondary-surface: white;
-            --dbp-override-secondary-surface-border-color: #151515;
+            --dbp-override-secondary-surface-border-color: white;
 
-            --dbp-override-muted: #666666;
-            --dbp-override-accent: #c24f68;
-            --dbp-override-info: #8ca4eb;
-            --dbp-override-success: #7acc79;
-            --dbp-override-warning: #f99a41;
-            --dbp-override-on-warning-surface: black;
-            --dbp-override-danger: #de3535;
+            --dbp-override-muted: #8D8B8B;
+            --dbp-override-accent: #bc3a62;
+            --dbp-override-info: #3793A5;
+            --dbp-override-success: #5ec189;
+            --dbp-override-warning: #f9cc66;
+            --dbp-override-danger: #EB534E;
 
             --dbp-override-border: 1px solid white;
-
-            --dbp-override-hover-background-color: white;
-            --dbp-override-hover-color: #151515;
         }
     </style>
 </head>
@@ -122,19 +117,8 @@
     themes='[{"class": "light-theme", "icon": "sun", "name": "Light Mode"},
             {"class": "dark-theme", "icon": "night", "name": "Dark Mode"}]'
 ><dbp-loading-spinner></dbp-loading-spinner>
-<template slot="name">
-    DBP<br />
-    <dbp-translated subscribe="lang">
-        <div slot="de">
-            Meine Universität
-        </div>
-        <div slot="en">
-            My University
-        </div>
-    </dbp-translated>
-</template>
-</dbp-signature>
 
+</dbp-signature>
 
 <template id="global-override">
     <template id="dbp-signature">