Chrome developer tools can’t detect manifest

I have manifest.json and I added to my HTML with .

I think everything is fine but I can’t figure out why chrome dev tools cant detect my manifest!

My manifest.json:

{
    "name": "Arman News",
    "short_name": "Ar News",
    "description": "This is my first try to make PWA webstie.",
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone",
    "Scope": "/",
    "start_url": ".",
    "icons": [
      {
        "src": "img/icons/Icon-192.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "img/icons/Icon-512.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ],
    "splash_pages": null
  }

How to check if Offline with service worker?

I’ve been following this tutorial https://codelabs.developers.google.com/codelabs/offline/#7

and so far I was able to make my service worker cache the offline page and load it but I want to show this offline.html page only when there is no internet access. And the way it works now is it shows it every time I refresh the page even with internet access unless I check the Bypass for network checkbox in Chrome’s Application tab in the developer tools.

self.addEventListener('fetch', function(event) {
    console.log(event.request.url);
    event.respondWith(
        fetch('https://mysite/offline.html')
    );;
});

PWA manifest.json – “theme_color” and “background_color” not working, splash screen not showing on android device

When I look at the manifest.js in Chrome DevTools I can see that the logo and colors are there. However, when I start the website from my homescreen on my android device, neither the background or theme color is loaded, nor my splash screen is shown.
Any idea why?

Manifest.json:

{
  "short_name": "Example",
  "name": "Example",
  "icons": [
    {
      "src": "images/logo_192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "images/logo_512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "./",
  "display": "standalone",
  "theme_color": "#a300c4",
  "background_color": "#c46a00"
}

Screenshot:
Manifest in Chrome Devtools