Merge branch 'develop' into local-server

80 files changed, 1105 insertions, 307 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4cadefd38..5df55fbe0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,14 @@
-# [5.3.4](https://github.com/meetfranz/franz/compare/v5.3.3...v5.3.4) (2019-09-25)
+# [5.4.0](https://github.com/getferdi/ferdi/compare/v5.3.4...v5.4.0)
+- Merge Franz v5.4.0
+- Add option to always show service navigation bar
+- Minifying build files to improve app size
+- Sorting applications in QuickSwitch by last used
+- Add service hibernation
+- Fix universal darkmode for WhatsApp and Threema
+- Add button to open darkmode.css for a service
+- Add option to change accent color
+
+# [5.3.4](https://github.com/getferdi/ferdi/compare/v5.3.3...v5.3.4) (2019-09-25)
 - Fix continuous releases/assets delivery on tags builds #53
 - Attempt at making menubar hiding feature cross-platform #7 (comment)
 - Attempt at making "About Ferdi" consistent across platforms #47 (comment)
@@ -7,14 +17,14 @@
 - Add universal Dark-Mode via the [DarkReader extension](https://github.com/darkreader/darkreader)
 - Add "Scheduled Do-not-Disturb" feature
 
-# [5.3.3](https://github.com/meetfranz/franz/compare/v5.3.2...v5.3.3) (2019-09-18)
+# [5.3.3](https://github.com/getferdi/ferdi/compare/v5.3.2...v5.3.3) (2019-09-18)
 - Merged Franz v5.3.3 into Ferdi
 - Allow hiding menubar (#7)
 - Add "back" and "forward" options for browsing history inside services (#39)
 - Add password protection feature (#41)
 - Add keep workspace loaded option per workspace (#37)
 
-# [5.3.2](https://github.com/meetfranz/franz/compare/v5.3.1...v5.3.2) (2019-09-13)
+# [5.3.2](https://github.com/getferdi/ferdi/compare/v5.3.1...v5.3.2) (2019-09-13)
 Merged Franz v5.3.2 into Ferdi
 
 ## [5.3.1](https://github.com/getferdi/ferdi/compare/v5.3.0...v5.3.1) (2019-09-09)
diff --git a/README.md b/README.md
index a05c73cbc..3f1628f67 100644
--- a/README.md
+++ b/README.md
@@ -36,10 +36,13 @@ You can find the installers in the [latest release](https://github.com/getferdi/
 - [x] Add "Scheduled Do-not-Disturb" feature in which you won't get notifications (similar to Rambox's [Work Hours](https://rambox.pro/#feature-details/work_hours))
 - [x] Add CTRL+← and CTRL+→ shortcuts and menu options to go back and forward in the service browsing history([#39](https://github.com/getferdi/ferdi/issues/39))
 - [x] Add option to show a browser-like navigation bar on all services
+- [x] Add option to change accent color
 - [x] Add "`FERDI_APPDATA_DIR`" env variable to set a custom path for storing all data
 - [x] Add Process Manager to find services using a lot of resources
 - [x] Add "npm run prepare-code" command for development to lint and beautify code
+- [x] Add button to open darkmode.css for a service
 - [x] Improve "About Ferdi" screen to better display versions
+- [x] Minifying build files to improve app size
 - [x] Remove "Franz is better together" popup
 - [x] Remove bug that would incorrectly display unread messages count on some services (more info in [7566ccd](https://github.com/getferdi/ferdi/commit/7566ccd))
 - [x] [Makes it possible to edit the "Franz Todo" server](https://github.com/getferdi/ferdi/wiki/Custom-Todo)
diff --git a/package-lock.json b/package-lock.json
index f05007409..dde0a1d80 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7083,6 +7083,17 @@
         "uid-safe": "2.1.5"
       }
     },
+    "css": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
+      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+      "requires": {
+        "inherits": "^2.0.3",
+        "source-map": "^0.6.1",
+        "source-map-resolve": "^0.5.2",
+        "urix": "^0.1.0"
+      }
+    },
     "css-select": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
diff --git a/package.json b/package.json
index d3720883d..52681241b 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,8 @@
     "uidev": "cd uidev && webpack-dev-server",
     "postinstall": "npx lerna run prepare",
     "apply-branding": "node ./src/i18n/apply-branding.js",
-    "prepare-code": "npm run lint && npm run reformat-files && npm run manage-translations && npm run apply-branding"
+    "prepare-code": "npm run lint && npm run reformat-files && npm run manage-translations && npm run apply-branding",
+    "build-theme-info": "node src/scripts/build-theme-info.js"
   },
   "keywords": [],
   "author": "Amine Mouafik <amine@mouafik.fr>",
@@ -61,6 +62,7 @@
     "btoa": "1.2.1",
     "classnames": "2.2.6",
     "cld3-asm": "1.0.1",
+    "css": "2.2.4",
     "darkreader": "4.7.15",
     "du": "^0.1.0",
     "electron-dl": "1.14.0",
diff --git a/src/actions/service.js b/src/actions/service.js
index 99f4b3610..3283d8fee 100644
--- a/src/actions/service.js
+++ b/src/actions/service.js
@@ -28,6 +28,9 @@ export default {
     serviceId: PropTypes.string.isRequired,
     redirect: PropTypes.string,
   },
+  openDarkmodeCss: {
+    recipe: PropTypes.string.isRequired,
+  },
   clearCache: {
     serviceId: PropTypes.string.isRequired,
   },
diff --git a/src/assets/themeInfo.json b/src/assets/themeInfo.json
new file mode 100644
index 000000000..d6017de23
--- /dev/null
+++ b/src/assets/themeInfo.json
@@ -0,0 +1 @@
+{"color":".theme__dark .app .sidebar .sidebar__button.is-muted, .theme__dark .app .sidebar .sidebar__button.is-active, .sidebar .sidebar__button.is-muted, .sidebar .sidebar__button.is-active, .settings .account .invoices .invoices__action button, .settings-navigation .settings-navigation__link.is-active .badge, a.button, a.link, .auth .welcome .button:hover, .auth .welcome .button__inverted, .franz-form .franz-form__radio.is-selected, .theme__dark .franz-form__button.franz-form__button--inverted, .franz-form__button.franz-form__button--inverted","border-left-color":".tab-item.is-active","border-color":".theme__dark .settings .premium-info, a.button, .franz-form .franz-form__radio.is-selected","background":".settings .settings__header, .settings .settings__close, .settings .settings__close:hover, .settings-navigation .settings-navigation__link.is-active, a.button:hover, .info-bar, .info-bar.info-bar--primary, .infobox.infobox--primary, .theme__dark .badge.badge--primary, .theme__dark .badge.badge--premium, .badge.badge--primary, .badge.badge--premium, .content-tabs .content-tabs__tabs .content-tabs__item.is-active, #electron-app-title-bar .toolbar-dropdown:not(.open) > .toolbar-button > button:hover, #electron-app-title-bar .list-item.selected .menu-item, #electron-app-title-bar .list-item.selected:focus .menu-item, .theme__dark .quick-switch .active, .franz-form .franz-form__toggle-wrapper .franz-form__toggle.is-active .franz-form__toggle-button, .theme__dark .franz-form__button, .theme__dark .franz-form__button:hover, .theme__dark .franz-form__button.franz-form__button--inverted:hover, .franz-form__button, .franz-form__button:hover, .franz-form__button.franz-form__button--inverted:hover","border-right-color":".settings .settings__header .separator"}
\ No newline at end of file
diff --git a/src/components/auth/Pricing.js b/src/components/auth/Pricing.js
index a77ad7742..aadb18d91 100644
--- a/src/components/auth/Pricing.js
+++ b/src/components/auth/Pricing.js
@@ -95,7 +95,7 @@ const styles = theme => ({
   },
 });
 
-export default @observer @injectSheet(styles) class Signup extends Component {
+export default @injectSheet(styles) @observer class Signup extends Component {
   static propTypes = {
     onSubmit: PropTypes.func.isRequired,
     isLoadingRequiredData: PropTypes.bool.isRequired,
diff --git a/src/components/layout/Sidebar.js b/src/components/layout/Sidebar.js
index d0cae3443..f7d10735c 100644
--- a/src/components/layout/Sidebar.js
+++ b/src/components/layout/Sidebar.js
@@ -116,7 +116,7 @@ export default @inject('stores', 'actions') @observer class Sidebar extends Comp
             { stores.settings.all.app.lockingFeatureEnabled ? (
               <button
                 type="button"
-                className={`sidebar__button sidebar__button--audio ${isAppMuted ? 'is-muted' : ''}`}
+                className="sidebar__button"
                 onClick={() => {
                   // Disable lock first - otherwise the application might not update correctly
                   actions.settings.update({
@@ -201,6 +201,12 @@ export default @inject('stores', 'actions') @observer class Sidebar extends Comp
           data-tip={`${intl.formatMessage(messages.settings)} (${ctrlKey}+,)`}
         >
           <i className="mdi mdi-settings" />
+          { (this.props.stores.app.updateStatus === this.props.stores.app.updateStatusTypes.AVAILABLE
+            || this.props.stores.app.updateStatus === this.props.stores.app.updateStatusTypes.DOWNLOADED) && (
+            <span className="update-availible">
+              •
+            </span>
+          ) }
         </button>
         {this.state.tooltipEnabled && (
           <ReactTooltip place="right" type="dark" effect="solid" />
diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 664a494c1..49ee24361 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -15,7 +15,7 @@ import SettingsStore from '../../../stores/SettingsStore';
 import WebControlsScreen from '../../../features/webControls/containers/WebControlsScreen';
 import { CUSTOM_WEBSITE_ID } from '../../../features/webControls/constants';
 
-export default @observer @inject('stores', 'actions') class ServiceView extends Component {
+export default @inject('stores', 'actions') @observer class ServiceView extends Component {
   static propTypes = {
     service: PropTypes.instanceOf(ServiceModel).isRequired,
     setWebviewReference: PropTypes.func.isRequired,
diff --git a/src/components/services/content/Services.js b/src/components/services/content/Services.js
index 6d7909362..80f17d8f2 100644
--- a/src/components/services/content/Services.js
+++ b/src/components/services/content/Services.js
@@ -44,7 +44,7 @@ const styles = {
   },
 };
 
-export default @observer @inject('actions') @injectSheet(styles) class Services extends Component {
+export default @injectSheet(styles) @inject('actions') @observer class Services extends Component {
   static propTypes = {
     services: MobxPropTypes.arrayOrObservableArray,
     setWebviewReference: PropTypes.func.isRequired,
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 5fe00cb8b..76138aa15 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -29,6 +29,10 @@ const messages = defineMessages({
     id: 'settings.service.form.deleteButton',
     defaultMessage: '!!!Delete Service',
   },
+  openDarkmodeCss: {
+    id: 'settings.service.form.openDarkmodeCss',
+    defaultMessage: '!!!Open darkmode.css',
+  },
   availableServices: {
     id: 'settings.service.form.availableServices',
     defaultMessage: '!!!Available services',
@@ -127,6 +131,8 @@ export default @observer class EditServiceForm extends Component {
     form: PropTypes.instanceOf(Form).isRequired,
     onSubmit: PropTypes.func.isRequired,
     onDelete: PropTypes.func.isRequired,
+    openDarkmodeCss: PropTypes.func.isRequired,
+    isOpeningDarkModeCss: PropTypes.bool.isRequired,
     isSaving: PropTypes.bool.isRequired,
     isDeleting: PropTypes.bool.isRequired,
     isProxyFeatureEnabled: PropTypes.bool.isRequired,
@@ -193,6 +199,8 @@ export default @observer class EditServiceForm extends Component {
       isSaving,
       isDeleting,
       onDelete,
+      openDarkmodeCss,
+      isOpeningDarkModeCss,
       isProxyFeatureEnabled,
       isServiceProxyIncludedInCurrentPlan,
       isSpellcheckerIncludedInCurrentPlan,
@@ -218,6 +226,23 @@ export default @observer class EditServiceForm extends Component {
       />
     );
 
+    const openDarkmodeCssButton = isOpeningDarkModeCss ? (
+      <Button
+        label={intl.formatMessage(messages.openDarkmodeCss)}
+        loaded={false}
+        buttonType="secondary"
+        className="settings__open-dark-mode-button"
+        disabled
+      />
+    ) : (
+      <Button
+        buttonType="secondary"
+        label={intl.formatMessage(messages.openDarkmodeCss)}
+        className="settings__open-dark-mode-button"
+        onClick={openDarkmodeCss}
+      />
+    );
+
     let activeTabIndex = 0;
     if (recipe.hasHostedOption && service.team) {
       activeTabIndex = 1;
@@ -329,9 +354,7 @@ export default @observer class EditServiceForm extends Component {
 
                 <div className="settings__settings-group">
                   <h3>{intl.formatMessage(messages.headlineGeneral)}</h3>
-                  {recipe.hasDarkMode && (
-                    <Toggle field={form.$('isDarkModeEnabled')} />
-                  )}
+                  <Toggle field={form.$('isDarkModeEnabled')} />
                   <Toggle field={form.$('isEnabled')} />
                 </div>
               </div>
@@ -406,6 +429,7 @@ export default @observer class EditServiceForm extends Component {
         <div className="settings__controls">
           {/* Delete Button */}
           {action === 'edit' && deleteButton}
+          {action === 'edit' && openDarkmodeCssButton}
 
           {/* Save Button */}
           {isSaving || isValidatingCustomUrl ? (
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index b01368f69..2be5c4ed7 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -79,6 +79,14 @@ const messages = defineMessages({
     id: 'settings.app.headlineAppearance',
     defaultMessage: '!!!Appearance',
   },
+  universalDarkModeInfo: {
+    id: 'settings.app.universalDarkModeInfo',
+    defaultMessage: '!!!Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.',
+  },
+  accentColorInfo: {
+    id: 'settings.app.accentColorInfo',
+    defaultMessage: '!!!Write your accent color in a CSS-compatible format. (Default: #7367f0)',
+  },
   headlineAdvanced: {
     id: 'settings.app.headlineAdvanced',
     defaultMessage: '!!!Advanced',
@@ -152,6 +160,7 @@ export default @observer class EditSettingsForm extends Component {
     server: PropTypes.string.isRequired,
     noUpdates: PropTypes.bool.isRequired,
     hibernationEnabled: PropTypes.bool.isRequired,
+    isDarkmodeEnabled: PropTypes.bool.isRequired,
     openProcessManager: PropTypes.func.isRequired,
   };
 
@@ -188,6 +197,7 @@ export default @observer class EditSettingsForm extends Component {
       server,
       noUpdates,
       hibernationEnabled,
+      isDarkmodeEnabled,
       openProcessManager,
     } = this.props;
     const { intl } = this.context;
@@ -373,6 +383,28 @@ export default @observer class EditSettingsForm extends Component {
             <Toggle field={form.$('showDisabledServices')} />
             <Toggle field={form.$('showMessageBadgeWhenMuted')} />
             <Toggle field={form.$('darkMode')} />
+            {isDarkmodeEnabled && (
+              <>
+                <Toggle field={form.$('universalDarkMode')} />
+                <p
+                  className="settings__message"
+                  style={{
+                    borderTop: 0, marginTop: 0, paddingTop: 0, marginBottom: '2rem',
+                  }}
+                >
+                  <span>
+                    { intl.formatMessage(messages.universalDarkModeInfo) }
+                  </span>
+                </p>
+              </>
+            )}
+
+            <Input
+              placeholder="Accent Color"
+              onChange={e => this.submit(e)}
+              field={form.$('accentColor')}
+            />
+            <p>{intl.formatMessage(messages.accentColorInfo)}</p>
 
             {/* Language */}
             <h2 id="language">{intl.formatMessage(messages.headlineLanguage)}</h2>
diff --git a/src/components/subscription/TrialForm.js b/src/components/subscription/TrialForm.js
index 9ed548f16..6ccdf20ae 100644
--- a/src/components/subscription/TrialForm.js
+++ b/src/components/subscription/TrialForm.js
@@ -56,7 +56,7 @@ const styles = theme => ({
   },
 });
 
-export default @observer @injectSheet(styles) class TrialForm extends Component {
+export default @injectSheet(styles) @observer class TrialForm extends Component {
   static propTypes = {
     activateTrial: PropTypes.func.isRequired,
     isActivatingTrial: PropTypes.bool.isRequired,
diff --git a/src/components/ui/Button.js b/src/components/ui/Button.js
index e2d7cea83..5066b9c06 100644
--- a/src/components/ui/Button.js
+++ b/src/components/ui/Button.js
@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { observer } from 'mobx-react';
+import { observer, inject } from 'mobx-react';
 import Loader from 'react-loader';
 import classnames from 'classnames';
 
-export default @observer class Button extends Component {
+export default @inject('stores') @observer class Button extends Component {
   static propTypes = {
     className: PropTypes.string,
     label: PropTypes.string.isRequired,
@@ -14,12 +14,19 @@ export default @observer class Button extends Component {
     buttonType: PropTypes.string,
     loaded: PropTypes.bool,
     htmlForm: PropTypes.string,
+    stores: PropTypes.shape({
+      settings: PropTypes.shape({
+        app: PropTypes.shape({
+          accentColor: PropTypes.string.isRequired,
+        }).isRequired,
+      }).isRequired,
+    }).isRequired,
   };
 
   static defaultProps = {
     className: null,
     disabled: false,
-    onClick: () => {},
+    onClick: () => { },
     type: 'button',
     buttonType: '',
     loaded: true,
@@ -69,7 +76,7 @@ export default @observer class Button extends Component {
           loaded={loaded}
           lines={10}
           scale={0.4}
-          color={buttonType !== 'secondary' ? '#FFF' : '#7367F0'}
+          color={buttonType !== 'secondary' ? '#FFF' : this.props.stores.settings.app.accentColor}
           component="span"
         />
         {label}
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js
index 06dab1eb6..d8cdc2e8a 100644
--- a/src/components/ui/FullscreenLoader/index.js
+++ b/src/components/ui/FullscreenLoader/index.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { observer } from 'mobx-react';
+import { observer, inject } from 'mobx-react';
 import injectSheet, { withTheme } from 'react-jss';
 import classnames from 'classnames';
 
@@ -8,7 +8,7 @@ import Loader from '../Loader';
 
 import styles from './styles';
 
-export default @observer @withTheme @injectSheet(styles) class FullscreenLoader extends Component {
+export default @inject('stores') @withTheme @injectSheet(styles) @observer class FullscreenLoader extends Component {
   static propTypes = {
     className: PropTypes.string,
     title: PropTypes.string.isRequired,
@@ -16,6 +16,13 @@ export default @observer @withTheme @injectSheet(styles) class FullscreenLoader
     theme: PropTypes.object.isRequired,
     spinnerColor: PropTypes.string,
     children: PropTypes.node,
+    stores: PropTypes.shape({
+      settings: PropTypes.shape({
+        app: PropTypes.shape({
+          accentColor: PropTypes.string.isRequired,
+        }).isRequired,
+      }).isRequired,
+    }).isRequired,
   };
 
   static defaultProps = {
@@ -32,10 +39,16 @@ export default @observer @withTheme @injectSheet(styles) class FullscreenLoader
       spinnerColor,
       className,
       theme,
+      stores,
     } = this.props;
 
     return (
-      <div className={classes.wrapper}>
+      <div
+        className={classes.wrapper}
+        style={{
+          background: stores.app.accentColor,
+        }}
+      >
         <div
           className={classnames({
             [`${classes.component}`]: true,
diff --git a/src/components/ui/FullscreenLoader/styles.js b/src/components/ui/FullscreenLoader/styles.js
index d516781a8..64d24e4ce 100644
--- a/src/components/ui/FullscreenLoader/styles.js
+++ b/src/components/ui/FullscreenLoader/styles.js
@@ -4,7 +4,6 @@ export default {
     alignItems: 'center',
     position: 'absolute',
     width: '100%',
-    background: 'linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%)',
   },
   component: {
     width: '100%',
diff --git a/src/components/ui/Loader.js b/src/components/ui/Loader.js
index de8769b6c..4d7113aa1 100644
--- a/src/components/ui/Loader.js
+++ b/src/components/ui/Loader.js
@@ -1,22 +1,30 @@
 import React, { Component } from 'react';
+import { observer, inject } from 'mobx-react';
 import PropTypes from 'prop-types';
 import Loader from 'react-loader';
 
 import { oneOrManyChildElements } from '../../prop-types';
 
-export default class LoaderComponent extends Component {
+export default @inject('stores') @observer class LoaderComponent extends Component {
   static propTypes = {
     children: oneOrManyChildElements,
     loaded: PropTypes.bool,
     className: PropTypes.string,
     color: PropTypes.string,
+    stores: PropTypes.shape({
+      settings: PropTypes.shape({
+        app: PropTypes.shape({
+          accentColor: PropTypes.string.isRequired,
+        }).isRequired,
+      }).isRequired,
+    }).isRequired,
   };
 
   static defaultProps = {
     children: null,
     loaded: false,
     className: '',
-    color: '#7367F0',
+    color: 'ACCENT',
   };
 
   render() {
@@ -24,9 +32,10 @@ export default class LoaderComponent extends Component {
       children,
       loaded,
       className,
-      color,
     } = this.props;
 
+    const color = this.props.color !== 'ACCENT' ? this.props.color : this.props.stores.settings.app.accentColor;
+
     return (
       <Loader
         loaded={loaded}
diff --git a/src/components/ui/WebviewLoader/index.js b/src/components/ui/WebviewLoader/index.js
index 58b6b6f1b..923f10327 100644
--- a/src/components/ui/WebviewLoader/index.js
+++ b/src/components/ui/WebviewLoader/index.js
@@ -14,7 +14,7 @@ const messages = defineMessages({
   },
 });
 
-export default @observer @injectSheet(styles) class WebviewLoader extends Component {
+export default @injectSheet(styles) @observer class WebviewLoader extends Component {
   static propTypes = {
     name: PropTypes.string.isRequired,
     classes: PropTypes.object.isRequired,
diff --git a/src/config.js b/src/config.js
index 924d139a2..0673e994a 100644
--- a/src/config.js
+++ b/src/config.js
@@ -76,6 +76,8 @@ export const DEFAULT_APP_SETTINGS = {
   hibernationStrategy: 300,
   noUpdates: false,
   showServiceNavigationBar: false,
+  universalDarkMode: true,
+  accentColor: '#7367f0',
 };
 
 export const DEFAULT_FEATURES_CONFIG = {
@@ -87,7 +89,7 @@ export const DEFAULT_FEATURES_CONFIG = {
   },
   isServiceProxyEnabled: false,
   isServiceProxyIncludedInCurrentPlan: true,
-  isAnnouncementsEnabled: true,
+  isAnnouncementsEnabled: false,
   isWorkspaceIncludedInCurrentPlan: true,
   isWorkspaceEnabled: false,
   isCommunityRecipesIncludedInCurrentPlan: true,
@@ -100,7 +102,7 @@ export const DEFAULT_WINDOW_OPTIONS = {
   y: 0,
 };
 
-export const FRANZ_SERVICE_REQUEST = 'https://github.com/getferdi/recipes/issues';
+export const FRANZ_SERVICE_REQUEST = 'https://github.com/getferdi/recipes/issues/new/choose';
 export const FRANZ_TRANSLATION = 'https://crowdin.com/project/getferdi';
 export const FRANZ_DEV_DOCS = 'http://bit.ly/franz-dev-hub';
 
diff --git a/src/containers/settings/EditServiceScreen.js b/src/containers/settings/EditServiceScreen.js
index e4ff03bb3..d18d7fb9b 100644
--- a/src/containers/settings/EditServiceScreen.js
+++ b/src/containers/settings/EditServiceScreen.js
@@ -92,6 +92,10 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
     intl: intlShape,
   };
 
+  state = {
+    isOpeningDarkModeCss: false,
+  }
+
   onSubmit(data) {
     const { action } = this.props.router.params;
     const { recipes, services } = this.props.stores;
@@ -278,6 +282,28 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
     }
   }
 
+  openDarkmodeCss() {
+    const { openDarkmodeCss } = this.props.actions.service;
+    const { action } = this.props.router.params;
+
+    if (action === 'edit') {
+      this.setState({
+        isOpeningDarkModeCss: true,
+      });
+
+      const { activeSettings: service } = this.props.stores.services;
+      openDarkmodeCss({
+        recipe: service.recipe.id,
+      });
+
+      setTimeout(() => {
+        this.setState({
+          isOpeningDarkModeCss: false,
+        });
+      }, 2500);
+    }
+  }
+
   render() {
     const { recipes, services, user } = this.props.stores;
     const { action } = this.props.router.params;
@@ -329,6 +355,8 @@ export default @inject('stores', 'actions') @observer class EditServiceScreen ex
           isDeleting={services.deleteServiceRequest.isExecuting}
           onSubmit={d => this.onSubmit(d)}
           onDelete={() => this.deleteService()}
+          openDarkmodeCss={() => this.openDarkmodeCss()}
+          isOpeningDarkModeCss={this.state.isOpeningDarkModeCss}
           isProxyFeatureEnabled={proxyFeature.isEnabled}
           isServiceProxyIncludedInCurrentPlan={proxyFeature.isIncludedInCurrentPlan}
           isSpellcheckerIncludedInCurrentPlan={spellcheckerFeature.isIncludedInCurrentPlan}
@@ -356,6 +384,7 @@ EditServiceScreen.wrappedComponent.propTypes = {
       createService: PropTypes.func.isRequired,
       updateService: PropTypes.func.isRequired,
       deleteService: PropTypes.func.isRequired,
+      openDarkmodeCss: PropTypes.func.isRequired,
     }).isRequired,
     // settings: PropTypes.shape({
     //   update: PropTypes.func.isRequred,
diff --git a/src/containers/settings/EditSettingsScreen.js b/src/containers/settings/EditSettingsScreen.js
index f0ceeb8e6..3898d2b99 100644
--- a/src/containers/settings/EditSettingsScreen.js
+++ b/src/containers/settings/EditSettingsScreen.js
@@ -98,6 +98,14 @@ const messages = defineMessages({
     id: 'settings.app.form.darkMode',
     defaultMessage: '!!!Dark Mode',
   },
+  universalDarkMode: {
+    id: 'settings.app.form.universalDarkMode',
+    defaultMessage: '!!!Enable universal Dark Mode',
+  },
+  accentColor: {
+    id: 'settings.app.form.accentColor',
+    defaultMessage: '!!!Accent color',
+  },
   showDisabledServices: {
     id: 'settings.app.form.showDisabledServices',
     defaultMessage: '!!!Display disabled services tabs',
@@ -172,6 +180,8 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e
         enableGPUAcceleration: settingsData.enableGPUAcceleration,
         showDisabledServices: settingsData.showDisabledServices,
         darkMode: settingsData.darkMode,
+        universalDarkMode: settingsData.universalDarkMode,
+        accentColor: settingsData.accentColor,
         showMessageBadgeWhenMuted: settingsData.showMessageBadgeWhenMuted,
         enableSpellchecking: settingsData.enableSpellchecking,
         spellcheckerLanguage: settingsData.spellcheckerLanguage,
@@ -340,6 +350,16 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e
           value: settings.all.app.darkMode,
           default: DEFAULT_APP_SETTINGS.darkMode,
         },
+        universalDarkMode: {
+          label: intl.formatMessage(messages.universalDarkMode),
+          value: settings.all.app.universalDarkMode,
+          default: DEFAULT_APP_SETTINGS.universalDarkMode,
+        },
+        accentColor: {
+          label: intl.formatMessage(messages.accentColor),
+          value: settings.all.app.accentColor,
+          default: DEFAULT_APP_SETTINGS.accentColor,
+        },
         enableGPUAcceleration: {
           label: intl.formatMessage(messages.enableGPUAcceleration),
           value: settings.all.app.enableGPUAcceleration,
@@ -425,6 +445,7 @@ export default @inject('stores', 'actions') @observer class EditSettingsScreen e
           lockingFeatureEnabled={lockingFeatureEnabled}
           noUpdates={this.props.stores.settings.app.noUpdates}
           hibernationEnabled={this.props.stores.settings.app.hibernate}
+          isDarkmodeEnabled={this.props.stores.settings.app.darkMode}
           openProcessManager={() => this.openProcessManager()}
         />
       </ErrorBoundary>
@@ -457,7 +478,7 @@ EditSettingsScreen.wrappedComponent.propTypes = {
       toggleTodosFeatureVisibility: PropTypes.func.isRequired,
     }).isRequired,
     workspaces: PropTypes.shape({
-      toggleAllWorkspacesLoadedSetting: PropTypes.func.isRequired,
+      toggleKeepAllWorkspacesLoadedSetting: PropTypes.func.isRequired,
     }).isRequired,
   }).isRequired,
 };
diff --git a/src/features/accentColor/index.js b/src/features/accentColor/index.js
new file mode 100644
index 000000000..a0f57a2fa
--- /dev/null
+++ b/src/features/accentColor/index.js
@@ -0,0 +1,55 @@
+import { reaction } from 'mobx';
+import themeInfo from '../../assets/themeInfo.json';
+import { DEFAULT_APP_SETTINGS } from '../../config';
+
+const STYLE_ELEMENT_ID = 'accent-color';
+
+function createAccentStyleElement() {
+  const styles = document.createElement('style');
+  styles.id = STYLE_ELEMENT_ID;
+
+  document.querySelector('head').appendChild(styles);
+}
+
+function setAccentStyle(style) {
+  const styleElement = document.getElementById(STYLE_ELEMENT_ID);
+  styleElement.innerHTML = style;
+}
+
+function generateAccentStyle(color) {
+  let style = '';
+
+  Object.keys(themeInfo).forEach((property) => {
+    style += `
+      ${themeInfo[property]} {
+        ${property}: ${color};
+      }
+    `;
+  });
+
+  return style;
+}
+
+export default function initAccentColor(stores) {
+  const { settings } = stores;
+  createAccentStyleElement();
+
+  // Update accent color
+  reaction(
+    () => (
+      settings.all.app.accentColor
+    ),
+    (color) => {
+      if (color === DEFAULT_APP_SETTINGS.accentColor) {
+        // Reset accent style to return to default color scheme
+        setAccentStyle('');
+      } else {
+        const style = generateAccentStyle(color);
+        setAccentStyle(style);
+      }
+    },
+    {
+      fireImmediately: true,
+    },
+  );
+}
diff --git a/src/features/announcements/api.js b/src/features/announcements/api.js
index a7995d6db..e5c5a7d6f 100644
--- a/src/features/announcements/api.js
+++ b/src/features/announcements/api.js
@@ -1,6 +1,5 @@
 import { remote } from 'electron';
 import Request from '../../stores/lib/Request';
-import apiBase from '../../api/apiBase';
 
 const debug = require('debug')('Ferdi:feature:announcements:api');
 
@@ -12,7 +11,7 @@ export const announcementsApi = {
 
   async getChangelog(version) {
     debug('fetching release changelog from Github');
-    const url = `https://api.github.com/repos/meetfranz/franz/releases/tags/v${version}`;
+    const url = `https://api.github.com/repos/getferdi/ferdi/releases/tags/v${version}`;
     const request = await window.fetch(url, { method: 'GET' });
     if (!request.ok) return null;
     const data = await request.json();
@@ -21,7 +20,7 @@ export const announcementsApi = {
 
   async getAnnouncement(version) {
     debug('fetching release announcement from api');
-    const url = `${apiBase()}/announcements/${version}`;
+    const url = `https://api.getferdi.com/v1/announcements/${version}`;
     const response = await window.fetch(url, { method: 'GET' });
     if (!response.ok) return null;
     return response.json();
diff --git a/src/features/announcements/index.js b/src/features/announcements/index.js
index 42823e74c..10f081bb1 100644
--- a/src/features/announcements/index.js
+++ b/src/features/announcements/index.js
@@ -12,13 +12,12 @@ export const ANNOUNCEMENTS_ROUTES = {
 };
 
 export default function initAnnouncements(stores, actions) {
-  // const { features } = stores;
+  const { features } = stores;
 
-  // Toggle workspace feature
+  // Toggle announcement feature
   reaction(
     () => (
-      true
-      // features.features.isAnnouncementsEnabled
+      features.features.isAnnouncementsEnabled
     ),
     (isEnabled) => {
       if (isEnabled) {
diff --git a/src/features/todos/components/TodosWebview.js b/src/features/todos/components/TodosWebview.js
index 35c102220..e9b1963f7 100644
--- a/src/features/todos/components/TodosWebview.js
+++ b/src/features/todos/components/TodosWebview.js
@@ -79,7 +79,7 @@ const styles = theme => ({
   },
 });
 
-@injectSheet(styles) @observer @inject('stores')
+@injectSheet(styles) @inject('stores') @observer
 class TodosWebview extends Component {
   static propTypes = {
     classes: PropTypes.object.isRequired,
diff --git a/src/i18n/locales/af.json b/src/i18n/locales/af.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/af.json
+++ b/src/i18n/locales/af.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/ar.json b/src/i18n/locales/ar.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/ar.json
+++ b/src/i18n/locales/ar.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/bs.json b/src/i18n/locales/bs.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/bs.json
+++ b/src/i18n/locales/bs.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/ca.json b/src/i18n/locales/ca.json
index 3570a9934..2cb685f26 100644
--- a/src/i18n/locales/ca.json
+++ b/src/i18n/locales/ca.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Millorar el teu compte",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Envia com a correu",
   "feature.shareFranz.action.facebook": "Compartir en Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "No s'ha pogut carregar la informació de l'usuari",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Buida la memòria cau",
   "settings.app.buttonInstallUpdate": "Reinicia i instal·la l'actualització",
   "settings.app.buttonSearchForUpdate": "Comprova si hi ha actualitzacions",
   "settings.app.cacheInfo": "La memòria cau de Ferdi està utilitzant {size} d'espai al disc",
   "settings.app.currentVersion": "Versió actual:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Obrir en segon plà",
   "settings.app.form.autoLaunchOnStart": "Iniciar Ferdi a l'inici",
   "settings.app.form.beta": "Inclou versions beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Mostra la insígnia de missatges no llegits quan les notificacions estiguin desactivades",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Configuració",
   "settings.app.headlineAdvanced": "Avançat",
   "settings.app.headlineAppearance": "Aparença",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Memòria cau",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Ajuda'ns a traduir Ferdi en la teva llengua.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Actualització disponible, descarregant ...",
   "settings.app.updateStatusSearching": "Està buscant actualitzacions",
   "settings.app.updateStatusUpToDate": "Esteu utilitzant la versió més recent de Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Mostra la insígnia de missatge per a tots els missatges nous",
   "settings.service.form.isMutedInfo": "Quan es desactiva, tots els sons de notificació i reproducció d'àudio es silenciaran",
   "settings.service.form.name": "Nom",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Ajustaments Proxy HTTP/HTTPS",
   "settings.service.form.proxy.host": "Host Proxy / IP",
   "settings.service.form.proxy.info": "Els ajustaments del Proxy no es sincronitzaran amb els servidors de Ferdi",
diff --git a/src/i18n/locales/cs.json b/src/i18n/locales/cs.json
index e51681db1..2bd2cb513 100644
--- a/src/i18n/locales/cs.json
+++ b/src/i18n/locales/cs.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Vylepši si svůj účet",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Poslat jako e-mail",
   "feature.shareFranz.action.facebook": "Sdílet na Facebooku",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Nelze načíst informace o uživateli.",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Vyprázdnit mezipaměti",
   "settings.app.buttonInstallUpdate": "Restartovat a nainstalovat aktualizace",
   "settings.app.buttonSearchForUpdate": "Zkontrolovat aktualizace",
   "settings.app.cacheInfo": "Ferdi momentálně používá {size} místa na disku.",
   "settings.app.currentVersion": "Aktuální verze:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Spustit na pozadí",
   "settings.app.form.autoLaunchOnStart": "Spustit Ferdi při startu",
   "settings.app.form.beta": "Zahrnout beta verze",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Zobrazit odznak pro nepřečtené zprávy když jsou upozornění vypnutá",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Nastavení",
   "settings.app.headlineAdvanced": "Pokročilé",
   "settings.app.headlineAppearance": "Vzhled",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Mezipaměť",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Pomozte nám přeložit Ferdi do svého jazyka.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Aktualizace k dispozici, stahování...",
   "settings.app.updateStatusSearching": "Hledá aktualizace",
   "settings.app.updateStatusUpToDate": "Používáte nejnovější verzi programu Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Zobrazovat znak zprávy pro všechny nové zprávy",
   "settings.service.form.isMutedInfo": "Pokud je vypnuto, všechny zvuky notifikací a jiného audia budou ztišeny",
   "settings.service.form.name": "Jméno",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Nastavení HTTP/HTTPS Proxy",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/da.json b/src/i18n/locales/da.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/da.json
+++ b/src/i18n/locales/da.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/de.json b/src/i18n/locales/de.json
index db881d122..45c033e56 100644
--- a/src/i18n/locales/de.json
+++ b/src/i18n/locales/de.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Account erweitern",
   "feature.quickSwitch.info": "Wähle einen Service mit TAB, ↑ und ↓. Um einen Service zu öffnen, drücke ENTER.",
   "feature.quickSwitch.search": "Suchen...",
+  "feature.quickSwitch.title": "Schnellauswahl",
   "feature.serviceLimit.limitReached": "Du hast {amount} von {limit} in deiner Lizenz inkludierten Services hinzugefügt. Bitte führe ein Upgrade deines Accounts durch, um mehr Services hinzuzufügen.",
   "feature.shareFranz.action.email": "Als E-Mail senden",
   "feature.shareFranz.action.facebook": "Auf Facebook teilen",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade zu Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Benutzerinformationen konnten nicht geladen werden",
   "settings.account.yourLicense": "Deine Ferdi Lizenz",
+  "settings.app.accentColorInfo": "Schreibe deine Akzentfarbe in einem CSS-kompatiblen Format. (Standard: #7367f0)",
   "settings.app.buttonClearAllCache": "Cache leeren",
   "settings.app.buttonInstallUpdate": "Neu starten & Update installieren",
   "settings.app.buttonSearchForUpdate": "Nach Updates suchen",
   "settings.app.cacheInfo": "Der Ferdi Cache belegt derzeit {size}.",
   "settings.app.currentVersion": "Aktuelle Version:",
+  "settings.app.form.accentColor": "Akzentfarbe",
   "settings.app.form.autoLaunchInBackground": "Im Hintergrund öffnen",
   "settings.app.form.autoLaunchOnStart": "Ferdi beim Systemstart ausführen",
   "settings.app.form.beta": "Beta-Versionen einbeziehen",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Ungelesene Nachrichten zeigen, wenn die Benachrichtigungen deaktiviert sind",
   "settings.app.form.showServiceNavigationBar": "Navigationsleiste immer anzeigen",
   "settings.app.form.todoServer": "Todo-Server",
+  "settings.app.form.universalDarkMode": "Universellen Dark Mode aktivieren",
   "settings.app.headline": "Einstellungen",
   "settings.app.headlineAdvanced": "Erweitert",
   "settings.app.headlineAppearance": "Darstellung",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "Dieser Server wird für die Funktion \"Ferdi Todo\" verwendet. (Standard: https://app.franztodos.com)",
   "settings.app.translationHelp": "Hilf uns, Ferdi in Deine Sprache zu übersetzen.",
+  "settings.app.universalDarkModeInfo": "Universeller Dark Mode versucht dynamisch Dienste abzudunkeln, die vom normalen Dark Mode noch nicht unterstützt werden.",
   "settings.app.updateStatusAvailable": "Update verfügbar, lädt herunter ...",
   "settings.app.updateStatusSearching": "Suche nach Updates",
   "settings.app.updateStatusUpToDate": "Du nutzt die aktuellste Version von Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Nachrichten-Badge für alle neuen Nachrichten anzeigen",
   "settings.service.form.isMutedInfo": "Sämtliche Wiedergabe von Tönen wird deaktiviert",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Öffne darkmode.css",
   "settings.service.form.proxy.headline": "HTTP-/HTTPS-Proxy-Einstellungen",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy-Einstellungen werden nicht mit den Ferdi Servern synchronisiert.",
diff --git a/src/i18n/locales/defaultMessages.json b/src/i18n/locales/defaultMessages.json
index e22c80246..66b41ac21 100644
--- a/src/i18n/locales/defaultMessages.json
+++ b/src/i18n/locales/defaultMessages.json
@@ -2052,263 +2052,276 @@
         }
       },
       {
-        "defaultMessage": "!!!Available services",
+        "defaultMessage": "!!!Open darkmode.css",
         "end": {
           "column": 3,
           "line": 35
         },
         "file": "src/components/settings/services/EditServiceForm.js",
+        "id": "settings.service.form.openDarkmodeCss",
+        "start": {
+          "column": 19,
+          "line": 32
+        }
+      },
+      {
+        "defaultMessage": "!!!Available services",
+        "end": {
+          "column": 3,
+          "line": 39
+        },
+        "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.availableServices",
         "start": {
           "column": 21,
-          "line": 32
+          "line": 36
         }
       },
       {
         "defaultMessage": "!!!Your services",
         "end": {
           "column": 3,
-          "line": 39
+          "line": 43
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.yourServices",
         "start": {
           "column": 16,
-          "line": 36
+          "line": 40
         }
       },
       {
         "defaultMessage": "!!!Add {name}",
         "end": {
           "column": 3,
-          "line": 43
+          "line": 47
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.addServiceHeadline",
         "start": {
           "column": 22,
-          "line": 40
+          "line": 44
         }
       },
       {
         "defaultMessage": "!!!Edit {name}",
         "end": {
           "column": 3,
-          "line": 47
+          "line": 51
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.editServiceHeadline",
         "start": {
           "column": 23,
-          "line": 44
+          "line": 48
         }
       },
       {
         "defaultMessage": "!!!Hosted",
         "end": {
           "column": 3,
-          "line": 51
+          "line": 55
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.tabHosted",
         "start": {
           "column": 13,
-          "line": 48
+          "line": 52
         }
       },
       {
         "defaultMessage": "!!!Self hosted ⭐️",
         "end": {
           "column": 3,
-          "line": 55
+          "line": 59
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.tabOnPremise",
         "start": {
           "column": 16,
-          "line": 52
+          "line": 56
         }
       },
       {
         "defaultMessage": "!!!Use the hosted {name} service.",
         "end": {
           "column": 3,
-          "line": 59
+          "line": 63
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.useHostedService",
         "start": {
           "column": 20,
-          "line": 56
+          "line": 60
         }
       },
       {
         "defaultMessage": "!!!Could not validate custom {name} server.",
         "end": {
           "column": 3,
-          "line": 63
+          "line": 67
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.customUrlValidationError",
         "start": {
           "column": 28,
-          "line": 60
+          "line": 64
         }
       },
       {
         "defaultMessage": "!!!To add self hosted services, you need a Ferdi Premium Supporter Account.",
         "end": {
           "column": 3,
-          "line": 67
+          "line": 71
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.customUrlPremiumInfo",
         "start": {
           "column": 24,
-          "line": 64
+          "line": 68
         }
       },
       {
         "defaultMessage": "!!!Upgrade your account",
         "end": {
           "column": 3,
-          "line": 71
+          "line": 75
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.customUrlUpgradeAccount",
         "start": {
           "column": 27,
-          "line": 68
+          "line": 72
         }
       },
       {
         "defaultMessage": "!!!You will be notified about all new messages in a channel, not just @username, @channel, @here, ...",
         "end": {
           "column": 3,
-          "line": 75
+          "line": 79
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.indirectMessageInfo",
         "start": {
           "column": 23,
-          "line": 72
+          "line": 76
         }
       },
       {
         "defaultMessage": "!!!When disabled, all notification sounds and audio playback are muted",
         "end": {
           "column": 3,
-          "line": 79
+          "line": 83
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.isMutedInfo",
         "start": {
           "column": 15,
-          "line": 76
+          "line": 80
         }
       },
       {
         "defaultMessage": "!!!Notifications",
         "end": {
           "column": 3,
-          "line": 83
+          "line": 87
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.headlineNotifications",
         "start": {
           "column": 25,
-          "line": 80
+          "line": 84
         }
       },
       {
         "defaultMessage": "!!!Unread message badges",
         "end": {
           "column": 3,
-          "line": 87
+          "line": 91
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.headlineBadges",
         "start": {
           "column": 18,
-          "line": 84
+          "line": 88
         }
       },
       {
         "defaultMessage": "!!!General",
         "end": {
           "column": 3,
-          "line": 91
+          "line": 95
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.headlineGeneral",
         "start": {
           "column": 19,
-          "line": 88
+          "line": 92
         }
       },
       {
         "defaultMessage": "!!!Delete",
         "end": {
           "column": 3,
-          "line": 95
+          "line": 99
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.iconDelete",
         "start": {
           "column": 14,
-          "line": 92
+          "line": 96
         }
       },
       {
         "defaultMessage": "!!!Drop your image, or click here",
         "end": {
           "column": 3,
-          "line": 99
+          "line": 103
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.iconUpload",
         "start": {
           "column": 14,
-          "line": 96
+          "line": 100
         }
       },
       {
         "defaultMessage": "!!!HTTP/HTTPS Proxy Settings",
         "end": {
           "column": 3,
-          "line": 103
+          "line": 107
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.proxy.headline",
         "start": {
           "column": 17,
-          "line": 100
+          "line": 104
         }
       },
       {
         "defaultMessage": "!!!Please restart Ferdi after changing proxy Settings.",
         "end": {
           "column": 3,
-          "line": 107
+          "line": 111
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.proxy.restartInfo",
         "start": {
           "column": 20,
-          "line": 104
+          "line": 108
         }
       },
       {
         "defaultMessage": "!!!Proxy settings will not be synchronized with the Ferdi servers.",
         "end": {
           "column": 3,
-          "line": 111
+          "line": 115
         },
         "file": "src/components/settings/services/EditServiceForm.js",
         "id": "settings.service.form.proxy.info",
         "start": {
           "column": 13,
-          "line": 108
+          "line": 112
         }
       }
     ],
@@ -2722,172 +2735,198 @@
         }
       },
       {
-        "defaultMessage": "!!!Advanced",
+        "defaultMessage": "!!!Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
         "end": {
           "column": 3,
           "line": 85
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
+        "id": "settings.app.universalDarkModeInfo",
+        "start": {
+          "column": 25,
+          "line": 82
+        }
+      },
+      {
+        "defaultMessage": "!!!Write your accent color in a CSS-compatible format. (Default: #7367f0)",
+        "end": {
+          "column": 3,
+          "line": 89
+        },
+        "file": "src/components/settings/settings/EditSettingsForm.js",
+        "id": "settings.app.accentColorInfo",
+        "start": {
+          "column": 19,
+          "line": 86
+        }
+      },
+      {
+        "defaultMessage": "!!!Advanced",
+        "end": {
+          "column": 3,
+          "line": 93
+        },
+        "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.headlineAdvanced",
         "start": {
           "column": 20,
-          "line": 82
+          "line": 90
         }
       },
       {
         "defaultMessage": "!!!Help us to translate Ferdi into your language.",
         "end": {
           "column": 3,
-          "line": 89
+          "line": 97
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.translationHelp",
         "start": {
           "column": 19,
-          "line": 86
+          "line": 94
         }
       },
       {
         "defaultMessage": "!!!Cache",
         "end": {
           "column": 3,
-          "line": 93
+          "line": 101
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.subheadlineCache",
         "start": {
           "column": 20,
-          "line": 90
+          "line": 98
         }
       },
       {
         "defaultMessage": "!!!Ferdi cache is currently using {size} of disk space.",
         "end": {
           "column": 3,
-          "line": 97
+          "line": 105
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.cacheInfo",
         "start": {
           "column": 13,
-          "line": 94
+          "line": 102
         }
       },
       {
         "defaultMessage": "!!!Clear cache",
         "end": {
           "column": 3,
-          "line": 101
+          "line": 109
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.buttonClearAllCache",
         "start": {
           "column": 23,
-          "line": 98
+          "line": 106
         }
       },
       {
         "defaultMessage": "!!!Check for updates",
         "end": {
           "column": 3,
-          "line": 105
+          "line": 113
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.buttonSearchForUpdate",
         "start": {
           "column": 25,
-          "line": 102
+          "line": 110
         }
       },
       {
         "defaultMessage": "!!!Restart & install update",
         "end": {
           "column": 3,
-          "line": 109
+          "line": 117
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.buttonInstallUpdate",
         "start": {
           "column": 23,
-          "line": 106
+          "line": 114
         }
       },
       {
         "defaultMessage": "!!!Is searching for update",
         "end": {
           "column": 3,
-          "line": 113
+          "line": 121
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.updateStatusSearching",
         "start": {
           "column": 25,
-          "line": 110
+          "line": 118
         }
       },
       {
         "defaultMessage": "!!!Update available, downloading...",
         "end": {
           "column": 3,
-          "line": 117
+          "line": 125
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.updateStatusAvailable",
         "start": {
           "column": 25,
-          "line": 114
+          "line": 122
         }
       },
       {
         "defaultMessage": "!!!You are using the latest version of Ferdi",
         "end": {
           "column": 3,
-          "line": 121
+          "line": 129
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.updateStatusUpToDate",
         "start": {
           "column": 24,
-          "line": 118
+          "line": 126
         }
       },
       {
         "defaultMessage": "!!!Current version:",
         "end": {
           "column": 3,
-          "line": 125
+          "line": 133
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.currentVersion",
         "start": {
           "column": 18,
-          "line": 122
+          "line": 130
         }
       },
       {
         "defaultMessage": "!!!Changes require restart",
         "end": {
           "column": 3,
-          "line": 129
+          "line": 137
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.restartRequired",
         "start": {
           "column": 29,
-          "line": 126
+          "line": 134
         }
       },
       {
         "defaultMessage": "!!!Official translations are English & German. All other languages are community based translations.",
         "end": {
           "column": 3,
-          "line": 133
+          "line": 141
         },
         "file": "src/components/settings/settings/EditSettingsForm.js",
         "id": "settings.app.languageDisclaimer",
         "start": {
           "column": 22,
-          "line": 130
+          "line": 138
         }
       }
     ],
@@ -4084,107 +4123,133 @@
         }
       },
       {
-        "defaultMessage": "!!!Display disabled services tabs",
+        "defaultMessage": "!!!Enable universal Dark Mode",
         "end": {
           "column": 3,
           "line": 104
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
+        "id": "settings.app.form.universalDarkMode",
+        "start": {
+          "column": 21,
+          "line": 101
+        }
+      },
+      {
+        "defaultMessage": "!!!Accent color",
+        "end": {
+          "column": 3,
+          "line": 108
+        },
+        "file": "src/containers/settings/EditSettingsScreen.js",
+        "id": "settings.app.form.accentColor",
+        "start": {
+          "column": 15,
+          "line": 105
+        }
+      },
+      {
+        "defaultMessage": "!!!Display disabled services tabs",
+        "end": {
+          "column": 3,
+          "line": 112
+        },
+        "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.showDisabledServices",
         "start": {
           "column": 24,
-          "line": 101
+          "line": 109
         }
       },
       {
         "defaultMessage": "!!!Show unread message badge when notifications are disabled",
         "end": {
           "column": 3,
-          "line": 108
+          "line": 116
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.showMessagesBadgesWhenMuted",
         "start": {
           "column": 29,
-          "line": 105
+          "line": 113
         }
       },
       {
         "defaultMessage": "!!!Enable spell checking",
         "end": {
           "column": 3,
-          "line": 112
+          "line": 120
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.enableSpellchecking",
         "start": {
           "column": 23,
-          "line": 109
+          "line": 117
         }
       },
       {
         "defaultMessage": "!!!Enable GPU Acceleration",
         "end": {
           "column": 3,
-          "line": 116
+          "line": 124
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.enableGPUAcceleration",
         "start": {
           "column": 25,
-          "line": 113
+          "line": 121
         }
       },
       {
         "defaultMessage": "!!!Include beta versions",
         "end": {
           "column": 3,
-          "line": 120
+          "line": 128
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.beta",
         "start": {
           "column": 8,
-          "line": 117
+          "line": 125
         }
       },
       {
         "defaultMessage": "!!!Disable updates",
         "end": {
           "column": 3,
-          "line": 124
+          "line": 132
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.noUpdates",
         "start": {
           "column": 13,
-          "line": 121
+          "line": 129
         }
       },
       {
         "defaultMessage": "!!!Enable Franz Todos",
         "end": {
           "column": 3,
-          "line": 128
+          "line": 136
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.enableTodos",
         "start": {
           "column": 15,
-          "line": 125
+          "line": 133
         }
       },
       {
         "defaultMessage": "!!!Keep all workspaces loaded",
         "end": {
           "column": 3,
-          "line": 132
+          "line": 140
         },
         "file": "src/containers/settings/EditSettingsScreen.js",
         "id": "settings.app.form.keepAllWorkspacesLoaded",
         "start": {
           "column": 27,
-          "line": 129
+          "line": 137
         }
       }
     ],
diff --git a/src/i18n/locales/el.json b/src/i18n/locales/el.json
index cd5cf231c..a61346770 100644
--- a/src/i18n/locales/el.json
+++ b/src/i18n/locales/el.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Δεν ήταν δυνατή η φόρτωση πληροφοριών χρήστη",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Καθαρισμός λανθάνουσας μνήμης",
   "settings.app.buttonInstallUpdate": "Επανεκκίνηση & εγκατάσταση ενημερώσεων",
   "settings.app.buttonSearchForUpdate": "Έλεγχος για ενημερώσεις",
   "settings.app.cacheInfo": "Το Ferdi χρησιμοποιεί αυτήν τη στιγμή {size} χώρου στο δίσκο.",
   "settings.app.currentVersion": "Τρέχουσα έκδοση:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Άνοιγμα στο παρασκήνιο",
   "settings.app.form.autoLaunchOnStart": "Εκκίνηση του Ferdi κατά την εκκίνηση του συστήματος",
   "settings.app.form.beta": "Συμπεριλάβετε εκδόσεις beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Προβολή του εικονιδίου μη αναγνωσμένου μηνύματος όταν οι ειδοποιήσεις είναι απενεργοποιημένες",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Ρυθμίσεις",
   "settings.app.headlineAdvanced": "Για προχωρημένους",
   "settings.app.headlineAppearance": "Εμφάνιση",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Λανθάνουσα μνήμη",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Βοηθήστε μας να μεταφράσουμε το Ferdi στη δική σας γλώσσα.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Υπάρχει διαθέσιμη ενημέρωση, γίνεται λήψη...",
   "settings.app.updateStatusSearching": " Γίνεται αναζήτηση για ενημέρωση",
   "settings.app.updateStatusUpToDate": "Χρησιμοποιείτε την τελευταία έκδοση του Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Εμφάνιση ειδοποίησης μηνύματος για όλα τα νέα μηνύματα",
   "settings.service.form.isMutedInfo": "Όλοι οι ήχοι καθώς και η αναπαραγωγή ήχου θα απενεργοποιηθούν",
   "settings.service.form.name": "Όνομα",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index e7b0ced92..6f28e2bfc 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -216,11 +216,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -247,6 +249,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -266,6 +269,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -318,6 +322,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/es.json b/src/i18n/locales/es.json
index 7f8ee52da..950e24814 100644
--- a/src/i18n/locales/es.json
+++ b/src/i18n/locales/es.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Mejora tu cuenta",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "Has sumado {amount} servicios más de los que están incluídos en tu plan. Por favor mejora tu cuenta para sumar más servicios.",
   "feature.shareFranz.action.email": "Enviar como correo",
   "feature.shareFranz.action.facebook": "Compartir en Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Actualiza a Ferdi Profesional",
   "settings.account.userInfoRequestFailed": "No se pudo cargar la información de usuario",
   "settings.account.yourLicense": "Su Licencia Ferdi",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Limpiar caché",
   "settings.app.buttonInstallUpdate": "Reiniciar e instalar actualización",
   "settings.app.buttonSearchForUpdate": "Comprobar actualizaciones",
   "settings.app.cacheInfo": "El cache de Ferdi actualmente usa {size} de espacio en disco.",
   "settings.app.currentVersion": "Versión actual:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Abrir en segundo plano",
   "settings.app.form.autoLaunchOnStart": "Iniciar Ferdi al iniciar",
   "settings.app.form.beta": "Incluir versiones beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Mostrar la insignia de mensajes sin leer cuando las notificaciones están desactivadas",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Configuración",
   "settings.app.headlineAdvanced": "Avanzado",
   "settings.app.headlineAppearance": "Apariencia",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Caché",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Ayúdanos a traducir Ferdi a tu idioma.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Actualización disponible, descargando...",
   "settings.app.updateStatusSearching": "Buscando actualizaciones",
   "settings.app.updateStatusUpToDate": "Estás utilizando la última versión de Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Mostrar señal de notificación para todos los mensajes nuevos",
   "settings.service.form.isMutedInfo": "Cuando estén desactivados, todos los sonidos de notificación y la reproducción de audio serán silenciados",
   "settings.service.form.name": "Nombre",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Ajustes Proxy HTTP/HTTPS",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Las configuraciones de Proxy no se sincronizarán con los servidores de Ferdi.",
diff --git a/src/i18n/locales/fi.json b/src/i18n/locales/fi.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/fi.json
+++ b/src/i18n/locales/fi.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/fr.json b/src/i18n/locales/fr.json
index 26dfb456b..e82ba3f36 100644
--- a/src/i18n/locales/fr.json
+++ b/src/i18n/locales/fr.json
@@ -9,14 +9,15 @@
   "feature.delayApp.trial.headline": "Prendre l'essai gratuit de 14 jours de Ferdi Professionnel et esquiver la ligne",
   "feature.delayApp.upgrade.action": "Acheter une license Ferdi",
   "feature.delayApp.upgrade.actionShort": "Augmenter le niveau de mon compte",
-  "feature.quickSwitch.info": "Selectionner un service avec TAB, ↑ et ↓. Ouvrir un service avec ENTER.",
+  "feature.quickSwitch.info": "Sélectionner un service avec TAB, ↑ et ↓. Ouvrir un service avec ENTER.",
   "feature.quickSwitch.search": "Rechercher...",
+  "feature.quickSwitch.title": "Changement rapide",
   "feature.serviceLimit.limitReached": "Vous avez ajouté {amount} sur {limit} services qui sont inclus dans votre plan. S'il vous plaît améliorer votre compte pour ajouter plus de services.",
   "feature.shareFranz.action.email": "Envoyer par mail",
   "feature.shareFranz.action.facebook": "Partager sur Facebook",
   "feature.shareFranz.action.twitter": "Partager sur Twitter",
   "feature.shareFranz.headline": "Ferdi est meilleur quand on est ensemble !",
-  "feature.shareFranz.shareText.email": "J'ai ajouté {count} services sur Ferdi ! Télécharger l'appli gratuite pour WhatsApp, Messenger, Skype et autres sur www.getferdi.com",
+  "feature.shareFranz.shareText.email": "J'ai ajouté {count} services sur Ferdi ! Télécharger l'application gratuite pour WhatsApp, Messenger, Skype et autres sur www.getferdi.com",
   "feature.shareFranz.shareText.twitter": "J'ai ajouté {count} services à Ferdi! Télécharge l'application gratuite pour WhatsApp, Messenger, Slack, Skype et autres sur www.getferdi.com /cc @FerdiMessenger",
   "feature.shareFranz.text": "Dites à vos amis et collègues a quel point Ferdi est super et aidez nous à faire passer le mot.",
   "feature.todos.premium.info": "Ferdi Todos est disponible aux utilisateurs premium maintenant!",
@@ -26,16 +27,16 @@
   "global.franzProRequired": "Ferdi Professionnel Requis",
   "global.notConnectedToTheInternet": "Vous n'êtes pas connecté à Internet.",
   "global.spellchecker.useDefault": "Par défaut ({default})",
-  "global.spellchecking.autodetect": "Detecter automatiquement la langue",
+  "global.spellchecking.autodetect": "Détecter automatiquement la langue",
   "global.spellchecking.autodetect.short": "Automatiquement",
   "global.spellchecking.language": "Langue de la vérification orthographique",
   "global.upgradeButton.upgradeToPro": "Améliorez à Ferdi Professionnel",
-  "import.headline": "Importez vos services depuis la version 4 de Ferdi.",
+  "import.headline": "Importez vos services depuis la version 4 de Ferdi",
   "import.notSupportedHeadline": "Ces services ne sont pas encore supportés par la version 5 de Ferdi",
   "import.skip.label": "Je veux ajouter des services manuellement",
   "import.submit.label": "Importer des services",
   "infobar.authRequestFailed": "Il y a eu des erreurs pendant l'authentification demandé. Essayer de vous déconnecter et de vous reconnecter pour voir si cette erreur persiste.",
-  "infobar.buttonChangelog": "Nouveautés",
+  "infobar.buttonChangelog": "Nouveautés?",
   "infobar.buttonInstallUpdate": "Redémarrer et installer la mise à jour",
   "infobar.buttonReloadServices": "Recharger les services",
   "infobar.requiredRequestsFailed": "Impossible d'accéder aux services et informations de l'utilisateur",
@@ -54,7 +55,7 @@
   "locked.password.label": "Mot de passe",
   "locked.submit.label": "Déverrouiller",
   "login.customServerQuestion": "Utiliser un serveur de Ferdi modifié?",
-  "login.customServerSuggestion": "Essayer d'importer votre compte Ferdi",
+  "login.customServerSuggestion": "Essayer d'importer votre compte Franz dans Ferdi",
   "login.email.label": "Adresse Email",
   "login.headline": "S'identifier",
   "login.invalidCredentials": "Email ou mot de passe invalide",
@@ -85,8 +86,8 @@
   "menu.edit.redo": "Rétablir",
   "menu.edit.selectAll": "Tout sélectionner",
   "menu.edit.speech": "Synthèse vocale",
-  "menu.edit.startDictation": "Démarrer la synth��se vocale",
-  "menu.edit.startSpeaking": "Démarrer la lecture",
+  "menu.edit.startDictation": "Démarrer la dict��e",
+  "menu.edit.startSpeaking": "Démarrer la synthèse vocale",
   "menu.edit.stopSpeaking": "Arrêter la synthèse vocale",
   "menu.edit.undo": "Annuler",
   "menu.file": "Fichier",
@@ -116,8 +117,8 @@
   "menu.view.reloadFranz": "Recharger Ferdi",
   "menu.view.reloadService": "Redémarrer le service",
   "menu.view.resetZoom": "Taille actuelle",
-  "menu.view.toggleDevTools": "Activer les outils développeur",
-  "menu.view.toggleFullScreen": "Activer / désactiver le mode plein écran",
+  "menu.view.toggleDevTools": "Activer les outils de développeur",
+  "menu.view.toggleFullScreen": "Activer le mode plein écran",
   "menu.view.toggleServiceDevTools": "Activer les outils de développement WebKit",
   "menu.view.toggleTodosDevTools": "Activer les outils de développeur Todos",
   "menu.view.zoomIn": "Zoom Avant",
@@ -126,10 +127,10 @@
   "menu.window.close": "Fermer",
   "menu.window.minimize": "Réduire",
   "menu.workspaces": "Espace de travail",
-  "menu.workspaces.addNewWorkspace": "Ajouter un nouvel espace de travail",
-  "menu.workspaces.closeWorkspaceDrawer": "Ouvrir l'espace de travail",
+  "menu.workspaces.addNewWorkspace": "Ajouter un nouvel espace de travail...",
+  "menu.workspaces.closeWorkspaceDrawer": "Fermer l'espace de travail",
   "menu.workspaces.defaultWorkspace": "Tous les services",
-  "menu.workspaces.openWorkspaceDrawer": "Fermer l'espace de travail",
+  "menu.workspaces.openWorkspaceDrawer": "Ouvrir l'espace de travail",
   "password.email.label": "Adresse Email",
   "password.headline": "Réinitialiser le mot de passe",
   "password.link.login": "Connectez-vous à votre compte",
@@ -145,7 +146,7 @@
   "pricing.features.serviceProxies": "Service Proxy",
   "pricing.features.spellchecker": "Support du correcteur orthographique",
   "pricing.features.teamManagement": "Gestion d'équipe",
-  "pricing.features.thirdPartyServices": "Installation des services tiers",
+  "pricing.features.thirdPartyServices": "Installer des services tiers",
   "pricing.features.unlimitedServices": "Ajouter des services illimités",
   "pricing.features.workspaces": "Espace de travail",
   "pricing.plan.free": "Ferdi Gratuit",
@@ -161,19 +162,19 @@
   "pricing.trial.error": "Désoler, nous ne pouvons pas activé votre essai!",
   "pricing.trial.features.headline": "Ferdi Professionnel inclus:",
   "pricing.trial.headline": "Ferdi Professionnel",
-  "pricing.trial.subheadline": "Votre personnel offert de bienvenue:",
+  "pricing.trial.subheadline": "Votre offre d'accueil personnelle:",
   "pricing.trial.terms.automaticTrialEnd": "Votre essai gratuit se finis automatiquement après 14 jours",
   "pricing.trial.terms.headline": "Sans condition",
   "pricing.trial.terms.noCreditCard": "Pas de carte de crédit requis",
   "service.crashHandler.action": "Recharger {name}",
   "service.crashHandler.autoReload": "Tentative de restauration automatique de {name} dans {seconds} secondes",
-  "service.crashHandler.headline": "Oh non !",
+  "service.crashHandler.headline": "Oh non!",
   "service.crashHandler.text": "{name} a causé une erreur.",
   "service.disabledHandler.action": "Activer {name}",
   "service.disabledHandler.headline": "{name} est désactivé",
   "service.errorHandler.action": "Recharger {name}",
   "service.errorHandler.editAction": "Modifier {name}",
-  "service.errorHandler.headline": "Oh non !",
+  "service.errorHandler.headline": "Oh non!",
   "service.errorHandler.message": "Erreur",
   "service.errorHandler.text": "Le chargement de {name} a échoué.",
   "service.restrictedHandler.action": "Améliorez votre compte",
@@ -200,24 +201,26 @@
   "settings.account.headlinePassword": "Changer le mot de passe",
   "settings.account.headlineProfile": "Mettre à jour le profil",
   "settings.account.headlineSubscription": "Votre abonnement",
-  "settings.account.headlineTrialUpgrade": "Prener l'essai de 14 jours gratuit de Ferdi Professionnel",
-  "settings.account.headlineUpgradeAccount": "Améliorer votre compte et recever l'expérience de Ferdi au complet",
+  "settings.account.headlineTrialUpgrade": "Prenez l'essai de 14 jours gratuit de Ferdi Professionnel",
+  "settings.account.headlineUpgradeAccount": "Améliorer votre compte et recevez l'expérience de Ferdi au complet",
   "settings.account.invoiceDownload": "Télécharger",
   "settings.account.manageSubscription.label": "Gérer votre abonnement",
   "settings.account.successInfo": "Vos modifications ont été enregistrées",
   "settings.account.trial": "Essai Gratuit",
   "settings.account.trialEndsIn": "Votre essai gratuit fini dans {duration}.",
-  "settings.account.trialUpdateBillingInfo": "S'il vous plaît mettre à jour votre facturation pour utilisé {license} après votre période d'essaie.",
+  "settings.account.trialUpdateBillingInfo": "S'il vous plaît mettre à jour votre facturation pour utilisé {license} après votre période d’essais.",
   "settings.account.tryReloadServices": "Réessayer",
   "settings.account.tryReloadUserInfoRequest": "Réessayer",
   "settings.account.upgradeToPro.label": "Améliorez à Ferdi Professionnel",
   "settings.account.userInfoRequestFailed": "Impossible de charger les informations de l'utilisateur",
   "settings.account.yourLicense": "Votre licence Ferdi",
+  "settings.app.accentColorInfo": "Écrivez votre accent de couleur dans un format compatible avec CSS. (Par défaut : #7367f0)",
   "settings.app.buttonClearAllCache": "Vider le cache",
   "settings.app.buttonInstallUpdate": "Redémarrer et installer la mise à jour",
   "settings.app.buttonSearchForUpdate": "Vérifier les mises à jour",
   "settings.app.cacheInfo": "Le cache de Ferdi occupe actuellement {size} en espace disque.",
   "settings.app.currentVersion": "Version actuelle :",
+  "settings.app.form.accentColor": "Accent de couleur",
   "settings.app.form.autoLaunchInBackground": "Ouvrir en arrière-plan",
   "settings.app.form.autoLaunchOnStart": "Lancer Ferdi au démarrage",
   "settings.app.form.beta": "Accepter les versions bêta",
@@ -241,9 +244,10 @@
   "settings.app.form.scheduledDNDStart": "De",
   "settings.app.form.server": "Serveur",
   "settings.app.form.showDisabledServices": "Afficher les onglets des services désactivés",
-  "settings.app.form.showMessagesBadgesWhenMuted": "Afficher les badges de messages non lus quand les notifications sont désactivées.",
+  "settings.app.form.showMessagesBadgesWhenMuted": "Afficher les badges de messages non lus quand les notifications sont désactivées",
   "settings.app.form.showServiceNavigationBar": "Toujours afficher la barre de navigation du service",
   "settings.app.form.todoServer": "Serveur Todo",
+  "settings.app.form.universalDarkMode": "Activer le mode sombre universel",
   "settings.app.headline": "Paramètres",
   "settings.app.headlineAdvanced": "Paramètres avancés",
   "settings.app.headlineAppearance": "Apparence",
@@ -258,11 +262,12 @@
   "settings.app.restartRequired": "Les modifications nécessitent un redémarrage",
   "settings.app.scheduledDNDInfo": "Planifier le Ne-pas-Déranger vous permet de définir une période de temps dans lequel vous ne voulez pas de notifications de Ferdi.",
   "settings.app.scheduledDNDTimeInfo": "Le temps est en format 24 heures. La fin du temps peut être avant le début du temps (ex: début 17:00, fin 09:00) pour activer le Ne-pas-Déranger durant la nuit.",
-  "settings.app.serverInfo": "On vous recommande de vous déconnecter après d'avoir changer votre serveur dans vos paramètres au risque que le paramètres ne sois pas sauvegarder.",
+  "settings.app.serverInfo": "On vous recommande de vous déconnecter après d'avoir changer votre serveur dans vos paramètres au risque que les paramètres ne sois pas sauvegarder.",
   "settings.app.serverMoneyInfo": "Vous êtes entrain d'utilisé le serveur officiel de Franz pour Ferdi.\nNous savons que Ferdi vous permet d'utilisé toutes les fonctionnalités gratuitement mais vous êtes toujours entrain d'utilisé les resources des serveurs de Franz - dont les créateurs paient pour.\nS'il vous plaît [Link 1]payé pour un compte Franz[/Link] ou [Link 2]utilisé un ferdi-serveur hébergé soi-même[/Link] (si vous avez la connaissance et les resources pour).\nEn utilisant Ferdi, vous profité beaucoup des recettes de Franz, resources serveurs et son développement.",
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "Ce serveur va être utilisé pour la fonction \"Ferdi Todo\". (défaut: https://app.franztodos.com)",
   "settings.app.translationHelp": "Aidez-nous à traduire Ferdi dans votre langue.",
+  "settings.app.universalDarkModeInfo": "Le mode sombre universel tente de générer dynamiquement des styles de mode sombre pour les services qui ne sont pas encore supportés.",
   "settings.app.updateStatusAvailable": "Mise à jour disponible, téléchargement en cours...",
   "settings.app.updateStatusSearching": "Recherche d'une mise à jour",
   "settings.app.updateStatusUpToDate": "Vous utilisez la dernière version de Ferdi",
@@ -279,12 +284,12 @@
   "settings.recipes.custom": "Services modifiés",
   "settings.recipes.customService.headline.communityRecipes": "Recettes tiers communautaire",
   "settings.recipes.customService.headline.customRecipes": "Recettes tiers modifiés",
-  "settings.recipes.customService.headline.devRecipes": "Votre développement de service de recettes",
+  "settings.recipes.customService.headline.devRecipes": "Vos recettes de service de développement",
   "settings.recipes.customService.intro": "Pour ajouter un service modifié, copié la recette à:",
   "settings.recipes.customService.openDevDocs": "Documentation de Développeur",
   "settings.recipes.customService.openFolder": "Ouvrir le dossier",
   "settings.recipes.headline": "Services disponibles",
-  "settings.recipes.missingService": "Un service est manquant ?",
+  "settings.recipes.missingService": "Un service est manquant?",
   "settings.recipes.mostPopular": "Les plus populaires",
   "settings.recipes.nothingFound": "Désolé, aucun service ne correspond à votre recherche.",
   "settings.recipes.servicesSuccessfulAddedInfo": "Le service a été ajouté avec succès",
@@ -295,9 +300,9 @@
   "settings.service.form.addServiceHeadline": "Ajouter {name}",
   "settings.service.form.availableServices": "Services disponibles",
   "settings.service.form.customUrl": "Serveur personnalisé",
-  "settings.service.form.customUrlPremiumInfo": "Pour ajouter des services auto-hébergés, vous avez besoin d'un compte Supporter Premium Ferdi.",
+  "settings.service.form.customUrlPremiumInfo": "Pour ajouter des services auto-hébergés, vous avez besoin d'un compte Ferdi Premium Supporter.",
   "settings.service.form.customUrlUpgradeAccount": "Améliorez votre compte",
-  "settings.service.form.customUrlValidationError": "Impossible de valider le serveur personnalisé {name}.",
+  "settings.service.form.customUrlValidationError": "Impossible de valider le serveur modifié {name}.",
   "settings.service.form.deleteButton": "Supprimer le service",
   "settings.service.form.editServiceHeadline": "Modifier {name}",
   "settings.service.form.enableAudio": "Activer l'audio",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Afficher le badge des messages pour tous les nouveaux messages",
   "settings.service.form.isMutedInfo": "Lorsque désactivé, tous les sons de notifications ainsi que l'audio sont coupés",
   "settings.service.form.name": "Nom",
+  "settings.service.form.openDarkmodeCss": "Ouvrir darkmode.css",
   "settings.service.form.proxy.headline": "Paramètres proxy HTTP/HTTPS",
   "settings.service.form.proxy.host": "Hôte/IP du proxy",
   "settings.service.form.proxy.info": "Les paramètres de proxy ne seront pas synchronisés avec les serveurs de Ferdi.",
@@ -325,7 +331,7 @@
   "settings.service.form.proxy.user": "Utilisateur (facultatif)",
   "settings.service.form.saveButton": "Enregistrer le service",
   "settings.service.form.tabHosted": "Hébergé",
-  "settings.service.form.tabOnPremise": "hébergé par soi-même ⭐️",
+  "settings.service.form.tabOnPremise": "Hébergé par soi-même ⭐️",
   "settings.service.form.team": "Équipe",
   "settings.service.form.useHostedService": "Utilisez le service hébergé {name}.",
   "settings.service.form.yourServices": "Vos services",
@@ -336,19 +342,19 @@
   "settings.services.servicesRequestFailed": "Impossible de charger vos services",
   "settings.services.tooltip.isDisabled": "Ce service est désactivé",
   "settings.services.tooltip.isMuted": "Tous les sons sont coupés",
-  "settings.services.tooltip.notificationsDisabled": "Notifications désactivées.",
+  "settings.services.tooltip.notificationsDisabled": "Notifications désactivées",
   "settings.services.updatedInfo": "Vos modifications ont été enregistrées",
   "settings.supportFerdi.github": "Mettez une étoile sur GitHub",
   "settings.supportFerdi.headline": "Supporter Ferdi",
   "settings.supportFerdi.openCollective": "Supporter notre Open Collective",
   "settings.supportFerdi.share": "Parlez en à vos Amis",
-  "settings.supportFerdi.title": "Vous aimez Ferdi? Répander l'amour!",
+  "settings.supportFerdi.title": "Vous aimez Ferdi? Répandez l'amour!",
   "settings.team.contentHeadline": "Ferdi pour les équipes",
-  "settings.team.copy": "Ferdi for Teams t'offre la possibilité d'inviter des collègues dans ton équipe de travail en leur envoyant des invitations par courrier électronique et en gérant leurs abonnements dans les préférences de ton compte. Ne perds pas de temps à les gérer individuellement les factures multiples et les différents cycles de facturation - il suffit d'une seule équipe de travail pour gérer tout ça!",
+  "settings.team.copy": "Ferdi pour Teams t'offre la possibilité d'inviter des collègues dans ton équipe de travail en leur envoyant des invitations par courrier électronique et en gérant leurs abonnements dans les préférences de ton compte. Ne perds pas de temps à les gérer individuellement les factures multiples et les différents cycles de facturation - il suffit d'une seule équipe de travail pour gérer tout ça!",
   "settings.team.headline": "Équipe",
-  "settings.team.intro": "Tu peux désormais gérer les abonnements Premium pour autant de collègues, amis ou membres de famille que tu souhaites, à partir d'un seul et même compte.",
+  "settings.team.intro": "Vous et votre équipes utilise Ferdi? Tu peux désormais gérer les abonnements Premium pour autant de collègues, amis ou membres de famille que tu souhaites, à partir d'un seul et même compte.",
   "settings.team.manageAction": "Gère ton équipe sur getferdi.com",
-  "settings.team.upgradeAction": "Mise à niveau du compte",
+  "settings.team.upgradeAction": "Améliorez votre compte",
   "settings.user.form.accountType.company": "Entreprise",
   "settings.user.form.accountType.individual": "Individuel",
   "settings.user.form.accountType.label": "Type de compte",
@@ -359,10 +365,10 @@
   "settings.user.form.lastname": "Nom",
   "settings.user.form.newPassword": "Nouveau mot de passe",
   "settings.workspace.add.form.name": "Nom",
-  "settings.workspace.add.form.submitButton": "Créer un espace de travail",
+  "settings.workspace.add.form.submitButton": "Créer l'espace de travail",
   "settings.workspace.form.buttonDelete": "Effacer l'espace de travail",
   "settings.workspace.form.buttonSave": "Sauvegarder l'espace de travail",
-  "settings.workspace.form.keepLoaded": "Garder cette espace de travail chargé*",
+  "settings.workspace.form.keepLoaded": "Garder cet espace de travail chargé*",
   "settings.workspace.form.keepLoadedInfo": "*Cette option va être ré-écris par l'option global \"Garder cette espace de travail chargé\".",
   "settings.workspace.form.name": "Nom",
   "settings.workspace.form.servicesInWorkspaceHeadline": "Services dans cet Espace de travail",
@@ -377,11 +383,11 @@
   "settings.workspaces.workspacesRequestFailed": "Impossible de charger vos espaces de travail",
   "sidebar.addNewService": "Ajouter un nouveau service",
   "sidebar.closeTodosDrawer": "Fermer Ferdi Todos",
-  "sidebar.closeWorkspaceDrawer": "Ouvrir l'espace de travail",
+  "sidebar.closeWorkspaceDrawer": "Fermer l'espace de travail",
   "sidebar.lockFerdi": "Verrouiller Ferdi",
   "sidebar.muteApp": "Désactiver les notifications et les sons",
   "sidebar.openTodosDrawer": "Ouvrir Ferdi Todos",
-  "sidebar.openWorkspaceDrawer": "Fermer l'espace de travail",
+  "sidebar.openWorkspaceDrawer": "Ouvrir l'espace de travail",
   "sidebar.settings": "Paramètres",
   "sidebar.unmuteApp": "Activer les notifications et les sons",
   "signup.email.label": "Adresse Email",
@@ -392,7 +398,7 @@
   "signup.legal.info": "En créant un compte Ferdi, vous acceptez la",
   "signup.legal.privacy": "Déclaration de confidentialité",
   "signup.legal.terms": "Conditions d'utilisation",
-  "signup.link.login": "Vous avez déjà un compte ? Connectez-vous",
+  "signup.link.login": "Vous avez déjà un compte? Connectez-vous",
   "signup.password.label": "Mot de passe",
   "signup.submit.label": "Créer un compte",
   "subscription.cta.activateTrial": "Oui, commencer l'essai gratuit de Ferdi Professionnel",
@@ -433,6 +439,6 @@
   "workspaceDrawer.proFeatureBadge": "Fonctionnalité premium",
   "workspaceDrawer.reactivatePremiumAccountLabel": "Réactivez votre compte premium",
   "workspaceDrawer.workspaceFeatureInfo": "<p>Les Espaces de travail de Ferdi vous permettant de rester concentré sur ce qui est important. Créez différents groupes de services et naviguez facilement entre eux à n'importe quel moment.</p><p>Vous décidez de quels services vous avez besoin, où et quand, ainsi nous pouvons vous aider à rester concentré sur votre travail - ou à le quitter dès que vous le souhaitez.</p>",
-  "workspaceDrawer.workspacesSettingsTooltip": "Editer les paramètres de l'espace de travail",
+  "workspaceDrawer.workspacesSettingsTooltip": "Éditer les paramètres de l'espace de travail",
   "workspaces.switchingIndicator.switchingTo": "Changement vers"
 }
diff --git a/src/i18n/locales/ga.json b/src/i18n/locales/ga.json
index aca47e197..5a57b98ab 100644
--- a/src/i18n/locales/ga.json
+++ b/src/i18n/locales/ga.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Ní féidir eolas úsáideora a lódáil",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Glan taisce",
   "settings.app.buttonInstallUpdate": "Atosaigh ⁊ suiteáil nuashonrú",
   "settings.app.buttonSearchForUpdate": "Cuardaigh le nuashonruithe",
   "settings.app.cacheInfo": "Tá taisce Ferdi ag baint úsáid as {size} den spás diosca.",
   "settings.app.currentVersion": "Leagan reatha:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Oscail sa chúlra",
   "settings.app.form.autoLaunchOnStart": "Láinseáil Ferdi ón tús",
   "settings.app.form.beta": "Cuir leagain béite san áireamh",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Taispeáin teachtaireachtaí neamhléite, nuair a dhíchumasaítear fógraí",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Socruithe",
   "settings.app.headlineAdvanced": "Casta",
   "settings.app.headlineAppearance": "Dealramh",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Taisce",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Cabhraigh linn Ferdi a aistriú i do theanga.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Nuashonrú le fáil, ag íoslódáil...",
   "settings.app.updateStatusSearching": "Ag cuardach le nuashonruithe",
   "settings.app.updateStatusUpToDate": "Tá tú ag baint úsáid as an leagan is deireanaí de Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Taispeáin comhartha theachtaireachta do gach teachtaireacht nua",
   "settings.service.form.isMutedInfo": "Tachtar gach fuaim fógraí agus athchasadh fuaime",
   "settings.service.form.name": "Ainm",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/he.json b/src/i18n/locales/he.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/he.json
+++ b/src/i18n/locales/he.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/hr.json b/src/i18n/locales/hr.json
index 8672a492a..10d6a1a17 100644
--- a/src/i18n/locales/hr.json
+++ b/src/i18n/locales/hr.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Nije moguće učitati informacije o korisniku",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Očisti memoriju",
   "settings.app.buttonInstallUpdate": "Ponovo pokreni i instaliraj ažuriranje",
   "settings.app.buttonSearchForUpdate": "Potraži ažuriranja",
   "settings.app.cacheInfo": "Ferdi predmemorija trenutno koristi {size} prostora na disku",
   "settings.app.currentVersion": "Trenutna verzija:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Otvori u pozadini",
   "settings.app.form.autoLaunchOnStart": "Pokreni Ferdi sa sistemom",
   "settings.app.form.beta": "Obuhvati i beta verzije",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Pokaži nepročitane značke poruka kad se obavještenja onemoguće",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Postavke",
   "settings.app.headlineAdvanced": "Napredne alatke",
   "settings.app.headlineAppearance": "Izgled",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Predmemorija",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Pomozite nam prevesti aplikaciju na Vaš jezik. ",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Nadogradnja dostupna, preuzimanje...",
   "settings.app.updateStatusSearching": "Traže se ažuriranja",
   "settings.app.updateStatusUpToDate": "Koristite najnoviju verziju Franca.",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Prikaži značku na svim novim porukuama",
   "settings.service.form.isMutedInfo": "Kada je onemogućeno, sve obavijesti, svi zvukovi i sva pozadinska podrška će biti nečujna. ",
   "settings.service.form.name": "Ime",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/hu.json b/src/i18n/locales/hu.json
index cfd3c836f..8699e1230 100644
--- a/src/i18n/locales/hu.json
+++ b/src/i18n/locales/hu.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Fiók frissítése",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Küldés email-ben",
   "feature.shareFranz.action.facebook": "Megosztás Facebook-on",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Frissítés Ferdi Professional-ra",
   "settings.account.userInfoRequestFailed": "A felhasználói adatok betöltése sikertelen",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Gyorsítótár törlése",
   "settings.app.buttonInstallUpdate": "Újraindítás és frissítés telepítése",
   "settings.app.buttonSearchForUpdate": "Frissítések keresése",
   "settings.app.cacheInfo": "A Ferdi gyorsítótár jelenleg {size} lemezterületet használ.",
   "settings.app.currentVersion": "Aktuális verzió:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Megnyitás háttérben",
   "settings.app.form.autoLaunchOnStart": "Ferdi betöltése indításkor",
   "settings.app.form.beta": "Béta verziók keresése",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Mutassa az 'olvasatlan üzenet' jelzést, amikor az értesítések le vannak tiltva",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Beállítások",
   "settings.app.headlineAdvanced": "Haladó",
   "settings.app.headlineAppearance": "Megjelenés",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Gyorsítótár",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Segíts nekünk a Ferdi-ot lefordítani a nyelvedre.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Frissítés elérhető, letöltés folyamatban...",
   "settings.app.updateStatusSearching": "Frissítéseket keres",
   "settings.app.updateStatusUpToDate": "A Ferdi legfrissebb verzióját használod",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Üzenet kitűző megjelenítése minden üzenethez",
   "settings.service.form.isMutedInfo": "Ha kikapcsolod, minden értesítési és lejátszott hang némításra kerül",
   "settings.service.form.name": "Név",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy beállítások",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy beállítások nem szinkronizálódnak a Ferdi kiszolgálókkal.",
diff --git a/src/i18n/locales/id.json b/src/i18n/locales/id.json
index eeb28aa3a..7be6c28a2 100644
--- a/src/i18n/locales/id.json
+++ b/src/i18n/locales/id.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Tingkatkan akun",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Kirim sebagai email",
   "feature.shareFranz.action.facebook": "Bagikan di Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Gagal memuat informasi pengguna",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Bersihkan singgahan",
   "settings.app.buttonInstallUpdate": "Mulai ulang & instal pembaruan",
   "settings.app.buttonSearchForUpdate": "Periksa versi baru",
   "settings.app.cacheInfo": "Singgahan Ferdi sedang menggunakan ruang disk {size}.",
   "settings.app.currentVersion": "Versi saat ini:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Buka di latar belakang",
   "settings.app.form.autoLaunchOnStart": "Jalankan Ferdi saat komputer dimulai",
   "settings.app.form.beta": "Sertakan versi beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Tampilkan lencana pesan belum dibaca saat pemberitahuan dinonaktifkan",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Pengaturan",
   "settings.app.headlineAdvanced": "Tingkat Lanjut",
   "settings.app.headlineAppearance": "Tampilan",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Singgahan",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Bantu kami menerjemahkan Ferdi ke bahasa Anda.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Versi baru tersedia, mengunduh...",
   "settings.app.updateStatusSearching": "Sedang mencari versi baru",
   "settings.app.updateStatusUpToDate": "Anda sedang menggunakan versi terbaru Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Tampilkan lencana pesan untuk semua pesan baru",
   "settings.service.form.isMutedInfo": "Saat dinonaktifkan, semua suara pemberitahuan dan pemutaran audio akan dibisukan",
   "settings.service.form.name": "Nama",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Pengaturan Proxy HTTP/HTTPS",
   "settings.service.form.proxy.host": "Host/IP Proksi",
   "settings.service.form.proxy.info": "Pengaturan proksi tidak akan disinkronkan dengan server Ferdi.",
diff --git a/src/i18n/locales/it.json b/src/i18n/locales/it.json
index a30ec584b..9548ce135 100644
--- a/src/i18n/locales/it.json
+++ b/src/i18n/locales/it.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Effettua l'upgrade del tuo account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "Hai aggiunto {amount} su {limit} servizi che sono inclusi nel tuo piano. Per favore potenzia il tuo account per aggiungere più servizi.",
   "feature.shareFranz.action.email": "Manda come email",
   "feature.shareFranz.action.facebook": "Condividi su Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Aggiorna a Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Impossibile caricare le informazioni dell'utente.",
   "settings.account.yourLicense": "La tua licenza Ferdi",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Svuota la cache",
   "settings.app.buttonInstallUpdate": "Riavvia e installa l'aggiornamento",
   "settings.app.buttonSearchForUpdate": "Controlla aggiornamenti",
   "settings.app.cacheInfo": "Ferdi sta utilizzando {size} di spazio su disco.",
   "settings.app.currentVersion": "Versione attuale:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Apri in background",
   "settings.app.form.autoLaunchOnStart": "Esegui Ferdi all'avvio",
   "settings.app.form.beta": "Includi versioni beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Mostra l'etichetta dei messaggi non letti quando le notifiche sono disattivate",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Impostazioni",
   "settings.app.headlineAdvanced": "Avanzate",
   "settings.app.headlineAppearance": "Aspetto",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Aiutaci a tradurre Ferdi nella tua lingua.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Aggiornamento disponibile, download in corso...",
   "settings.app.updateStatusSearching": "Ricerca aggiornamenti",
   "settings.app.updateStatusUpToDate": "Stai utilizzando l'ultima versione di Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Mostra l'etichetta per tutti i nuovi messaggi",
   "settings.service.form.isMutedInfo": "Se disattivato, tutte le notifiche sonore e le riproduzioni audio saranno mutate",
   "settings.service.form.name": "Nome",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Impostazioni Proxy HTTP/HTTPS",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Le impostazioni proxy non verranno sincronizzate con i server Ferdi.",
diff --git a/src/i18n/locales/ja.json b/src/i18n/locales/ja.json
index a0c610814..22a763ffd 100644
--- a/src/i18n/locales/ja.json
+++ b/src/i18n/locales/ja.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "アカウントをアップグレード",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "メールで送信",
   "feature.shareFranz.action.facebook": "Facebookでシェア",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "ユーザ情報を読み込めませんでした",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "キャッシュを消去する",
   "settings.app.buttonInstallUpdate": "再起動して更新をインストールする",
   "settings.app.buttonSearchForUpdate": "更新の確認",
   "settings.app.cacheInfo": "現在、Ferdiのキャッシュはディスクの{size}分を使用しています。",
   "settings.app.currentVersion": "現在のバージョン:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "バックグラウンドで開く",
   "settings.app.form.autoLaunchOnStart": "システム起動時にFerdiを開く",
   "settings.app.form.beta": "Betaバージョンを含める",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "通知の無効時に未読メッセージ件数を表示する",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "設定",
   "settings.app.headlineAdvanced": "詳細",
   "settings.app.headlineAppearance": "表示スタイル",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "キャッシュ",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Ferdiの翻訳作業にご協力をお願いします。",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "更新が見つかりました。ダウンロードしています...",
   "settings.app.updateStatusSearching": "更新を確認中",
   "settings.app.updateStatusUpToDate": "お使いのFerdiは最新です",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "すべての新規メッセージについてバッジを表示する",
   "settings.service.form.isMutedInfo": "無効化されている場合、全ての通知音やオーディオ再生は無音になります",
   "settings.service.form.name": "氏名",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPSのプロキシ設定",
   "settings.service.form.proxy.host": "プロキシサーバー/IP",
   "settings.service.form.proxy.info": "プロキシ設定はFerdi アカウントで同期されません。",
diff --git a/src/i18n/locales/ka.json b/src/i18n/locales/ka.json
index 5910a2e96..e0eb6657f 100644
--- a/src/i18n/locales/ka.json
+++ b/src/i18n/locales/ka.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "მომხმარებლის ინფორმაციის ჩატვირთვა ვერ მოხერხდა",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "გადატვირთეთ და დააყენეთ განახლება",
   "settings.app.buttonSearchForUpdate": "განახლებების შემოწმება",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "ამჟამინდელი ვერსია:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "გახსენით ფონზე",
   "settings.app.form.autoLaunchOnStart": "გაეშვას Ferdi სისტემის ჩატვირთვისას",
   "settings.app.form.beta": "ჩართეთ ბეტა ვერსიები",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "პარამეტრები",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "განახლება ხელმისაწვდომია, იწყება გადმოწერა...",
   "settings.app.updateStatusSearching": "მიმდინარეობს განახლების ძიება",
   "settings.app.updateStatusUpToDate": "თქვენ იყენებთ Ferdi-ის უახლეს ვერსიას",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "აჩვენე შეტყობინებების ნიშანი ყოველი ახალი შეტყობინებისთვის",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "სახელი ",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/ko.json b/src/i18n/locales/ko.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/ko.json
+++ b/src/i18n/locales/ko.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/nl-BE.json b/src/i18n/locales/nl-BE.json
index 0bc5b1c90..d76febdeb 100644
--- a/src/i18n/locales/nl-BE.json
+++ b/src/i18n/locales/nl-BE.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Verstuur als e-mail",
   "feature.shareFranz.action.facebook": "Deel op Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Kon gebruikersinformatie niet laden",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Cache wissen",
   "settings.app.buttonInstallUpdate": "Opnieuw opstarten & update installeren",
   "settings.app.buttonSearchForUpdate": "Controleer op updates",
   "settings.app.cacheInfo": "Ferdi cache gebruikt momenteel {size} schijfruimte.",
   "settings.app.currentVersion": "Huidige versie:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open op de achtergrond",
   "settings.app.form.autoLaunchOnStart": "Lanceer Ferdi bij opstarten",
   "settings.app.form.beta": "Inclusief beta versies",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Toon badge met ongelezen berichten wanneer meldingen zijn uitgeschakeld",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Instellingen",
   "settings.app.headlineAdvanced": "Geavanceerd",
   "settings.app.headlineAppearance": "Weergave",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help ons om Ferdi te vertalen naar uw taal.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update beschikbaar, downloaden...",
   "settings.app.updateStatusSearching": "Zoekt naar updates",
   "settings.app.updateStatusUpToDate": "Je gebruikt de laatste versie van Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Toon berichten-badge voor alle nieuwe berichten",
   "settings.service.form.isMutedInfo": "Indien uitgeschakeld zullen alle meldingsgeluiden en afgespeelde audio uitgeschakeld zijn",
   "settings.service.form.name": "Naam",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Instellingen",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy instellingen worden niet gesynchroniseerd met de Ferdi servers.",
diff --git a/src/i18n/locales/nl.json b/src/i18n/locales/nl.json
index 6842fb06b..c55804152 100644
--- a/src/i18n/locales/nl.json
+++ b/src/i18n/locales/nl.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade Account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Verstuur als e-mail",
   "feature.shareFranz.action.facebook": "Deel op Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Kon gebruikersinformatie niet laden",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Cache legen",
   "settings.app.buttonInstallUpdate": "Opnieuw opstarten & update installeren",
   "settings.app.buttonSearchForUpdate": "Controleer op updates",
   "settings.app.cacheInfo": "Ferdi gebruikt op dit moment {size} schijfruimte aan tijdelijke bestanden.",
   "settings.app.currentVersion": "Huidige versie:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open op de achtergrond",
   "settings.app.form.autoLaunchOnStart": "Open Ferdi bij opstarten",
   "settings.app.form.beta": "Inclusief bètaversies",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Toon badge met ongelezen berichten wanneer meldingen zijn uitgeschakeld",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Instellingen",
   "settings.app.headlineAdvanced": "Geavanceerd",
   "settings.app.headlineAppearance": "Weergave",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help ons om Ferdi uw taal te laten spreken.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update beschikbaar, downloaden...",
   "settings.app.updateStatusSearching": "Zoekt naar updates",
   "settings.app.updateStatusUpToDate": "Je gebruikt de laatste versie van Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Toon berichtenbadge voor alle nieuwe berichten",
   "settings.service.form.isMutedInfo": "Indien uitgeschakeld, worden meldingen en audio niet afgespeeld",
   "settings.service.form.name": "Naam",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy instellingen",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy instellingen worden niet gesynchroniseerd met de Ferdi servers",
diff --git a/src/i18n/locales/no.json b/src/i18n/locales/no.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/no.json
+++ b/src/i18n/locales/no.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/pl.json b/src/i18n/locales/pl.json
index 4cfdb220f..f7ad5425c 100644
--- a/src/i18n/locales/pl.json
+++ b/src/i18n/locales/pl.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Ulepsz swoje konto",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "Dodałeś {amount} z {limit} usług, które oferuje twój plan. Ulepsz swoje konto, aby dodać więcej usług.",
   "feature.shareFranz.action.email": "Wyślij jako email",
   "feature.shareFranz.action.facebook": "Udostępnij na Facebooku",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Ulepsz konto do Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Nie można wczytać informacji o użytkowniku",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Wyczyść pamięć podręczną (cache)",
   "settings.app.buttonInstallUpdate": "Uruchom ponownie i zainstaluj aktualizację",
   "settings.app.buttonSearchForUpdate": "Sprawdź aktualizacje",
   "settings.app.cacheInfo": "Pamięć podręczna zajmuje obecnie {size} przestrzeni dyskowej",
   "settings.app.currentVersion": "Aktualna wersja:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Otwórz w tle",
   "settings.app.form.autoLaunchOnStart": "Uruchom Ferdi na początku",
   "settings.app.form.beta": "Uwzględnij wersje beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Pokaż licznik nieprzeczytanych wiadomości gdy powiadomienia są wyłączone",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Ustawienia",
   "settings.app.headlineAdvanced": "Zaawansowane",
   "settings.app.headlineAppearance": "Wygląd",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Pamięć podręczna",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Pomóż nam tłumaczyć Ferdi na Twój język.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Dostępna aktualizacja, pobieram...",
   "settings.app.updateStatusSearching": "Szukam aktualizacji",
   "settings.app.updateStatusUpToDate": "Używasz najnowszej wersji aplikacji Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Pokaż ikonę wiadomości dla wszystkich nowych wiadomości",
   "settings.service.form.isMutedInfo": "Kiedy nieaktywne, wszystkie dźwięki powiadomień są wyciszone",
   "settings.service.form.name": "Imię",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Ustawienia Proxy HTTP/HTTPS",
   "settings.service.form.proxy.host": "Host Proxy/IP",
   "settings.service.form.proxy.info": "Ustawienia proxy nie będą zsynchronizowane z serwerami Ferdia.",
diff --git a/src/i18n/locales/pt-BR.json b/src/i18n/locales/pt-BR.json
index a8bc91980..2e3b5b189 100644
--- a/src/i18n/locales/pt-BR.json
+++ b/src/i18n/locales/pt-BR.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Atualizar conta",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "Você adicionou {amount} serviços de um total de {limit} que estão inclusos no seu plano. Por favor, atualize sua conta para adicionar mais serviços.",
   "feature.shareFranz.action.email": "Enviar por e-mail",
   "feature.shareFranz.action.facebook": "Compartilhar no Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Atualizar para o Ferdi Profissional",
   "settings.account.userInfoRequestFailed": "Não foi possível carregar as informações do usuário",
   "settings.account.yourLicense": "Su Licencia Ferdi",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Limpar cache",
   "settings.app.buttonInstallUpdate": "Reiniciar e instalar atualizações ",
   "settings.app.buttonSearchForUpdate": "Verificar se há atualizações",
   "settings.app.cacheInfo": "O cache do Ferdi está usando {size} de espaço em disco atualmente.",
   "settings.app.currentVersion": "Versão atual:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Abrir em segundo plano",
   "settings.app.form.autoLaunchOnStart": "Abrir o Ferdi ao iniciar o sistema",
   "settings.app.form.beta": "Incluir versões beta",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Mostrar ícone de mensagem não lida quando as notificações estiverem desativadas",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Configurações",
   "settings.app.headlineAdvanced": "Avançado",
   "settings.app.headlineAppearance": "Aparência",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "memória cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Ajude-nos a traduzir o Ferdi para seu idioma.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Atualização disponível, baixando...",
   "settings.app.updateStatusSearching": "Buscando atualizações",
   "settings.app.updateStatusUpToDate": "Você está usando a última versão do Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Mostrar avisos para todas as mensagens",
   "settings.service.form.isMutedInfo": "Quando desativado, as notificações sonoras e áudios ficarão em silêncio",
   "settings.service.form.name": "Nome",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Configurações de HTTP/HTTPS Proxy",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "As configurações de proxy não serão sincronizadas com os servidores do Ferdi.",
diff --git a/src/i18n/locales/pt.json b/src/i18n/locales/pt.json
index 2a418befc..e9a0138ad 100644
--- a/src/i18n/locales/pt.json
+++ b/src/i18n/locales/pt.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Atualiza a tua conta",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Enviar por e-mail",
   "feature.shareFranz.action.facebook": "Compartilahr no Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Não é possível carregar a informação do utilizador",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Limpar cache",
   "settings.app.buttonInstallUpdate": "Reiniciar e instalar atualizações",
   "settings.app.buttonSearchForUpdate": "Procurar atualizações",
   "settings.app.cacheInfo": "A cache do Ferdi está a usar {size} de espaço em disco.",
   "settings.app.currentVersion": "Versão atual",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Abrir em segundo plano",
   "settings.app.form.autoLaunchOnStart": "Iniciar o Ferdi após iniciar o computador",
   "settings.app.form.beta": "Incluir versões instáveis (beta)",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Apresentar emblema com o número de mensagens não lidas quando as notificações estão desativadas",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Definições",
   "settings.app.headlineAdvanced": "Avançado",
   "settings.app.headlineAppearance": "Aparência",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Ajude-nos a traduzir a Ferdi para a sua língua.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Atualização disponivel, a transferir...",
   "settings.app.updateStatusSearching": "A procurar atualizações",
   "settings.app.updateStatusUpToDate": "Está a usar a versão mais recente do Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Mostrar o emblema da mensagem para todas as novas mensagens",
   "settings.service.form.isMutedInfo": "Quando desativado, todos sons e reproduções de áudio serão silenciados",
   "settings.service.form.name": "Nome",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Definições HTTP/HTTPS Proxy",
   "settings.service.form.proxy.host": "Host/IP proxy",
   "settings.service.form.proxy.info": "As definições do proxy não serão guardadas nos servidores do Ferdi.",
diff --git a/src/i18n/locales/ro.json b/src/i18n/locales/ro.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/ro.json
+++ b/src/i18n/locales/ro.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/ru.json b/src/i18n/locales/ru.json
index 7d0d9ef41..5f5ccc109 100644
--- a/src/i18n/locales/ru.json
+++ b/src/i18n/locales/ru.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Апгрейдить аккаунт",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "Вы добавили {amount} максимальное {limit} количество сервисов, входящих в ваш план. Пожалуйста, обновите свой план чтобы добавить больше сервисов.",
   "feature.shareFranz.action.email": "Отправить по email",
   "feature.shareFranz.action.facebook": "Поделиться на Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Невозможно загрузить информацию пользователя",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Очистить кэш",
   "settings.app.buttonInstallUpdate": "Перезапустить и установить обновления",
   "settings.app.buttonSearchForUpdate": "Проверить обновления",
   "settings.app.cacheInfo": "Кэш занимает {size} на диске.",
   "settings.app.currentVersion": "Текущая версия:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Открывать в фоне",
   "settings.app.form.autoLaunchOnStart": "Запускать Ferdi при старте",
   "settings.app.form.beta": "Включая бета версии",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Показывать значок непрочитанного сообщения при отключённых уведомлениях",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Настройки",
   "settings.app.headlineAdvanced": "Дополнительно",
   "settings.app.headlineAppearance": "Внешний вид",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Кэш",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Помогите нам перевести Ferdi на ваш язык.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Доступно обновление, идёт загрузка...",
   "settings.app.updateStatusSearching": "Поиск обновлений",
   "settings.app.updateStatusUpToDate": "Вы используете актуальную версию Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Показывать значок уведомлений для всех новых сообщений",
   "settings.service.form.isMutedInfo": "Когда выключено, все звуковые уведомления будут отключены",
   "settings.service.form.name": "Имя",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Настройки Прокси HTTP/HTTPS",
   "settings.service.form.proxy.host": "Прокси Host/IP",
   "settings.service.form.proxy.info": "Настройки прокси не будут синхронизированны с серверами Ferdi",
diff --git a/src/i18n/locales/sk.json b/src/i18n/locales/sk.json
index b324fd1b2..93a823cae 100644
--- a/src/i18n/locales/sk.json
+++ b/src/i18n/locales/sk.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgradovať účet",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Odoslať ako e-mail",
   "feature.shareFranz.action.facebook": "Zdielať na Facebook-u",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Nebolo možné načítať informácie o používateľovi",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Vyčistiť vyrovnávaciu pamäť",
   "settings.app.buttonInstallUpdate": "Reštartovať a nainštalovať aktualizáciu",
   "settings.app.buttonSearchForUpdate": "Skontrolovať aktualizácie",
   "settings.app.cacheInfo": "Vyrovnávacia pamäť Ferdi momentálne používa {size} miesta na disku.",
   "settings.app.currentVersion": "Súčasná verzia:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Otvoriť na pozadí",
   "settings.app.form.autoLaunchOnStart": "Spustiť Ferdi pri štarte",
   "settings.app.form.beta": "Vrátane beta verzií",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Zobraziť symbol pre neprečítané správy, keď sú vypnuté upozornenia",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Nastavenia",
   "settings.app.headlineAdvanced": "Pokročilé",
   "settings.app.headlineAppearance": "Vzhľad",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Vyrovnávacia pamäť",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Pomôžte nám preložiť Ferdi do svojho jazyka.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Je dostupná aktualizácia, sťahuje sa...",
   "settings.app.updateStatusSearching": "Vyhľadáva aktualizácie",
   "settings.app.updateStatusUpToDate": "Používate najnovšiu verziu Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Zobraziť symbol správy pre všetky nové správy",
   "settings.service.form.isMutedInfo": "Ak je vypnuté, všetky zvuky oznámení a iné prehrávania budú stíšené",
   "settings.service.form.name": "Meno",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Nastavenia servera proxy sa nebudú synchronizovať so servermi Ferdi.",
diff --git a/src/i18n/locales/sl.json b/src/i18n/locales/sl.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/sl.json
+++ b/src/i18n/locales/sl.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/sr.json b/src/i18n/locales/sr.json
index 658469edb..d2fee5361 100644
--- a/src/i18n/locales/sr.json
+++ b/src/i18n/locales/sr.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Nije moguće učitati informacije o korisniku",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Очисти кеш",
   "settings.app.buttonInstallUpdate": "Ponovo pokreni i instaliraj ažuriranje ",
   "settings.app.buttonSearchForUpdate": "Potraži ažuriranja",
   "settings.app.cacheInfo": "Франз кеш тренутно користи {величина} простора на диску.",
   "settings.app.currentVersion": "Trenutna verzija:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Otvori u pozadini",
   "settings.app.form.autoLaunchOnStart": "Pokreni Ferdi sa sistemom",
   "settings.app.form.beta": "Obuhvati i beta verzije",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Покажи беџ за непрочитане поруке када су обавештења онемогућена",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Postavke",
   "settings.app.headlineAdvanced": "Napredne alatke",
   "settings.app.headlineAppearance": "Izgled",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Кеш",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Pomozite nam prevesti aplikaciju na Vaš jezik. ",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Nadogradnja dostupna, preuzimanje...",
   "settings.app.updateStatusSearching": "Traže se ažuriranja",
   "settings.app.updateStatusUpToDate": "Koristite najnoviju verziju Franca.",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Prikaži značku na svim novim porukuama",
   "settings.service.form.isMutedInfo": "Kada je onemogućeno, sve obavijesti, svi zvukovi i sva pozadinska podrška će biti nečujna.",
   "settings.service.form.name": "Ime",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/sv.json b/src/i18n/locales/sv.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/sv.json
+++ b/src/i18n/locales/sv.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/tr.json b/src/i18n/locales/tr.json
index 32ef08afb..97a9d5636 100644
--- a/src/i18n/locales/tr.json
+++ b/src/i18n/locales/tr.json
@@ -1,16 +1,17 @@
 {
-  "app.errorHandler.action": "Tekrar Yükle",
+  "app.errorHandler.action": "Yenile",
   "app.errorHandler.headline": "Bir terslik çıktı",
-  "feature.announcements.changelog.headline": "Changes in Ferdi {version}",
+  "feature.announcements.changelog.headline": "Ferdi {version} Sürümündeki Değişiklikler",
   "feature.delayApp.headline": "Beklememek için Ferdi Destek Lisansı'nı satın alın",
   "feature.delayApp.text": "Ferdi {seconds} saniye sonra devam edecek.",
-  "feature.delayApp.trial.action": "Yes, I want the free 14 day trial of Ferdi Professional",
-  "feature.delayApp.trial.actionShort": "Activate the free Ferdi Professional trial",
-  "feature.delayApp.trial.headline": "Get the free Ferdi Professional 14 day trial and skip the line",
+  "feature.delayApp.trial.action": "Evet, Ferdi Professional'ın 14 günlük ücretsiz denemesini istiyorum",
+  "feature.delayApp.trial.actionShort": "Ferdi Professional'ın denemesini aktive et",
+  "feature.delayApp.trial.headline": "Ferdi Professional'ın 14 günlük denemesini et ve sıranın önüne geç",
   "feature.delayApp.upgrade.action": "Ferdi Destek Lisansı'nı alın",
   "feature.delayApp.upgrade.actionShort": "Hesabı Yükselt",
-  "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
-  "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.info": "TAB, ↑ ve ↓ ile bir servis seç. ENTER ile bir servisi aç.",
+  "feature.quickSwitch.search": "Ara...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Mail olarak gönder",
   "feature.shareFranz.action.facebook": "Facebook'ta Paylaş",
@@ -19,17 +20,17 @@
   "feature.shareFranz.shareText.email": "Ferdi'a {count} tane servis ekledim! WhatsApp, Messenger, Slack ve fazlasını içeren ücretsiz uygulamayı www.getferdi.com adresinden edinin.",
   "feature.shareFranz.shareText.twitter": "I've added {count} services to Ferdi! Get the free app for WhatsApp, Messenger, Slack, Skype and co at www.getferdi.com /cc @FerdiMessenger",
   "feature.shareFranz.text": "Arkadaşlarına ve meslektaşlarına Ferdi'ın ne kadar harika olduğunu söyle ve bize bu kelimeyi yaymamızda yardım et.",
-  "feature.todos.premium.info": "Ferdi Todos are available to premium users now!",
-  "feature.todos.premium.rollout": "Everyone else will have to wait a little longer.",
-  "feature.todos.premium.upgrade": "Upgrade Account",
+  "feature.todos.premium.info": "Ferdi Yapılacaklar Listesi şimdi Premium kullanıcılar için kullanılabilir!",
+  "feature.todos.premium.rollout": "Diğer herkes biraz daha beklemek zorunda.",
+  "feature.todos.premium.upgrade": "Hesabını Yükselt",
   "global.api.unhealthy": "Ferdi hizmetlerine şu anda erişilemiyor",
-  "global.franzProRequired": "Ferdi Professional Required",
+  "global.franzProRequired": "Ferdi Professional Gerekli",
   "global.notConnectedToTheInternet": "İnternete bağlı değilsiniz.",
   "global.spellchecker.useDefault": "Sistem Dilini Kullan ({default})",
   "global.spellchecking.autodetect": "Dili otomatik tespit et",
   "global.spellchecking.autodetect.short": "Otomatik",
   "global.spellchecking.language": "İmla kontrol dili",
-  "global.upgradeButton.upgradeToPro": "Upgrade to Ferdi Professional",
+  "global.upgradeButton.upgradeToPro": "Ferdi Professional'a Yükselt",
   "import.headline": "Ferdi 4 servislerinizi içeri aktarın",
   "import.notSupportedHeadline": "Henüz Ferdi 5'te desteklenmeyen servisler",
   "import.skip.label": "Servisleri kendim eklemek istiyorum",
@@ -40,7 +41,7 @@
   "infobar.buttonReloadServices": "Hizmetleri yeniden yükle",
   "infobar.requiredRequestsFailed": "Hizmetler ve kullanıcı bilgileri yüklenemedi",
   "infobar.servicesUpdated": "Hizmetleriniz güncellendi.",
-  "infobar.trialActivated": "Your trial was successfully activated. Happy messaging!",
+  "infobar.trialActivated": "Denemen başarıyla aktifleştirildi. Mutlu mesajlaşmalar!",
   "infobar.updateAvailable": "Yeni Ferdi güncellemesi mevcut.",
   "invite.email.label": "E-posta adresi",
   "invite.headline.friends": "3 arkadaşını ya da çalışma arkadaşını davet et",
@@ -49,7 +50,7 @@
   "invite.submit.label": "Davetiye gönder",
   "invite.successInfo": "Davetiyeler başarıyla gönderildi",
   "locked.headline": "Locked",
-  "locked.info": "Ferdi is currently locked. Please unlock Ferdi with your password to see your messages.",
+  "locked.info": "Ferdi şu anda kilitli. Lütfen mesajlarını görmek için Ferdi'nin kilidini şifrenle aç.",
   "locked.invalidCredentials": "Password invalid",
   "locked.password.label": "Password",
   "locked.submit.label": "Unlock",
@@ -64,8 +65,8 @@
   "login.serverLogout": "Oturum süreniz dolmuş, lütfen tekrar giriş yapın.",
   "login.submit.label": "Oturum Aç",
   "login.tokenExpired": "Oturum süreniz dolmuş, lütfen tekrar giriş yapın.",
-  "menu.Todoss.closeTodosDrawer": "Close Todos drawer",
-  "menu.Todoss.openTodosDrawer": "Open Todos drawer",
+  "menu.Todoss.closeTodosDrawer": "Yapılacaklar çekmecesini kapat",
+  "menu.Todoss.openTodosDrawer": "Yapılacaklar çekmecesini aç",
   "menu.app.about": "Ferdi Hakkında",
   "menu.app.announcement": "Neler yeni?",
   "menu.app.autohideMenuBar": "Auto-hide menu bar",
@@ -104,15 +105,15 @@
   "menu.services.addNewService": "Yeni servis ekle...",
   "menu.services.goHome": "Home",
   "menu.services.setNextServiceActive": "Activate next service",
-  "menu.todos": "Todos",
-  "menu.todos.enableTodos": "Enable Todos",
+  "menu.todos": "Yapılacaklar",
+  "menu.todos.enableTodos": "Yapılacaklar Listesi'ni Aç",
   "menu.view": "Görünüm",
   "menu.view.back": "Back",
   "menu.view.enterFullScreen": "Tam Ekrana Geç",
   "menu.view.exitFullScreen": "Tam Ekrandan Çık",
   "menu.view.forward": "Forward",
   "menu.view.lockFerdi": "Lock Ferdi",
-  "menu.view.openQuickSwitch": "Open Quick Switch",
+  "menu.view.openQuickSwitch": "QuickSwitch'i aç",
   "menu.view.reloadFranz": "Ferdi'ı Yeniden Yükle",
   "menu.view.reloadService": "Servisi Tekrar Yükle",
   "menu.view.resetZoom": "Orijinal Boyut",
@@ -138,9 +139,9 @@
   "password.submit.label": "Gönder",
   "password.successInfo": "E-postanızı kontrol ediniz",
   "premiumFeature.button.upgradeAccount": "Hesabı Yükselt",
-  "pricing.features.adFree": "Forever ad-free",
-  "pricing.features.appDelays": "No Waiting Screens",
-  "pricing.features.customWebsites": "Add Custom Websites",
+  "pricing.features.adFree": "Sonsuza dek reklamsız",
+  "pricing.features.appDelays": "Yükleme Ekranları Yok",
+  "pricing.features.customWebsites": "Özel Siteler Ekle",
   "pricing.features.onPremise": "On-premise & other Hosted Services",
   "pricing.features.serviceProxies": "Service Proxies",
   "pricing.features.spellchecker": "Spellchecker support",
@@ -148,35 +149,35 @@
   "pricing.features.thirdPartyServices": "Install 3rd party services",
   "pricing.features.unlimitedServices": "Add unlimited services",
   "pricing.features.workspaces": "Workspaces",
-  "pricing.plan.free": "Ferdi Free",
-  "pricing.plan.legacy": "Ferdi Premium",
-  "pricing.plan.personal": "Ferdi Personal",
-  "pricing.plan.personal-monthly": "Ferdi Personal Monthly",
-  "pricing.plan.personal-yearly": "Ferdi Personal Yearly",
-  "pricing.plan.pro": "Ferdi Professional",
-  "pricing.plan.pro-monthly": "Ferdi Professional Monthly",
-  "pricing.plan.pro-yearly": "Ferdi Professional Yearly",
-  "pricing.trial.cta.accept": "Yes, upgrade my account to Ferdi Professional",
+  "pricing.plan.free": "Ferdi - Ücretsiz",
+  "pricing.plan.legacy": "Ferdi - Premium",
+  "pricing.plan.personal": "Ferdi - Kişisel",
+  "pricing.plan.personal-monthly": "Ferdi - Aylık Kişisel",
+  "pricing.plan.personal-yearly": "Ferdi - Yıllık Kişisel",
+  "pricing.plan.pro": "Ferdi - Professional",
+  "pricing.plan.pro-monthly": "Ferdi - Aylık Professional",
+  "pricing.plan.pro-yearly": "Ferdi - Yıllık Professional",
+  "pricing.trial.cta.accept": "Evet, hesabını Ferdi Professional'a yükselt",
   "pricing.trial.cta.skip": "Continue to Ferdi",
   "pricing.trial.error": "Sorry, we could not activate your trial!",
   "pricing.trial.features.headline": "Ferdi Professional includes:",
-  "pricing.trial.headline": "Ferdi Professional",
+  "pricing.trial.headline": "Ferdi - Professional",
   "pricing.trial.subheadline": "Your personal welcome offer:",
   "pricing.trial.terms.automaticTrialEnd": "Your free trial ends automatically after 14 days",
   "pricing.trial.terms.headline": "No strings attached",
   "pricing.trial.terms.noCreditCard": "No credit card required",
   "service.crashHandler.action": "{name} yeniden yükle",
   "service.crashHandler.autoReload": "{name}'i {seconds} saniye içerisinde otomatik onarmayı deniyoruz",
-  "service.crashHandler.headline": "Aman Tanrım hayır!",
+  "service.crashHandler.headline": "Olamaz!",
   "service.crashHandler.text": "{name} bir hataya neden oldu.",
   "service.disabledHandler.action": "{name} aktif",
   "service.disabledHandler.headline": "{name} devredışı",
   "service.errorHandler.action": "{name} yeniden yükle",
   "service.errorHandler.editAction": "{name} düzenle",
-  "service.errorHandler.headline": "Aman Tanrım hayır!",
+  "service.errorHandler.headline": "Olamaz!",
   "service.errorHandler.message": "Hata",
   "service.errorHandler.text": "{name} yüklenemedi.",
-  "service.restrictedHandler.action": "Upgrade Account",
+  "service.restrictedHandler.action": "Hesabını Yükselt",
   "service.restrictedHandler.customUrl.headline": "Ferdi Professional Plan required",
   "service.restrictedHandler.customUrl.text": "Please upgrade to the Ferdi Professional plan to use custom urls & self hosted services.",
   "service.restrictedHandler.serviceLimit.headline": "You have reached your service limit.",
@@ -210,14 +211,16 @@
   "settings.account.trialUpdateBillingInfo": "Please update your billing info to continue using {license} after your trial period.",
   "settings.account.tryReloadServices": "Tekrar deneyin",
   "settings.account.tryReloadUserInfoRequest": "Tekrar deneyin",
-  "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
+  "settings.account.upgradeToPro.label": "Ferdi Professional'a Yükselt",
   "settings.account.userInfoRequestFailed": "Kullanıcı bilgisi yüklenemedi",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Önbelleği temizle",
   "settings.app.buttonInstallUpdate": "Yeniden Başlat ve Güncelleştirmeleri Kur",
   "settings.app.buttonSearchForUpdate": "Güncellemeleri kontrol et",
   "settings.app.cacheInfo": "Ferdi önbelleği şu anda {size} disk alanı kullanıyor.",
   "settings.app.currentVersion": "Geçerli sürüm:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Arka planda aç",
   "settings.app.form.autoLaunchOnStart": "Ferdi'ı başlangıçta aç",
   "settings.app.form.beta": "Beta versiyonları dahil et",
@@ -237,13 +240,14 @@
   "settings.app.form.privateNotifications": "Don't show message content in notifications",
   "settings.app.form.runInBackground": "Pencereyi kapatırken Ferdi'ı arka planda tut",
   "settings.app.form.scheduledDNDEnabled": "Enable scheduled Do-not-Disturb",
-  "settings.app.form.scheduledDNDEnd": "To",
-  "settings.app.form.scheduledDNDStart": "From",
-  "settings.app.form.server": "Server",
+  "settings.app.form.scheduledDNDEnd": "Kime:",
+  "settings.app.form.scheduledDNDStart": "Kimden:",
+  "settings.app.form.server": "Sunucu",
   "settings.app.form.showDisabledServices": "Devre dışı bırakılan servis sekmelerini göster",
   "settings.app.form.showMessagesBadgesWhenMuted": "Bildirimler kapalı iken okunmamış mesaj sayısını göster",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Ayarlar",
   "settings.app.headlineAdvanced": "Gelişmiş",
   "settings.app.headlineAppearance": "Görünüm",
@@ -261,8 +265,9 @@
   "settings.app.serverInfo": "We advice you to logout after changing your server as your settings might not be saved otherwise.",
   "settings.app.serverMoneyInfo": "You are using the official Ferdi Server for Ferdi.\nWe know that Ferdi allows you to use all its features for free but you are still using Ferdi's server resources - which Ferdi's creator has to pay for.\nPlease still consider [Link 1]paying for a Ferdi account[/Link] or [Link 2]using a self-hosted ferdi-server[/Link] (if you have the knowledge and resources to do so). \nBy using Ferdi, you still profit greatly from Ferdi's recipe store, server resources and its development.",
   "settings.app.subheadlineCache": "Önbellek",
-  "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
+  "settings.app.todoServerInfo": "Bu sunucu \"Ferdi Yapılacaklar Listesi\" özelliği için kullanılacakdır. (varsayılan: https://app.franztodos.com)",
   "settings.app.translationHelp": "Ferdi'ı senin diline tercüme etmemiz için yardım et.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Güncelleme mevcut, indiriliyor...",
   "settings.app.updateStatusSearching": "Güncellemeleri denetliyor",
   "settings.app.updateStatusUpToDate": "Ferdi'ın son versiyonunu kullanıyorsun",
@@ -271,10 +276,10 @@
   "settings.navigation.availableServices": "Mevcut servisler",
   "settings.navigation.logout": "Çıkış",
   "settings.navigation.settings": "Ayarlar",
-  "settings.navigation.supportFerdi": "Support Ferdi",
-  "settings.navigation.team": "Manage Team",
+  "settings.navigation.supportFerdi": "Ferdi'yi Destekle",
+  "settings.navigation.team": "Ekibini Yönet",
   "settings.navigation.yourServices": "Servislerin",
-  "settings.navigation.yourWorkspaces": "Your workspaces",
+  "settings.navigation.yourWorkspaces": "Çalışma alanların",
   "settings.recipes.all": "Tüm servisler",
   "settings.recipes.custom": "Custom Services",
   "settings.recipes.customService.headline.communityRecipes": "Community 3rd Party Recipes",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Mesaj rozetini tüm yeni mesajlar için göster",
   "settings.service.form.isMutedInfo": "Devre dışı bırakıldığında, tüm bildirim sesleri sessize alınır",
   "settings.service.form.name": "Ad",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Ayarları",
   "settings.service.form.proxy.host": "Proxy Sunucusu/IP",
   "settings.service.form.proxy.info": "Proxy ayarları Ferdi serverlarına yüklenmeyecektir.",
@@ -338,16 +344,16 @@
   "settings.services.tooltip.isMuted": "Tüm sesler kapalı",
   "settings.services.tooltip.notificationsDisabled": "Bildirimler devre dışı",
   "settings.services.updatedInfo": "Değişikliklerin kaydedildi",
-  "settings.supportFerdi.github": "Star on GitHub",
-  "settings.supportFerdi.headline": "Support Ferdi",
+  "settings.supportFerdi.github": "GitHub'da Yıldızla",
+  "settings.supportFerdi.headline": "Ferdi'yi Destekle",
   "settings.supportFerdi.openCollective": "Support our Open Collective",
-  "settings.supportFerdi.share": "Tell your Friends",
-  "settings.supportFerdi.title": "Do you like Ferdi? Spread the love!",
-  "settings.team.contentHeadline": "Ferdi for Teams",
+  "settings.supportFerdi.share": "Arkadaşlarınla Paylaş",
+  "settings.supportFerdi.title": "Ferdi'yi seviyor musun? Hayat paylaştıkça güzel!",
+  "settings.team.contentHeadline": "Ekipler için Ferdi",
   "settings.team.copy": "Ferdi for Teams gives you the option to invite co-workers to your team by sending them email invitations and manage their subscriptions in your account’s preferences. Don’t waste time setting up subscriptions for every team member individually, forget about multiple invoices and different billing cycles - one team to rule them all!",
   "settings.team.headline": "Takım",
   "settings.team.intro": "You and your team use Ferdi? You can now manage Premium subscriptions for as many colleagues, friends or family members as you want, all from within one account.",
-  "settings.team.manageAction": "Manage your Team on getferdi.com",
+  "settings.team.manageAction": "getferdi.com adresinden Ekibini yönet",
   "settings.team.upgradeAction": "Upgrade your Account",
   "settings.user.form.accountType.company": "Kurum",
   "settings.user.form.accountType.individual": "Bireysel",
@@ -366,13 +372,13 @@
   "settings.workspace.form.keepLoadedInfo": "*This option will be overwritten by the global \"Keep all workspaces loaded\" option.",
   "settings.workspace.form.name": "Ad",
   "settings.workspace.form.servicesInWorkspaceHeadline": "Services in this Workspace",
-  "settings.workspace.form.yourWorkspaces": "Your workspaces",
+  "settings.workspace.form.yourWorkspaces": "Çalışma alanların",
   "settings.workspaces.deletedInfo": "Workspace has been deleted",
-  "settings.workspaces.headline": "Your workspaces",
+  "settings.workspaces.headline": "Çalışma alanların",
   "settings.workspaces.noWorkspacesAdded": "You haven't added any workspaces yet.",
   "settings.workspaces.tryReloadWorkspaces": "Tekrar deneyin",
   "settings.workspaces.updatedInfo": "Değişikliklerin kaydedildi",
-  "settings.workspaces.workspaceFeatureHeadline": "Less is More: Introducing Ferdi Workspaces",
+  "settings.workspaces.workspaceFeatureHeadline": "Az Çoktan Fazladır: Karşınızda Ferdi Workspaces",
   "settings.workspaces.workspaceFeatureInfo": "Ferdi Workspaces let you focus on what’s important right now. Set up different sets of services and easily switch between them at any time. You decide which services you need when and where, so we can help you stay on top of your game - or easily switch off from work whenever you want.",
   "settings.workspaces.workspacesRequestFailed": "Could not load your workspaces",
   "sidebar.addNewService": "Yeni servis ekle",
@@ -411,7 +417,7 @@
   "tabs.item.enableAudio": "Sesi etkinleştirin",
   "tabs.item.enableNotification": "Bildirimleri etkinleştir",
   "tabs.item.enableService": "Servisi etkinleştir",
-  "tabs.item.reload": "Tekrar Yükle",
+  "tabs.item.reload": "Yenile",
   "validation.email": "{alan} geçerli değil",
   "validation.minLength": "{field} en az {length} karakter uzunluğunda olmalı",
   "validation.oneRequired": "At least one is required",
@@ -421,7 +427,7 @@
   "webControls.forward": "Forward",
   "webControls.goHome": "Home",
   "webControls.openInBrowser": "Open in Browser",
-  "webControls.reload": "Tekrar Yükle",
+  "webControls.reload": "Yenile",
   "welcome.loginButton": "Hesabına giriş yap",
   "welcome.signupButton": "Ücretsiz hesap oluştur",
   "workspaceDrawer.addNewWorkspaceLabel": "Add new workspace",
diff --git a/src/i18n/locales/uk.json b/src/i18n/locales/uk.json
index 868de1a75..27c858e30 100644
--- a/src/i18n/locales/uk.json
+++ b/src/i18n/locales/uk.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Преміум акаунт",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Не вдалося завантажити інформацію користувача",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Очистити кеш",
   "settings.app.buttonInstallUpdate": "Перезавантажити і встановити оновлення",
   "settings.app.buttonSearchForUpdate": "Перевірити наявність оновлень",
   "settings.app.cacheInfo": "Кеш, який використовує Ferdi, займає {size} дискового простору.",
   "settings.app.currentVersion": "Поточна версія:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Відкрити у фоновому режимі",
   "settings.app.form.autoLaunchOnStart": "Запускати Ferdi на початку",
   "settings.app.form.beta": "Включити бета-версії",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Показувати значок непрочитаних повідомлень коли сповіщення вимкнені",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Налаштування",
   "settings.app.headlineAdvanced": "Додаткові налаштування",
   "settings.app.headlineAppearance": "Вигляд",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Кеш",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Допоможіть перекласти Ferdi на Вашу мову.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Оновлення доступне, завантаження...",
   "settings.app.updateStatusSearching": "Шукає оновлення",
   "settings.app.updateStatusUpToDate": "Ви використовуєте останню версію Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Показувати значок повідомлення для всіх нових повідомлень",
   "settings.service.form.isMutedInfo": "Коли вимкнено, всі сповищення та відтворення ігноруються",
   "settings.service.form.name": "Ім'я",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "Налаштування HTTP/HTTPS проксі ",
   "settings.service.form.proxy.host": "Проксі Host/IP",
   "settings.service.form.proxy.info": "Налаштування проксі не будуть синхронізовані із серверами Ferdi",
diff --git a/src/i18n/locales/vi.json b/src/i18n/locales/vi.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/vi.json
+++ b/src/i18n/locales/vi.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/zh-Hant.json b/src/i18n/locales/zh-Hant.json
index 5784c1ab6..678554c05 100644
--- a/src/i18n/locales/zh-Hant.json
+++ b/src/i18n/locales/zh-Hant.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "無法載入帳戶資訊",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "重新啟動並且更新",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "當前版本：",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "背景啟動",
   "settings.app.form.autoLaunchOnStart": "開機時啟動",
   "settings.app.form.beta": "包含開發中版本",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "有可用更新，下載中...",
   "settings.app.updateStatusSearching": "檢查更新中...",
   "settings.app.updateStatusUpToDate": "已經是最新版本了",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "針對全部訊息顯示通知",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "名子",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/locales/zh.json b/src/i18n/locales/zh.json
index c4dd6b6ce..8b88fcdeb 100644
--- a/src/i18n/locales/zh.json
+++ b/src/i18n/locales/zh.json
@@ -11,6 +11,7 @@
   "feature.delayApp.upgrade.actionShort": "Upgrade account",
   "feature.quickSwitch.info": "Select a service with TAB, ↑ and ↓. Open a service with ENTER.",
   "feature.quickSwitch.search": "Search...",
+  "feature.quickSwitch.title": "QuickSwitch",
   "feature.serviceLimit.limitReached": "You have added {amount} out of {limit} services that are included in your plan. Please upgrade your account to add more services.",
   "feature.shareFranz.action.email": "Send as email",
   "feature.shareFranz.action.facebook": "Share on Facebook",
@@ -213,11 +214,13 @@
   "settings.account.upgradeToPro.label": "Upgrade to Ferdi Professional",
   "settings.account.userInfoRequestFailed": "Could not load user information",
   "settings.account.yourLicense": "Your Ferdi License",
+  "settings.app.accentColorInfo": "Write your accent color in a CSS-compatible format. (Default: #7367f0)",
   "settings.app.buttonClearAllCache": "Clear cache",
   "settings.app.buttonInstallUpdate": "Restart & install update",
   "settings.app.buttonSearchForUpdate": "Check for updates",
   "settings.app.cacheInfo": "Ferdi cache is currently using {size} of disk space.",
   "settings.app.currentVersion": "Current version:",
+  "settings.app.form.accentColor": "Accent color",
   "settings.app.form.autoLaunchInBackground": "Open in background",
   "settings.app.form.autoLaunchOnStart": "Launch Ferdi on start",
   "settings.app.form.beta": "Include beta versions",
@@ -244,6 +247,7 @@
   "settings.app.form.showMessagesBadgesWhenMuted": "Show unread message badge when notifications are disabled",
   "settings.app.form.showServiceNavigationBar": "Always show service navigation bar",
   "settings.app.form.todoServer": "Todo Server",
+  "settings.app.form.universalDarkMode": "Enable universal Dark Mode",
   "settings.app.headline": "Settings",
   "settings.app.headlineAdvanced": "Advanced",
   "settings.app.headlineAppearance": "Appearance",
@@ -263,6 +267,7 @@
   "settings.app.subheadlineCache": "Cache",
   "settings.app.todoServerInfo": "This server will be used for the \"Ferdi Todo\" feature. (default: https://app.franztodos.com)",
   "settings.app.translationHelp": "Help us to translate Ferdi into your language.",
+  "settings.app.universalDarkModeInfo": "Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
   "settings.app.updateStatusAvailable": "Update available, downloading...",
   "settings.app.updateStatusSearching": "Is searching for update",
   "settings.app.updateStatusUpToDate": "You are using the latest version of Ferdi",
@@ -315,6 +320,7 @@
   "settings.service.form.indirectMessages": "Show message badge for all new messages",
   "settings.service.form.isMutedInfo": "When disabled, all notification sounds and audio playback are muted",
   "settings.service.form.name": "Name",
+  "settings.service.form.openDarkmodeCss": "Open darkmode.css",
   "settings.service.form.proxy.headline": "HTTP/HTTPS Proxy Settings",
   "settings.service.form.proxy.host": "Proxy Host/IP",
   "settings.service.form.proxy.info": "Proxy settings will not synced with the Ferdi servers.",
diff --git a/src/i18n/messages/src/components/settings/services/EditServiceForm.json b/src/i18n/messages/src/components/settings/services/EditServiceForm.json
index 45dc7b690..f4692ed29 100644
--- a/src/i18n/messages/src/components/settings/services/EditServiceForm.json
+++ b/src/i18n/messages/src/components/settings/services/EditServiceForm.json
@@ -26,15 +26,28 @@
     }
   },
   {
+    "id": "settings.service.form.openDarkmodeCss",
+    "defaultMessage": "!!!Open darkmode.css",
+    "file": "src/components/settings/services/EditServiceForm.js",
+    "start": {
+      "line": 32,
+      "column": 19
+    },
+    "end": {
+      "line": 35,
+      "column": 3
+    }
+  },
+  {
     "id": "settings.service.form.availableServices",
     "defaultMessage": "!!!Available services",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 32,
+      "line": 36,
       "column": 21
     },
     "end": {
-      "line": 35,
+      "line": 39,
       "column": 3
     }
   },
@@ -43,11 +56,11 @@
     "defaultMessage": "!!!Your services",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 36,
+      "line": 40,
       "column": 16
     },
     "end": {
-      "line": 39,
+      "line": 43,
       "column": 3
     }
   },
@@ -56,11 +69,11 @@
     "defaultMessage": "!!!Add {name}",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 40,
+      "line": 44,
       "column": 22
     },
     "end": {
-      "line": 43,
+      "line": 47,
       "column": 3
     }
   },
@@ -69,11 +82,11 @@
     "defaultMessage": "!!!Edit {name}",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 44,
+      "line": 48,
       "column": 23
     },
     "end": {
-      "line": 47,
+      "line": 51,
       "column": 3
     }
   },
@@ -82,11 +95,11 @@
     "defaultMessage": "!!!Hosted",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 48,
+      "line": 52,
       "column": 13
     },
     "end": {
-      "line": 51,
+      "line": 55,
       "column": 3
     }
   },
@@ -95,11 +108,11 @@
     "defaultMessage": "!!!Self hosted ⭐️",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 52,
+      "line": 56,
       "column": 16
     },
     "end": {
-      "line": 55,
+      "line": 59,
       "column": 3
     }
   },
@@ -108,11 +121,11 @@
     "defaultMessage": "!!!Use the hosted {name} service.",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 56,
+      "line": 60,
       "column": 20
     },
     "end": {
-      "line": 59,
+      "line": 63,
       "column": 3
     }
   },
@@ -121,11 +134,11 @@
     "defaultMessage": "!!!Could not validate custom {name} server.",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 60,
+      "line": 64,
       "column": 28
     },
     "end": {
-      "line": 63,
+      "line": 67,
       "column": 3
     }
   },
@@ -134,11 +147,11 @@
     "defaultMessage": "!!!To add self hosted services, you need a Ferdi Premium Supporter Account.",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 64,
+      "line": 68,
       "column": 24
     },
     "end": {
-      "line": 67,
+      "line": 71,
       "column": 3
     }
   },
@@ -147,11 +160,11 @@
     "defaultMessage": "!!!Upgrade your account",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 68,
+      "line": 72,
       "column": 27
     },
     "end": {
-      "line": 71,
+      "line": 75,
       "column": 3
     }
   },
@@ -160,11 +173,11 @@
     "defaultMessage": "!!!You will be notified about all new messages in a channel, not just @username, @channel, @here, ...",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 72,
+      "line": 76,
       "column": 23
     },
     "end": {
-      "line": 75,
+      "line": 79,
       "column": 3
     }
   },
@@ -173,11 +186,11 @@
     "defaultMessage": "!!!When disabled, all notification sounds and audio playback are muted",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 76,
+      "line": 80,
       "column": 15
     },
     "end": {
-      "line": 79,
+      "line": 83,
       "column": 3
     }
   },
@@ -186,11 +199,11 @@
     "defaultMessage": "!!!Notifications",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 80,
+      "line": 84,
       "column": 25
     },
     "end": {
-      "line": 83,
+      "line": 87,
       "column": 3
     }
   },
@@ -199,11 +212,11 @@
     "defaultMessage": "!!!Unread message badges",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 84,
+      "line": 88,
       "column": 18
     },
     "end": {
-      "line": 87,
+      "line": 91,
       "column": 3
     }
   },
@@ -212,11 +225,11 @@
     "defaultMessage": "!!!General",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 88,
+      "line": 92,
       "column": 19
     },
     "end": {
-      "line": 91,
+      "line": 95,
       "column": 3
     }
   },
@@ -225,11 +238,11 @@
     "defaultMessage": "!!!Delete",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 92,
+      "line": 96,
       "column": 14
     },
     "end": {
-      "line": 95,
+      "line": 99,
       "column": 3
     }
   },
@@ -238,11 +251,11 @@
     "defaultMessage": "!!!Drop your image, or click here",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 96,
+      "line": 100,
       "column": 14
     },
     "end": {
-      "line": 99,
+      "line": 103,
       "column": 3
     }
   },
@@ -251,11 +264,11 @@
     "defaultMessage": "!!!HTTP/HTTPS Proxy Settings",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 100,
+      "line": 104,
       "column": 17
     },
     "end": {
-      "line": 103,
+      "line": 107,
       "column": 3
     }
   },
@@ -264,11 +277,11 @@
     "defaultMessage": "!!!Please restart Ferdi after changing proxy Settings.",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 104,
+      "line": 108,
       "column": 20
     },
     "end": {
-      "line": 107,
+      "line": 111,
       "column": 3
     }
   },
@@ -277,11 +290,11 @@
     "defaultMessage": "!!!Proxy settings will not be synchronized with the Ferdi servers.",
     "file": "src/components/settings/services/EditServiceForm.js",
     "start": {
-      "line": 108,
+      "line": 112,
       "column": 13
     },
     "end": {
-      "line": 111,
+      "line": 115,
       "column": 3
     }
   }
diff --git a/src/i18n/messages/src/components/settings/settings/EditSettingsForm.json b/src/i18n/messages/src/components/settings/settings/EditSettingsForm.json
index 97ecf4b5d..70c4fb87f 100644
--- a/src/i18n/messages/src/components/settings/settings/EditSettingsForm.json
+++ b/src/i18n/messages/src/components/settings/settings/EditSettingsForm.json
@@ -182,15 +182,41 @@
     }
   },
   {
+    "id": "settings.app.universalDarkModeInfo",
+    "defaultMessage": "!!!Universal Dark Mode tries to dynamically generate dark mode styles for services that are otherwise not currently supported.",
+    "file": "src/components/settings/settings/EditSettingsForm.js",
+    "start": {
+      "line": 82,
+      "column": 25
+    },
+    "end": {
+      "line": 85,
+      "column": 3
+    }
+  },
+  {
+    "id": "settings.app.accentColorInfo",
+    "defaultMessage": "!!!Write your accent color in a CSS-compatible format. (Default: #7367f0)",
+    "file": "src/components/settings/settings/EditSettingsForm.js",
+    "start": {
+      "line": 86,
+      "column": 19
+    },
+    "end": {
+      "line": 89,
+      "column": 3
+    }
+  },
+  {
     "id": "settings.app.headlineAdvanced",
     "defaultMessage": "!!!Advanced",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 82,
+      "line": 90,
       "column": 20
     },
     "end": {
-      "line": 85,
+      "line": 93,
       "column": 3
     }
   },
@@ -199,11 +225,11 @@
     "defaultMessage": "!!!Help us to translate Ferdi into your language.",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 86,
+      "line": 94,
       "column": 19
     },
     "end": {
-      "line": 89,
+      "line": 97,
       "column": 3
     }
   },
@@ -212,11 +238,11 @@
     "defaultMessage": "!!!Cache",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 90,
+      "line": 98,
       "column": 20
     },
     "end": {
-      "line": 93,
+      "line": 101,
       "column": 3
     }
   },
@@ -225,11 +251,11 @@
     "defaultMessage": "!!!Ferdi cache is currently using {size} of disk space.",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 94,
+      "line": 102,
       "column": 13
     },
     "end": {
-      "line": 97,
+      "line": 105,
       "column": 3
     }
   },
@@ -238,11 +264,11 @@
     "defaultMessage": "!!!Clear cache",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 98,
+      "line": 106,
       "column": 23
     },
     "end": {
-      "line": 101,
+      "line": 109,
       "column": 3
     }
   },
@@ -251,11 +277,11 @@
     "defaultMessage": "!!!Check for updates",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 102,
+      "line": 110,
       "column": 25
     },
     "end": {
-      "line": 105,
+      "line": 113,
       "column": 3
     }
   },
@@ -264,11 +290,11 @@
     "defaultMessage": "!!!Restart & install update",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 106,
+      "line": 114,
       "column": 23
     },
     "end": {
-      "line": 109,
+      "line": 117,
       "column": 3
     }
   },
@@ -277,11 +303,11 @@
     "defaultMessage": "!!!Is searching for update",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 110,
+      "line": 118,
       "column": 25
     },
     "end": {
-      "line": 113,
+      "line": 121,
       "column": 3
     }
   },
@@ -290,11 +316,11 @@
     "defaultMessage": "!!!Update available, downloading...",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 114,
+      "line": 122,
       "column": 25
     },
     "end": {
-      "line": 117,
+      "line": 125,
       "column": 3
     }
   },
@@ -303,11 +329,11 @@
     "defaultMessage": "!!!You are using the latest version of Ferdi",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 118,
+      "line": 126,
       "column": 24
     },
     "end": {
-      "line": 121,
+      "line": 129,
       "column": 3
     }
   },
@@ -316,11 +342,11 @@
     "defaultMessage": "!!!Current version:",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 122,
+      "line": 130,
       "column": 18
     },
     "end": {
-      "line": 125,
+      "line": 133,
       "column": 3
     }
   },
@@ -329,11 +355,11 @@
     "defaultMessage": "!!!Changes require restart",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 126,
+      "line": 134,
       "column": 29
     },
     "end": {
-      "line": 129,
+      "line": 137,
       "column": 3
     }
   },
@@ -342,11 +368,11 @@
     "defaultMessage": "!!!Official translations are English & German. All other languages are community based translations.",
     "file": "src/components/settings/settings/EditSettingsForm.js",
     "start": {
-      "line": 130,
+      "line": 138,
       "column": 22
     },
     "end": {
-      "line": 133,
+      "line": 141,
       "column": 3
     }
   }
diff --git a/src/i18n/messages/src/containers/settings/EditSettingsScreen.json b/src/i18n/messages/src/containers/settings/EditSettingsScreen.json
index 54a8868bf..5ec8fdba7 100644
--- a/src/i18n/messages/src/containers/settings/EditSettingsScreen.json
+++ b/src/i18n/messages/src/containers/settings/EditSettingsScreen.json
@@ -234,15 +234,41 @@
     }
   },
   {
+    "id": "settings.app.form.universalDarkMode",
+    "defaultMessage": "!!!Enable universal Dark Mode",
+    "file": "src/containers/settings/EditSettingsScreen.js",
+    "start": {
+      "line": 101,
+      "column": 21
+    },
+    "end": {
+      "line": 104,
+      "column": 3
+    }
+  },
+  {
+    "id": "settings.app.form.accentColor",
+    "defaultMessage": "!!!Accent color",
+    "file": "src/containers/settings/EditSettingsScreen.js",
+    "start": {
+      "line": 105,
+      "column": 15
+    },
+    "end": {
+      "line": 108,
+      "column": 3
+    }
+  },
+  {
     "id": "settings.app.form.showDisabledServices",
     "defaultMessage": "!!!Display disabled services tabs",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 101,
+      "line": 109,
       "column": 24
     },
     "end": {
-      "line": 104,
+      "line": 112,
       "column": 3
     }
   },
@@ -251,11 +277,11 @@
     "defaultMessage": "!!!Show unread message badge when notifications are disabled",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 105,
+      "line": 113,
       "column": 29
     },
     "end": {
-      "line": 108,
+      "line": 116,
       "column": 3
     }
   },
@@ -264,11 +290,11 @@
     "defaultMessage": "!!!Enable spell checking",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 109,
+      "line": 117,
       "column": 23
     },
     "end": {
-      "line": 112,
+      "line": 120,
       "column": 3
     }
   },
@@ -277,11 +303,11 @@
     "defaultMessage": "!!!Enable GPU Acceleration",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 113,
+      "line": 121,
       "column": 25
     },
     "end": {
-      "line": 116,
+      "line": 124,
       "column": 3
     }
   },
@@ -290,11 +316,11 @@
     "defaultMessage": "!!!Include beta versions",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 117,
+      "line": 125,
       "column": 8
     },
     "end": {
-      "line": 120,
+      "line": 128,
       "column": 3
     }
   },
@@ -303,11 +329,11 @@
     "defaultMessage": "!!!Disable updates",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 121,
+      "line": 129,
       "column": 13
     },
     "end": {
-      "line": 124,
+      "line": 132,
       "column": 3
     }
   },
@@ -316,11 +342,11 @@
     "defaultMessage": "!!!Enable Franz Todos",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 125,
+      "line": 133,
       "column": 15
     },
     "end": {
-      "line": 128,
+      "line": 136,
       "column": 3
     }
   },
@@ -329,11 +355,11 @@
     "defaultMessage": "!!!Keep all workspaces loaded",
     "file": "src/containers/settings/EditSettingsScreen.js",
     "start": {
-      "line": 129,
+      "line": 137,
       "column": 27
     },
     "end": {
-      "line": 132,
+      "line": 140,
       "column": 3
     }
   }
diff --git a/src/index.js b/src/index.js
index 338a8e795..7a0e89285 100644
--- a/src/index.js
+++ b/src/index.js
@@ -10,10 +10,10 @@ import path from 'path';
 import windowStateKeeper from 'electron-window-state';
 
 // Set app directory before loading user modules
-if (process.env.FERDI_APPDATA_DIR != null) {
-  app.setPath('appData', process.env.FERDI_APPDATA_DIR);
-} else if (process.env.PORTABLE_EXECUTABLE_DIR != null) {
-  app.setPath('appData', process.env.PORTABLE_EXECUTABLE_DIR);
+if (process.env.FERDI_APPDATA_DIR || process.env.PORTABLE_EXECUTABLE_DIR) {
+  const appDataPath = process.env.FERDI_APPDATA_DIR || process.env.PORTABLE_EXECUTABLE_DIR;
+  app.setPath('appData', appDataPath);
+  app.setPath('userData', path.join(app.getPath('appData'), app.getName()));
 }
 if (isDevMode) {
   app.setPath('userData', path.join(app.getPath('appData'), `${app.getName()}Dev`));
@@ -147,6 +147,13 @@ const createWindow = () => {
   }
 
   // Create the browser window.
+  let backgroundColor = '#7367F0';
+  if (settings.get('accentColor') !== '#7367f0') {
+    backgroundColor = settings.get('accentColor');
+  } else if (settings.get('darkMode')) {
+    backgroundColor = '#1E1E1E';
+  }
+
   mainWindow = new BrowserWindow({
     x: posX,
     y: posY,
@@ -156,7 +163,7 @@ const createWindow = () => {
     minHeight: 500,
     titleBarStyle: isMac ? 'hidden' : '',
     frame: isLinux,
-    backgroundColor: !settings.get('darkMode') ? '#7367F0' : '#1E1E1E',
+    backgroundColor,
     webPreferences: {
       nodeIntegration: true,
       webviewTag: true,
diff --git a/src/scripts/build-theme-info.js b/src/scripts/build-theme-info.js
new file mode 100644
index 000000000..17b0fac85
--- /dev/null
+++ b/src/scripts/build-theme-info.js
@@ -0,0 +1,95 @@
+/**
+ * Script to get information on which selectors use the brand color.
+ * This is needed to provide the accent color feature - the feature will create CSS rules
+ * to overwrite the color of these selectors.
+ */
+const css = require('css');
+const fs = require('fs-extra');
+const path = require('path');
+
+// Colors that should be replaced with the accent color
+const accentColors = [
+  '#7367f0',
+  '#5e50ee',
+];
+
+const cssFile = path.join(__dirname, '../../', 'build', 'styles', 'main.css');
+const outputFile = path.join(__dirname, '../', 'assets', 'themeInfo.json');
+
+// Parse and extract the rules from a CSS stylesheet file
+async function getRulesFromCssFile(file) {
+  const cssSrc = (await fs.readFile(file)).toString();
+  const cssTree = css.parse(cssSrc);
+
+  return cssTree.stylesheet.rules;
+}
+
+/**
+ * Get all selectors from a list of parsed CSS rules that set any property to one of the specified
+ * values.
+ *
+ * This function will output an object in this format:
+ * {
+ *  'property-name': [ array of selectors ]
+ * }
+ *
+ * e.g.
+ * {
+ *  'background-color': [
+ *   '.background',
+ *   '.input-dark'
+ *  ]
+ * }
+ *
+ * @param {Array} rules Rules as outputted by the `css` module
+ * @param {Array} values Array of values that should be searched for
+ */
+function getSelectorsDeclaringValues(rules, values) {
+  const output = {};
+
+  rules.forEach((rule) => {
+    if (rule.declarations) {
+      rule.declarations.forEach((declaration) => {
+        if (declaration.type === 'declaration'
+            && values.includes(declaration.value.toLowerCase())) {
+          if (!output[declaration.property]) {
+            output[declaration.property] = [];
+          }
+          output[declaration.property] = output[declaration.property].concat(rule.selectors);
+        }
+      });
+    }
+  });
+
+  return output;
+}
+
+async function generateThemeInfo() {
+  if (!await fs.pathExists(cssFile)) {
+    console.log('Please make sure to build the project first.');
+    return;
+  }
+
+  // Read and parse css bundle
+  const rules = await getRulesFromCssFile(cssFile);
+
+  console.log(`Found ${rules.length} rules`);
+
+  // Get rules specifying the brand colors
+  const brandRules = getSelectorsDeclaringValues(rules, accentColors);
+
+  console.log(`Found ${Object.keys(brandRules).join(', ')} properties that set color to brand color`);
+
+  // Join array of declarations into a single string
+  Object.keys(brandRules).forEach((rule) => {
+    brandRules[rule] = brandRules[rule].join(', ');
+  });
+
+  // Write object with theme info to file
+  fs.writeFile(
+    outputFile,
+    JSON.stringify(brandRules),
+  );
+}
+
+generateThemeInfo();
diff --git a/src/stores/FeaturesStore.js b/src/stores/FeaturesStore.js
index c39b6d7f3..3d9542245 100644
--- a/src/stores/FeaturesStore.js
+++ b/src/stores/FeaturesStore.js
@@ -20,6 +20,7 @@ import settingsWS from '../features/settingsWS';
 import serviceLimit from '../features/serviceLimit';
 import communityRecipes from '../features/communityRecipes';
 import todos from '../features/todos';
+import accentColor from '../features/accentColor';
 
 import { DEFAULT_FEATURES_CONFIG } from '../config';
 
@@ -83,5 +84,6 @@ export default class FeaturesStore extends Store {
     serviceLimit(this.stores, this.actions);
     communityRecipes(this.stores, this.actions);
     todos(this.stores, this.actions);
+    accentColor(this.stores, this.actions);
   }
 }
diff --git a/src/stores/RecipesStore.js b/src/stores/RecipesStore.js
index 7f91049df..8b2bde5df 100644
--- a/src/stores/RecipesStore.js
+++ b/src/stores/RecipesStore.js
@@ -108,7 +108,7 @@ export default class RecipesStore extends Store {
   async _checkIfRecipeIsInstalled() {
     const { router } = this.stores;
 
-    const match = matchRoute('/settings/services/add/:id', router.location.pathname);
+    const match = router.location && matchRoute('/settings/services/add/:id', router.location.pathname);
     if (match) {
       const recipeId = match.id;
 
diff --git a/src/stores/ServicesStore.js b/src/stores/ServicesStore.js
index 1bf32af9f..185a6f0ae 100644
--- a/src/stores/ServicesStore.js
+++ b/src/stores/ServicesStore.js
@@ -1,3 +1,4 @@
+import { shell } from 'electron';
 import {
   action,
   reaction,
@@ -6,12 +7,15 @@ import {
 } from 'mobx';
 import { remove } from 'lodash';
 import ms from 'ms';
+import fs from 'fs-extra';
+import path from 'path';
 
 import Store from './lib/Store';
 import Request from './lib/Request';
 import CachedRequest from './lib/CachedRequest';
 import { matchRoute } from '../helpers/routing-helpers';
 import { isInTimeframe } from '../helpers/schedule-helpers';
+import { getRecipeDirectory, getDevRecipeDirectory } from '../helpers/recipe-helpers';
 import { workspaceStore } from '../features/workspaces';
 import { serviceLimitStore } from '../features/serviceLimit';
 import { RESTRICTION_TYPES } from '../models/Service';
@@ -52,6 +56,7 @@ export default class ServicesStore extends Store {
     this.actions.service.createFromLegacyService.listen(this._createFromLegacyService.bind(this));
     this.actions.service.updateService.listen(this._updateService.bind(this));
     this.actions.service.deleteService.listen(this._deleteService.bind(this));
+    this.actions.service.openDarkmodeCss.listen(this._openDarkmodeCss.bind(this));
     this.actions.service.clearCache.listen(this._clearCache.bind(this));
     this.actions.service.setWebviewReference.listen(this._setWebviewReference.bind(this));
     this.actions.service.detachService.listen(this._detachService.bind(this));
@@ -107,6 +112,11 @@ export default class ServicesStore extends Store {
       () => this.stores.settings.app.darkMode,
       () => this._shareSettingsWithServiceProcess(),
     );
+
+    reaction(
+      () => this.stores.settings.app.universalDarkMode,
+      () => this._shareSettingsWithServiceProcess(),
+    );
   }
 
   @computed get all() {
@@ -316,6 +326,27 @@ export default class ServicesStore extends Store {
     this.actionStatus = request.result.status;
   }
 
+  @action async _openDarkmodeCss({ recipe }) {
+    // Get directory for recipe
+    const normalDirectory = getRecipeDirectory(recipe);
+    const devDirectory = getDevRecipeDirectory(recipe);
+    let directory;
+
+    if (await fs.pathExists(normalDirectory)) {
+      directory = normalDirectory;
+    } else if (await fs.pathExists(devDirectory)) {
+      directory = devDirectory;
+    } else {
+      // Recipe cannot be found on drive
+      return;
+    }
+
+    // Create and open darkmode.css
+    const file = path.join(directory, 'darkmode.css');
+    await fs.ensureFile(file);
+    shell.showItemInFolder(file);
+  }
+
   @action async _clearCache({ serviceId }) {
     this.clearCacheRequest.reset();
     const request = this.clearCacheRequest.execute(serviceId);
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index b18bd6dcf..a7de4b247 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -2,6 +2,18 @@
 
 html { overflow: hidden; }
 
+@keyframes pulse-danger {
+  0% {
+    background: darken($theme-brand-danger, 10%);
+  }
+  50% {
+    background: lighten($theme-brand-danger, 10%);
+  }
+  100% {
+    background: darken($theme-brand-danger, 10%);
+  }
+}
+
 .theme__dark .app {
   .sidebar {
     background: $dark-theme-gray-darker;
@@ -26,6 +38,27 @@ html { overflow: hidden; }
       &.is-active {
         color: $theme-brand-primary;
       }
+
+      .update-availible { 
+        align-items: center;
+        background: $theme-brand-danger;
+        border-radius: 20px;
+        bottom: 5px;
+        color: #FFF;
+        display: flex;
+        justify-content: center;
+        padding: 0px 5px;
+        position: absolute;
+        right: 16px;
+        padding-top: 0;
+        font-size: 0px;
+        min-height: 15px;
+        min-width: 15px;
+
+        animation-name: pulse-danger;
+        animation-duration: 0.75s;
+        animation-iteration-count: 6;
+      }
     }
   }
 
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index 87d401215..b1e148ca0 100644
--- a/src/styles/radio.scss
+++ b/src/styles/radio.scss
@@ -30,7 +30,9 @@
 
     &.is-selected {
       background: #FFF;
-      border: 2px solid $theme-brand-primary;
+      border-width: 2px;
+      border-style: solid;
+      border-color: $theme-brand-primary;
       color: $theme-brand-primary;
     }
 
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index bb95ab5d2..753288b8d 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -59,7 +59,9 @@
 
     .premium-info {
       background: $dark-theme-gray-darker;
-      border: 2px solid $theme-brand-primary;
+      border-width: 2px;
+      border-style: solid;
+      border-color: $theme-brand-primary;
     }
     .legal { color: $theme-gray-light; }
   }
@@ -170,7 +172,9 @@
     }
 
     .separator {
-      border-right: 1px solid darken($theme-brand-primary, 8%);
+      border-right-width: 1px;
+      border-right-style: solid;
+      border-right-color: $theme-brand-primary;
       height: 100%;
       margin: 0 15px;
       transform: skew(15deg) rotate(2deg);
@@ -224,7 +228,7 @@
 
   .settings__close {
     background: $theme-brand-primary;
-    border-left: 1px solid darken($theme-brand-primary, 8%);
+    // border-left: 1px solid darken($theme-brand-primary, 8%);
     color: #FFF;
     font-size: 20px;
     height: 50px;
@@ -233,7 +237,9 @@
     right: 0;
     transition: background $theme-transition-time;
     border-top-right-radius: $theme-border-radius;
+    cursor: pointer;
 
+    &::before { cursor: pointer; }
     &:hover { background: darken($theme-brand-primary, 5%); }
   }
 
@@ -296,6 +302,7 @@
   }
 
   .settings__delete-button { right: 0; }
+  .settings__open-dark-mode-button { right: 0; cursor:pointer; }
 
   .settings__empty-state {
     align-items: center;
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index ee0858687..e500830ed 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -34,7 +34,9 @@
 
   &.is-active {
     background: lighten($theme-brand-primary, 35%);
-    border-left: 4px solid $theme-brand-primary;
+    border-left-width: 4px;
+    border-left-style: solid;
+    border-left-color: $theme-brand-primary;
 
     .tab-item__icon { margin-left: -4px; }
   }
diff --git a/src/styles/type.scss b/src/styles/type.scss
index 1b3a905ef..636b8fd36 100644
--- a/src/styles/type.scss
+++ b/src/styles/type.scss
@@ -39,7 +39,9 @@ a, button {
 
   &.button {
     background: none;
-    border: 2px solid $theme-brand-primary;
+    border-width: 2px;
+    border-style: solid;
+    border-color: $theme-brand-primary;
     border-radius: 3px;
     color: $theme-brand-primary;
     display: inline-block;
diff --git a/src/webview/darkmode/custom.js b/src/webview/darkmode/custom.js
new file mode 100644
index 000000000..f767f5755
--- /dev/null
+++ b/src/webview/darkmode/custom.js
@@ -0,0 +1,22 @@
+// CSS for pages that need custom styles to work correctly in darkmode
+export default {
+  'web.whatsapp.com': `
+    div.landing-window > div.landing-main {
+      background-color: #FFFFFF !important;
+    }
+    div.landing-window > div.landing-main * {
+      color: #212121 !important;
+    }
+  `,
+  'web.threema.ch': `
+    .scan {
+      background-color: #FFF;
+    }
+    .scan * {
+      color: #212121;
+    }
+    .scan input.md-input {
+      color: #212121;
+    }
+  `,
+};
diff --git a/src/webview/recipe.js b/src/webview/recipe.js
index 3f2338b68..ddfd0e139 100644
--- a/src/webview/recipe.js
+++ b/src/webview/recipe.js
@@ -10,6 +10,7 @@ import {
 } from 'darkreader';
 
 import ignoreList from './darkmode/ignore';
+import customDarkModeCss from './darkmode/custom';
 
 import RecipeWebview from './lib/RecipeWebview';
 
@@ -42,6 +43,8 @@ class RecipeController {
     'get-service-id': 'serviceIdEcho',
   };
 
+  universalDarkModeInjected = false;
+
   constructor() {
     this.initialize();
   }
@@ -117,7 +120,7 @@ class RecipeController {
       }
     }
 
-    if (this.settings.service.isDarkModeEnabled || this.settings.app.darkMode) {
+    if (this.settings.service.isDarkModeEnabled) {
       debug('Enable dark mode');
 
       // Check if recipe has a darkmode.css
@@ -126,9 +129,12 @@ class RecipeController {
 
       if (darkModeExists) {
         injectDarkModeStyle(this.settings.service.recipe.path);
-      } else if (!ignoreList.includes(window.location.host)) {
+      } else if (this.settings.app.universalDarkMode && !ignoreList.includes(window.location.host)) {
         // Use darkreader instead
-        enableDarkMode();
+        enableDarkMode({}, {
+          css: customDarkModeCss[window.location.host] || '',
+        });
+        this.universalDarkModeInjected = true;
       }
     } else {
       debug('Remove dark mode');
@@ -137,8 +143,15 @@ class RecipeController {
         removeDarkModeStyle();
       } else {
         disableDarkMode();
+        this.universalDarkModeInjected = false;
       }
     }
+
+    // Remove dark reader if (universal) dark mode was just disabled
+    if (this.universalDarkModeInjected && (!this.settings.service.isDarkModeEnabled || !this.settings.app.universalDarkMode)) {
+      disableDarkMode();
+      this.universalDarkModeInjected = false;
+    }
   }
 
   updateAppSettings(event, data) {
diff --git a/src/webview/spellchecker.js b/src/webview/spellchecker.js
index 27380676d..1cb449110 100644
--- a/src/webview/spellchecker.js
+++ b/src/webview/spellchecker.js
@@ -96,7 +96,7 @@ export function isEnabled() {
 
 export function disable() {
   if (isEnabled()) {
-    webFrame.setSpellCheckProvider(currentDict, true, { spellCheck: () => true });
+    webFrame.setSpellCheckProvider(currentDict, { spellCheck: () => true });
     _isEnabled = false;
     currentDict = null;
   }