Replace logo with new design (#565)

* Replace logo with new design

* Add light mode new logo for footer

* Add screenreader logo text

* Replace email logo with new design

* Footer logo grayscale with hover coloring

* Update light logo variants

* Updated dark theme logos

ui/public/img/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

ui/public/img/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Thunderdome",
+    "short_name": "TDM",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

ui/public/index.html

@@ -9,11 +9,13 @@
     <meta name="description"
           content="Thunderdome is an open source agile planning poker app that helps teams estimate story points."/>
 
-    <link rel="apple-touch-icon" sizes="180x180" href="{{.AppConfig.PathPrefix}}/img/apple-icon-180x180.png">
-    <link rel="icon" type="image/png" sizes="192x192" href="{{.AppConfig.PathPrefix}}/img/android-icon-192x192.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{.AppConfig.PathPrefix}}/img/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="{{.AppConfig.PathPrefix}}/img/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="{{.AppConfig.PathPrefix}}/img/favicon-16x16.png">
-    <!-- <link rel="manifest" href="{{.AppConfig.PathPrefix}}/img/manifest.json" crossorigin="use-credentials"> -->
+    <link rel="manifest" href="{{.AppConfig.PathPrefix}}/img/site.webmanifest">
+    <link rel="mask-icon" href="{{.AppConfig.PathPrefix}}/img/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

ui/src/app.css

@@ -37,3 +37,17 @@ input[type='search']::-webkit-search-cancel-button {
 .toggle-checkbox:checked + .toggle-label {
   background-color: #68d391;
 }
+
+.text-yellow-thunder {
+  color: #ffdd57;
+}
+
+.bg-yellow-thunder {
+  background-color: #ffdd57;
+}
+
+.title-line {
+  width: 10rem;
+  height: 0.25rem;
+  margin-bottom: 0.75rem;
+}