Merge pull request #2248 from unraid/fix/text-selection-color

fix: text selection color

emhttp/auth-request.php

@@ -44,7 +44,14 @@ $arrWhitelist = [
   '/webGui/images/green-on.png',
   '/webGui/images/red-on.png',
   '/webGui/images/yellow-on.png',
-  '/webGui/images/UN-logotype-gradient.svg'
+  '/webGui/images/UN-logotype-gradient.svg',
+  '/apple-touch-icon.png',
+  '/favicon-96x96.png',
+  '/favicon.ico',
+  '/favicon.svg',
+  '/web-app-manifest-192x192.png',
+  '/web-app-manifest-512x512.png',
+  '/manifest.json'
 ];
 
 // Add JS files from the unraid-components directory using cache

emhttp/manifest.json

@@ -0,0 +1,21 @@
+{
+    "name": "Unraid",
+    "short_name": "Unraid",
+    "icons": [
+        {
+            "src": "/web-app-manifest-192x192.png",
+            "sizes": "192x192",
+            "type": "image\/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "/web-app-manifest-512x512.png",
+            "sizes": "512x512",
+            "type": "image\/png",
+            "purpose": "maskable"
+        }
+    ],
+    "theme_color": "#1c1c1c",
+    "background_color": "#1c1c1c",
+    "display": "standalone"
+}

emhttp/plugins/dynamix/include/DefaultPageLayout.php

@@ -85,7 +85,9 @@ if (count($pages)) {
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="robots" content="noindex, nofollow">
   <meta name="referrer" content="same-origin">
-  <link type="image/png" rel="shortcut icon" href="/webGui/images/<?= _var($var, 'mdColor', 'red-on') ?>.png">
+
+  <? require_once "$docroot/plugins/dynamix/include/DefaultPageLayout/Favicon.php"; ?>
+
   <link type="text/css" rel="stylesheet" href="<? autov("/webGui/styles/default-fonts.css") ?>">
   <link type="text/css" rel="stylesheet" href="<? autov("/webGui/styles/default-cases.css") ?>">
   <link type="text/css" rel="stylesheet" href="<? autov("/webGui/styles/font-awesome.css") ?>">

emhttp/plugins/dynamix/include/DefaultPageLayout/Favicon.php

@@ -0,0 +1,5 @@
+<link type="image/png" rel="shortcut icon" href="/webGui/images/<?= _var($var, 'mdColor', 'red-on') ?>.png">
+<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+<meta name="apple-mobile-web-app-title" content="<?= _var($var, 'NAME') ?>" />
+<link rel="manifest" href="/manifest.json" />

emhttp/plugins/dynamix/styles/default-base.css

@@ -25,6 +25,16 @@ img {
 p {
     text-align: justify;
 }
+
+/* these selection selectors must be kept as individual rules or they won't work */
+::selection {
+    color: var(--white);
+    background-color: var(--orange-800);
+}
+::-moz-selection {
+    color: var(--white);
+    background-color: var(--orange-800);
+}
 /**
  * The markdown parser will often add <p> around links, scripts, and styles.
  * Without this, spacing is off with essentially empty paragraphs.