Add ability to set the progressbar color from the Settings screen

1 files changed, 10 insertions, 0 deletions

diff --git a/src/containers/settings/EditSettingsScreen.js b/src/containers/settings/EditSettingsScreen.js
index 46c8232e4..bae19d3b6 100644
--- a/src/containers/settings/EditSettingsScreen.js
+++ b/src/containers/settings/EditSettingsScreen.js
@@ -234,6 +234,10 @@ const messages = defineMessages({
     id: 'settings.app.form.accentColor',
     defaultMessage: 'Accent color',
   },
+  progressbarAccentColor: {
+    id: 'settings.app.form.progressbarAccentColor',
+    defaultMessage: 'Progressbar Accent color',
+  },
   showDisabledServices: {
     id: 'settings.app.form.showDisabledServices',
     defaultMessage: 'Display disabled services tabs',
@@ -368,6 +372,7 @@ class EditSettingsScreen extends Component {
         hideSettingsButton: Boolean(settingsData.hideSettingsButton),
         alwaysShowWorkspaces: Boolean(settingsData.alwaysShowWorkspaces),
         accentColor: settingsData.accentColor,
+        progressbarAccentColor: settingsData.progressbarAccentColor,
         showMessageBadgeWhenMuted: Boolean(
           settingsData.showMessageBadgeWhenMuted,
         ),
@@ -758,6 +763,11 @@ class EditSettingsScreen extends Component {
           value: settings.all.app.accentColor,
           default: DEFAULT_APP_SETTINGS.accentColor,
         },
+        progressbarAccentColor: {
+          label: intl.formatMessage(messages.progressbarAccentColor),
+          value: settings.all.app.progressbarAccentColor,
+          default: DEFAULT_APP_SETTINGS.progressbarAccentColor,
+        },
         enableGPUAcceleration: {
           label: intl.formatMessage(messages.enableGPUAcceleration),
           value: settings.all.app.enableGPUAcceleration,