From 8535213987b9be94cd67656f1823698e16ffb928 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Fri, 25 Nov 2022 17:37:25 +0200
Subject: [PATCH 1/2] update colors

---
 package-lock.json | 14 +++++++-------
 package.json      |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 53986fe21..59a31a4bc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
             "dependencies": {
                 "@babel/runtime": "7.16.0",
                 "@sentry/browser": "6.13.3",
-                "@stremio/stremio-colors": "4.0.1",
+                "@stremio/stremio-colors": "5.0.1",
                 "@stremio/stremio-core-web": "0.44.6",
                 "@stremio/stremio-icons": "3.0.5",
                 "@stremio/stremio-video": "0.0.23",
@@ -2692,9 +2692,9 @@
             }
         },
         "node_modules/@stremio/stremio-colors": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/@stremio/stremio-colors/-/stremio-colors-4.0.1.tgz",
-            "integrity": "sha512-yT3No1gIWKLV2BhQIeSgG94EzXxmEqXJLulO+pFpziqWNUbmmEKeE+nRvW5wtoIK4SLy+v0bLd0b6HBH3KFfWw=="
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/@stremio/stremio-colors/-/stremio-colors-5.0.1.tgz",
+            "integrity": "sha512-Dt3PYmy1DZ473QNs99KYXVWQPHtpIl37VUY0+gCEvvuCqE1fRrZIJtZ9KbysUKonvO7WwdQDztgcW0iGoc1dEA=="
         },
         "node_modules/@stremio/stremio-core-web": {
             "version": "0.44.6",
@@ -16704,9 +16704,9 @@
             }
         },
         "@stremio/stremio-colors": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/@stremio/stremio-colors/-/stremio-colors-4.0.1.tgz",
-            "integrity": "sha512-yT3No1gIWKLV2BhQIeSgG94EzXxmEqXJLulO+pFpziqWNUbmmEKeE+nRvW5wtoIK4SLy+v0bLd0b6HBH3KFfWw=="
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/@stremio/stremio-colors/-/stremio-colors-5.0.1.tgz",
+            "integrity": "sha512-Dt3PYmy1DZ473QNs99KYXVWQPHtpIl37VUY0+gCEvvuCqE1fRrZIJtZ9KbysUKonvO7WwdQDztgcW0iGoc1dEA=="
         },
         "@stremio/stremio-core-web": {
             "version": "0.44.6",
diff --git a/package.json b/package.json
index 28ece56cd..447a3ae1c 100755
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "dependencies": {
         "@babel/runtime": "7.16.0",
         "@sentry/browser": "6.13.3",
-        "@stremio/stremio-colors": "4.0.1",
+        "@stremio/stremio-colors": "5.0.1",
         "@stremio/stremio-core-web": "0.44.6",
         "@stremio/stremio-icons": "3.0.5",
         "@stremio/stremio-video": "0.0.23",

From 88e3618bc5fcc4f7af4433a4d7edb51c12766251 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Fri, 25 Nov 2022 17:37:53 +0200
Subject: [PATCH 2/2] use background color from the pallete

---
 src/index.html    | 2 +-
 webpack.config.js | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 79a09fbb5..7d07b51fc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -8,7 +8,7 @@
     <meta name="apple-mobile-web-app-title" content="Stremio">
     <link rel="icon" type="image/png" sizes="96x96" href="<%= htmlWebpackPlugin.options.faviconsPath %>/icon-96.png">
     <link rel="manifest" href="<%= htmlWebpackPlugin.options.manifestPath %>" />
-    <meta name="theme-color" content="#2a2843">
+    <meta name="theme-color" content="<%= htmlWebpackPlugin.options.themeColor %>">
     <link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.imagesPath %>/icon_x192.png">
     <title>Stremio - All you can watch!</title>
     <%= htmlWebpackPlugin.tags.headTags %>
diff --git a/webpack.config.js b/webpack.config.js
index 93cff5e93..51997aa52 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -9,6 +9,7 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const WorkboxPlugin = require('workbox-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
+const colors = require('@stremio/stremio-colors');
 const pachageJson = require('./package.json');
 
 const COMMIT_HASH = execSync('git rev-parse HEAD').toString().trim();
@@ -208,6 +209,7 @@ module.exports = (env, argv) => ({
             template: './src/index.html',
             inject: false,
             scriptLoading: 'blocking',
+            themeColor: colors.background,
             faviconsPath: `${COMMIT_HASH}/favicons`,
             imagesPath: `${COMMIT_HASH}/images`,
             manifestPath: `${COMMIT_HASH}/manifest.json`,