4 files changed, 61 insertions, 8 deletions

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,