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

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

0 голосов
/ 11 мая 2019

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

Я работаю в Интернетеприложение, и как часть этого приложения у меня есть настраиваемые и предустановленные параметры отображения, в том числе цвет фона.Я хочу иметь возможность изменить веб-манифест, чтобы индивидуализировать заставку ярлыка домашней страницы или что-либо еще, используя клавишу "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 выглядит так, по умолчанию:

Shortcut

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

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

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

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

...