5 files changed, 22 insertions, 2 deletions

diff --git a/src/api/server/ServerApi.js b/src/api/server/ServerApi.js
index 164bc237b..627425948 100644
--- a/src/api/server/ServerApi.js
+++ b/src/api/server/ServerApi.js
@@ -458,7 +458,7 @@ export default class ServerApi {
 
   // News
   async getLatestNews() {
-    const url = `${apiBase()}/news?platform=${os.platform()}&arch=${os.arch()}&version=${app.getVersion()}`;
+    const url = `https://api.getferdi.com/v1/news?platform=${os.platform()}&arch=${os.arch()}&version=${app.getVersion()}`;
     const request = await sendAuthRequest(url);
     if (!request.ok) throw request;
     const data = await request.json();
@@ -468,7 +468,7 @@ export default class ServerApi {
   }
 
   async hideNews(id) {
-    const request = await sendAuthRequest(`${apiBase()}/news/${id}/read`);
+    const request = await sendAuthRequest(`https://api.getferdi.com/v1/news/${id}/read`);
     if (!request.ok) throw request;
     debug('ServerApi::hideNews resolves', id);
   }
diff --git a/src/features/accentColor/index.js b/src/features/accentColor/index.js
index a0f57a2fa..90fbcab43 100644
--- a/src/features/accentColor/index.js
+++ b/src/features/accentColor/index.js
@@ -4,6 +4,15 @@ import { DEFAULT_APP_SETTINGS } from '../../config';
 
 const STYLE_ELEMENT_ID = 'accent-color';
 
+// Additional styles needed to make accent colors work properly
+// "[ACCENT]" will be replaced with the accent color
+const ADDITIONAL_STYLES = `
+.franz-form__button {
+  background: inherit !important;
+  border: 2px solid [ACCENT] !important;
+}
+`;
+
 function createAccentStyleElement() {
   const styles = document.createElement('style');
   styles.id = STYLE_ELEMENT_ID;
@@ -13,6 +22,7 @@ function createAccentStyleElement() {
 
 function setAccentStyle(style) {
   const styleElement = document.getElementById(STYLE_ELEMENT_ID);
+
   styleElement.innerHTML = style;
 }
 
@@ -27,6 +37,8 @@ function generateAccentStyle(color) {
     `;
   });
 
+  style += ADDITIONAL_STYLES.replace(/\[ACCENT\]/g, color);
+
   return style;
 }
 
diff --git a/src/index.html b/src/index.html
index 7f223b662..31e8aa553 100644
--- a/src/index.html
+++ b/src/index.html
@@ -14,6 +14,7 @@
   <script>
     document.querySelector('body').classList.add(process.env.OS_PLATFORM ? process.env.OS_PLATFORM : process.platform);
 
+    require('./sentry')
     const { isDevMode } = require('./environment');
     if (isDevMode) {
       const debugging = require('debug');
diff --git a/src/index.js b/src/index.js
index 3453b46f7..bc3c9555a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -39,6 +39,7 @@ import handleDeepLink from './electron/deepLinking';
 import { isPositionValid } from './electron/windowUtils';
 import { appId } from './package.json'; // eslint-disable-line import/no-unresolved
 import './electron/exception';
+import './sentry';
 
 import {
   DEFAULT_APP_SETTINGS,
@@ -173,6 +174,7 @@ const createWindow = () => {
     webPreferences: {
       nodeIntegration: true,
       webviewTag: true,
+      preload: path.join(__dirname, 'sentry.js')
     },
   });
 
diff --git a/src/sentry.js b/src/sentry.js
new file mode 100644
index 000000000..4f6d7205d
--- /dev/null
+++ b/src/sentry.js
@@ -0,0 +1,5 @@
+import * as Sentry from '@sentry/electron';
+
+Sentry.init({
+  dsn: 'https://f3d022fbcf6243a68a58d681c2122ee4@sentry.io/1803053',
+});