From d6f9b6547a6d8c6822fee6b27a5223a66809843d Mon Sep 17 00:00:00 2001
From: Shevek <shevek@odonian.anarres>
Date: Sat, 14 Aug 2021 22:49:09 -0400
Subject: [PATCH 1/2] use brand color as browser theme color

---
 app/soapbox/containers/soapbox.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/soapbox/containers/soapbox.js b/app/soapbox/containers/soapbox.js
index 2486246f8..129a14719 100644
--- a/app/soapbox/containers/soapbox.js
+++ b/app/soapbox/containers/soapbox.js
@@ -54,6 +54,7 @@ const mapStateToProps = (state) => {
     demetricator: settings.get('demetricator'),
     locale: validLocale(locale) ? locale : 'en',
     themeCss: generateThemeCss(soapboxConfig.get('brandColor')),
+    brandColor: soapboxConfig.get('brandColor'),
     themeMode: settings.get('themeMode'),
     halloween: settings.get('halloween'),
     customCss: soapboxConfig.get('customCss'),
@@ -74,6 +75,7 @@ class SoapboxMount extends React.PureComponent {
     locale: PropTypes.string.isRequired,
     themeCss: PropTypes.string,
     themeMode: PropTypes.string,
+    brandColor: PropTypes.string,
     customCss: ImmutablePropTypes.list,
     halloween: PropTypes.bool,
     dispatch: PropTypes.func,
@@ -134,6 +136,7 @@ class SoapboxMount extends React.PureComponent {
             {customCss && customCss.map(css => (
               <link rel='stylesheet' href={css} key={css} />
             ))}
+            <meta name="theme-color" content={this.props.brandColor} />
           </Helmet>
           <BrowserRouter>
             <ScrollContext>

From 5abd81695a180141fdbad665b2f60eda4e81bf35 Mon Sep 17 00:00:00 2001
From: Shevek <shevek@odonian.anarres>
Date: Sat, 14 Aug 2021 22:59:33 -0400
Subject: [PATCH 2/2] fix lint

---
 app/soapbox/containers/soapbox.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/soapbox/containers/soapbox.js b/app/soapbox/containers/soapbox.js
index 129a14719..d3c8dbb0f 100644
--- a/app/soapbox/containers/soapbox.js
+++ b/app/soapbox/containers/soapbox.js
@@ -136,7 +136,7 @@ class SoapboxMount extends React.PureComponent {
             {customCss && customCss.map(css => (
               <link rel='stylesheet' href={css} key={css} />
             ))}
-            <meta name="theme-color" content={this.props.brandColor} />
+            <meta name='theme-color' content={this.props.brandColor} />
           </Helmet>
           <BrowserRouter>
             <ScrollContext>