Electron-134 - Updated logos

2024-11-23 01:16:24 -06:00 · 2017-09-27 19:00:39 +05:30 · 2017-09-27 19:00:39 +05:30 · b94dbdef68
commit b94dbdef68
parent 3aadfeeff0
5 changed files with 49 additions and 100 deletions
--- a/js/notify/assets/symphony-logo-black.png
+++ b/js/notify/assets/symphony-logo-black.png
--- a/js/notify/assets/symphony-logo-white.png
+++ b/js/notify/assets/symphony-logo-white.png
--- a/js/notify/electron-notify-preload.js
+++ b/js/notify/electron-notify-preload.js
@ -78,6 +78,45 @@ function setContents(event, notificationObj) {

    if (notificationObj.color) {
        container.style.backgroundColor = notificationObj.color;
+
+        if (notificationObj.color.match(/^(?:white|#fff(?:fff)?|rgba?\(\s*255\s*,\s*255\s*,\s*255\s*(?:,\s*1\s*)?\))$/i)) {
+            let logo = notiDoc.getElementById('symphony-logo');
+            logo.src = './assets/symphony-logo-black.png';
+        } else {
+
+            let logo = notiDoc.getElementById('symphony-logo');
+            let title = notiDoc.getElementById('title');
+            let pod = notiDoc.getElementById('pod');
+            let message = notiDoc.getElementById('message');
+
+            message.style.color = '#ffffff';
+            title.style.color = '#ffffff';
+            logo.src = './assets/symphony-logo-white.png';
+
+            switch (notificationObj.color){
+                case '#ecc96f':
+                    pod.style.color = '#917630';
+                    break;
+                case '#a2bf73':
+                    pod.style.color = '#5c6f3e';
+                    break;
+                case '#52c5ff':
+                    pod.style.color = '#397797';
+                    break;
+                case '#edac50':
+                    pod.style.color = '#8e6428';
+                    break;
+                case '#b76069':
+                    pod.style.color = '#6d2930';
+                    break;
+                case '#ac8dae':
+                    pod.style.color = '#553a57';
+                    break;
+                default:
+                    pod.style.color = '#adadad';
+                    break;
+            }
+        }
    }

    if (notificationObj.flash) {
--- a/js/notify/electron-notify.html
+++ b/js/notify/electron-notify.html
@ -3,97 +3,7 @@
 <body style='margin:0; overflow: hidden; -webkit-user-select: none;'>
 <div id="container">
    <div style="overflow: hidden; position: absolute; transform: translate(-25px, 10px);">
-        <?xml version="1.0" encoding="utf-8"?>
-        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
-            <image overflow="visible" width="122" height="121" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAB5CAYAAAD2zTVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
-            bWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
-            bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
-            eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0
-            NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
-            dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
-            dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
-            IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
-            ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
-            cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFu
-            Y2VJRD0ieG1wLmlpZDozRjBDRTQ3OTk2MDIxMUU3ODgxMTk2NjFEMURDMTk3RSIgeG1wTU06RG9j
-            dW1lbnRJRD0ieG1wLmRpZDozRjBDRTQ3QTk2MDIxMUU3ODgxMTk2NjFEMURDMTk3RSI+IDx4bXBN
-            TTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNGMENFNDc3OTYwMjExRTc4
-            ODExOTY2MUQxREMxOTdFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNGMENFNDc4OTYwMjEx
-            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" transform="matrix(0.5246 0 0 0.5246 0 0.2622)">
-            </image>
-        </svg>
+        <img src="" id="symphony-logo">
    </div>
    <div id="header">
 		<span id="title"></span>
@ -103,12 +13,12 @@
    <div id="picture">
        <img src="" id="image" />
    </div>
-	<!--<div id="close">
+	<div id="close">
 		<svg fill="#000000" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg">
 		    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
 		    <path d="M0 0h24v24H0z" fill="none"></path>
 		</svg>
-	</div>-->
+	</div>
 </div>
 </body>
 </html>
--- a/js/notify/electron-notify.js
+++ b/js/notify/electron-notify.js
@ -57,7 +57,7 @@ let config = {
    startCorner: 'upper-right',
    width: 370,
    height: 70,
-    borderRadius: 2,
+    borderRadius: 5,
    displayTime: 5000,
    animationSteps: 5,
    animationStepMs: 5,
@ -98,10 +98,10 @@ let config = {
        color: '#CCC'
    },
    defaultStyleTitle: {
-        fontFamily: 'Lato-Bold',
+        fontFamily: 'Lato-Bold, san-serif',
        fontSize: 14,
        fontWeight: 700,
-        color: '#ffffff',
+        color: '#4a4a4a',
        marginLeft: 52,
        overflow: 'hidden',
        display: '-webkit-box',
@ -109,9 +109,9 @@ let config = {
        webkitBoxOrient: 'vertical',
    },
    defaultStylePod: {
-        fontFamily: 'Lato-Regular',
+        fontFamily: 'Lato-Regular, san-serif',
        fontSize: 11,
-        color: '#397797',
+        color: '#adadad',
        marginLeft: 52,
        overflow: 'hidden',
        display: '-webkit-box',
@ -119,9 +119,9 @@ let config = {
        webkitBoxOrient: 'vertical',
    },
    defaultStyleText: {
-        fontFamily: 'Lato-Regular',
+        fontFamily: 'Lato-Regular, san-serif',
        fontSize: 12,
-        color: '#ffffff',
+        color: '#4a4a4a',
        marginTop: 6,
        marginRight: 52,
        marginLeft: 52,