Как изменить цвет фона веб-манифеста на основе ключа localalstorage

Question

Я хотел бы изменить часть "background-color" веб-манифеста моего сайта на основе ключа локального хранилища, но не могу найти способ сделать это.

Я работаю над веб-приложением, и как часть этого приложения у меня есть настраиваемые и предустановленные параметры отображения, включая цвет фона. Я хочу иметь возможность изменить веб-манифест, чтобы индивидуализировать заставку ярлыка домашней страницы или что-либо еще, используя клавишу "background-color".

Вот как выглядит мой манифест прямо сейчас:

{
  "icons": [
      {"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},
      {"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}
    ],

    "dir": "auto",
    "name": "SimpleSchoolHub",
    "short_name": "SimpleSchoolHub",
    "description": "An app and portal for organizing and displaying: grades, classes, messages, etc",
    "lang": "en-US",

    "orientation": "any",
    "display": "standalone",

    "related_applications": [
        {
          "platform": "SimpleGradeBook",
          "url": "http://simplegradebook.ca/"
        }
      ],

    "scope": "/",
    "start_url": "/html/app.html",

    "theme_color": "#007aff"
}

И поскольку цвет фона не был указан, ярлык запуска Google выглядит так, по умолчанию:

Редактировать:

Значение localstorage - это объект JSON, который выглядит следующим образом:

{"theme":"dark","background":"bootstrap:dark","navbar":"#0A1221","text":"bootstrap:light","navbarText":"bootstrap:default","highlightedText":"bootstrap:light","warning":"bootstrap:danger"}

Я хотел бы получить атрибут "background" и преобразовать "bootstrap:dark" в "#343a40" при размещении его на ключе "background-color" манифеста.