Update icons; tone down and improve accessibility of header logotype.

frontend/scss/azuracast/overrides/_header.scss

@@ -1,5 +1,5 @@
 header.navbar {
-  background-image: url('../img/header_bg.png'), linear-gradient(90deg, #2196f3 0%, #0a6fc2 100%);
+  background-image: url('../img/header_bg.png'), linear-gradient(90deg, #0a6fc2 0%, #2196f3 100%);
   background-position: top left, center;
   background-repeat: no-repeat;
   background-size: 500px 100px, cover;
@@ -11,6 +11,7 @@ header.navbar {
     font-weight: normal;
     align-items: baseline;
     height: 2.5rem;
+    text-shadow: 0 0 2px #000;
 
     b {
       font-weight: bold;

templates/partials/icons.phtml

@@ -5,12 +5,19 @@
 /** @var App\Environment $environment */
 $icon_base = $environment->getAssetUrl() . '/icons/' . $environment->getAppEnvironment();
 ?>
-<link rel="apple-touch-icon" sizes="180x180" href="<?=$icon_base?>/apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="57x57" href="<?=$icon_base?>/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="<?=$icon_base?>/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="<?=$icon_base?>/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="<?=$icon_base?>/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="<?=$icon_base?>/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="<?=$icon_base?>/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="<?=$icon_base?>/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="<?=$icon_base?>/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="<?=$icon_base?>/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192" href="<?=$icon_base?>/android-icon-192x192.png">
 <link rel="icon" type="image/png" sizes="32x32" href="<?=$icon_base?>/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="<?=$icon_base?>/favicon-96x96.png">
 <link rel="icon" type="image/png" sizes="16x16" href="<?=$icon_base?>/favicon-16x16.png">
-<link rel="manifest" href="<?=$icon_base?>/site.webmanifest">
-<link rel="mask-icon" href="<?=$icon_base?>/safari-pinned-tab.svg" color="#5bbad5">
-<link rel="shortcut icon" href="<?=$icon_base?>/favicon.ico">
 <meta name="msapplication-TileColor" content="#2196F3">
-<meta name="msapplication-config" content="<?=$icon_base?>/browserconfig.xml">
+<meta name="msapplication-TileImage" content="<?=$icon_base?>/ms-icon-144x144.png">
 <meta name="theme-color" content="#2196F3">

web/static/icons/development/browserconfig.xml

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

web/static/icons/development/safari-pinned-tab.svg

@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M898 2548 l-608 -351 0 -702 0 -702 127 -75 c71 -42 328 -190 573
--330 245 -141 461 -265 481 -277 l36 -21 604 349 604 349 0 707 0 707 -155 91
-c-245 143 -1051 607 -1053 607 -1 0 -275 -159 -609 -352z m885 47 c16 -11 3
--17 -100 -41 -271 -63 -596 -154 -630 -176 -19 -13 -43 -40 -54 -60 -18 -36
--19 -64 -19 -693 0 -360 -2 -655 -5 -655 -2 0 -30 7 -62 15 -152 40 -341 1
--442 -90 -23 -21 -43 -36 -45 -34 -2 2 -6 288 -10 634 l-7 630 548 316 547
-316 131 -75 c71 -41 138 -81 148 -87z m718 -416 l89 -51 0 -631 -1 -632 -486
--280 c-267 -154 -512 -294 -543 -312 l-56 -32 -201 116 -202 116 24 31 c13 17
-33 52 44 76 20 44 21 64 21 670 l0 625 483 123 c265 67 488 122 495 122 9 0
-12 -91 12 -420 0 -231 -1 -420 -2 -420 -2 0 -25 7 -52 15 -62 19 -204 19 -273
-1 -122 -33 -215 -102 -257 -191 -101 -213 95 -435 384 -435 176 0 321 78 392
-212 l23 43 3 653 c2 358 5 652 9 652 3 0 46 -23 94 -51z"/>
-</g>
-</svg>

web/static/icons/development/site.webmanifest

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

web/static/icons/production/browserconfig.xml

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

web/static/icons/production/safari-pinned-tab.svg

@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M897 2548 l-607 -351 0 -702 0 -702 67 -40 c69 -41 367 -212 869
--501 l281 -162 604 349 604 349 0 707 0 707 -155 90 c-307 180 -1038 601
--1049 605 -3 1 -279 -156 -614 -349z m791 105 c62 -36 112 -67 110 -68 -2 -2
--154 -42 -339 -89 -382 -97 -384 -98 -423 -134 -57 -54 -56 -35 -56 -746 l0
--655 -42 15 c-144 51 -354 14 -467 -82 -22 -20 -45 -33 -51 -29 -7 4 -10 221
--10 634 l0 628 548 316 547 316 35 -21 c19 -11 86 -50 148 -85z m860 -500 l52
--33 -2 -626 -3 -626 -510 -295 c-280 -162 -526 -303 -546 -314 l-35 -21 -195
-112 c-107 62 -198 116 -203 120 -4 5 1 19 13 31 12 13 31 43 44 68 l22 46 3
-631 3 632 87 22 c48 12 270 68 495 125 l407 103 0 -424 c0 -233 -2 -424 -5
--424 -2 0 -30 7 -62 15 -207 54 -435 -30 -514 -190 -28 -58 -31 -72 -27 -128
-6 -76 32 -129 90 -186 103 -101 277 -143 436 -106 128 30 222 98 269 193 l28
-57 3 653 3 652 47 -27 c26 -15 71 -42 100 -60z"/>
-</g>
-</svg>

web/static/icons/production/site.webmanifest

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