From 20e7f90bae087a74380352e06786122055ba18e3 Mon Sep 17 00:00:00 2001
From: Kolja Lampe <razzeee@gmail.com>
Date: Sat, 21 May 2016 20:58:59 +0200
Subject: [PATCH] Use a fitting border color for the taskbar badge status

---
 src/browser/index.jsx   | 4 ++--
 src/browser/js/badge.js | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/browser/index.jsx b/src/browser/index.jsx
index 5e706109..6b75658a 100644
--- a/src/browser/index.jsx
+++ b/src/browser/index.jsx
@@ -461,10 +461,10 @@ var showUnreadBadgeWindows = function(unreadCount, mentionCount) {
   };
 
   if (mentionCount > 0) {
-    const dataURL = badge.createDataURL(mentionCount.toString(), "#FF1744"); // Material Red A400
+    const dataURL = badge.createDataURL(mentionCount.toString(), "#FF1744", "#580817"); // Material Red A400
     sendBadge(dataURL, 'You have unread mention (' + mentionCount + ')');
   } else if (unreadCount > 0) {
-    const dataURL = badge.createDataURL('•', "#00e5ff"); // Material Cyan A400
+    const dataURL = badge.createDataURL('•', "#00e5ff", "#06545D"); // Material Cyan A400
     sendBadge(dataURL, 'You have unread channels');
   } else {
     sendBadge(null, 'You have no unread messages');
diff --git a/src/browser/js/badge.js b/src/browser/js/badge.js
index 0dfaf95f..9cf48dba 100644
--- a/src/browser/js/badge.js
+++ b/src/browser/js/badge.js
@@ -1,6 +1,6 @@
 'use strict';
 
-var createDataURL = function(text, color) {
+var createDataURL = function(text, color, circleColor) {
   const scale = 2; // should rely display dpi
   const size = 16 * scale;
   const canvas = document.createElement('canvas');
@@ -13,6 +13,8 @@ var createDataURL = function(text, color) {
   ctx.beginPath();
   ctx.arc(size / 2, size / 2, size / 2, 0, Math.PI * 2);
   ctx.fill();
+  ctx.lineWidth = 2;
+  ctx.strokeStyle = circleColor;
   ctx.stroke();
 
   // text