From 9789d4985a658bec23be2f43f8c26b83d146900d Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 15 Nov 2016 17:40:07 +0100
Subject: [PATCH] add dark background fade to icons to make them visible on
 light backgrounds

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 core/css/icons.css                    |  6 +++---
 core/img/actions/audio-white.svg      | 10 ++++++++--
 core/img/actions/fullscreen-white.svg |  8 +++++++-
 core/img/actions/video-white.svg      |  8 +++++++-
 4 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/core/css/icons.css b/core/css/icons.css
index e6a777331d2..c82466189c1 100644
--- a/core/css/icons.css
+++ b/core/css/icons.css
@@ -118,7 +118,7 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-
 	background-image: url('../img/actions/audio.svg?v=1');
 }
 .icon-audio-white {
-	background-image: url('../img/actions/audio-white.svg?v=1');
+	background-image: url('../img/actions/audio-white.svg?v=2');
 }
 
 .icon-caret {
@@ -196,7 +196,7 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-
 	background-image: url('../img/actions/fullscreen.svg?v=1');
 }
 .icon-fullscreen-white {
-	background-image: url('../img/actions/fullscreen-white.svg?v=1');
+	background-image: url('../img/actions/fullscreen-white.svg?v=2');
 }
 
 .icon-history {
@@ -334,7 +334,7 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-
 	background-image: url('../img/actions/video.svg?v=1');
 }
 .icon-video-white {
-	background-image: url('../img/actions/video-white.svg?v=1');
+	background-image: url('../img/actions/video-white.svg?v=2');
 }
 
 .icon-view-close {
diff --git a/core/img/actions/audio-white.svg b/core/img/actions/audio-white.svg
index dc12a026ad2..ac5d888a51c 100644
--- a/core/img/actions/audio-white.svg
+++ b/core/img/actions/audio-white.svg
@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
- <path d="m8 1c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm-4 4c-0.554 0-1 0.446-1 1v1c0 2.4272 1.7126 4.439 4 4.9v1.1h-2v2h6v-2h-2v-1.1c2.287-0.461 4-2.4728 4-4.9v-1c0-0.554-0.446-1-1-1s-1 0.446-1 1v1c0 1.662-1.338 3-3 3s-3-1.338-3-3v-1c0-0.554-0.446-1-1-1z" fill-rule="evenodd" fill="#fff"/>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
+ <defs>
+  <filter id="a" style="color-interpolation-filters:sRGB" height="1.3086" width="1.432" y="-.15429" x="-0.216">
+   <feGaussianBlur stdDeviation="0.90000044"/>
+  </filter>
+ </defs>
+ <path opacity=".5" d="m8 1c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm-4 4c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 4 4.9v1.1h-2v2h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.554-0.446-1-1-1s-1 0.446-1 1v1c0 1.662-1.338 3-3 3s-3-1.338-3-3v-1c0-0.554-0.446-1-1-1z" fill-rule="evenodd" filter="url(#a)"/>
+ <path fill="#fff" d="m8 1c-1.108 0-2 0.892-2 2v4c0 1.108 0.892 2 2 2s2-0.892 2-2v-4c0-1.108-0.892-2-2-2zm-4 4c-0.554 0-1 0.446-1 1v1a4.988 4.988 0 0 0 4 4.9v1.1h-2v2h6v-2h-2v-1.1c2.287-0.46 4-2.473 4-4.9v-1c0-0.554-0.446-1-1-1s-1 0.446-1 1v1c0 1.662-1.338 3-3 3s-3-1.338-3-3v-1c0-0.554-0.446-1-1-1z" fill-rule="evenodd"/>
 </svg>
diff --git a/core/img/actions/fullscreen-white.svg b/core/img/actions/fullscreen-white.svg
index 77052945fb2..887cd99ee5f 100644
--- a/core/img/actions/fullscreen-white.svg
+++ b/core/img/actions/fullscreen-white.svg
@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
- <path d="m8 1c-0.554 0-1 0.446-1 1s0.446 1 1 1h5v5c0 0.554 0.446 1 1 1s1-0.446 1-1v-6c0-0.554-0.446-1-1-1h-6zm-6 6c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-5v-5c0-0.554-0.446-1-1-1z" fill-rule="evenodd" fill="#fff"/>
+ <defs>
+  <filter id="a" style="color-interpolation-filters:sRGB" height="1.36" width="1.36" y="-.18" x="-.18">
+   <feGaussianBlur stdDeviation="1.05"/>
+  </filter>
+ </defs>
+ <path opacity=".5" d="m8 1c-0.554 0-1 0.446-1 1s0.446 1 1 1h5v5c0 0.554 0.446 1 1 1s1-0.446 1-1v-6c0-0.554-0.446-1-1-1h-6zm-6 6c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-5v-5c0-0.554-0.446-1-1-1z" fill-rule="evenodd" filter="url(#a)"/>
+ <path fill-rule="evenodd" fill="#fff" d="m8 1c-0.554 0-1 0.446-1 1s0.446 1 1 1h5v5c0 0.554 0.446 1 1 1s1-0.446 1-1v-6c0-0.554-0.446-1-1-1h-6zm-6 6c-0.554 0-1 0.446-1 1v6c0 0.554 0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-5v-5c0-0.554-0.446-1-1-1z"/>
 </svg>
diff --git a/core/img/actions/video-white.svg b/core/img/actions/video-white.svg
index 0719ef024ed..59dc1b25321 100644
--- a/core/img/actions/video-white.svg
+++ b/core/img/actions/video-white.svg
@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16">
+ <defs>
+  <filter id="a" style="color-interpolation-filters:sRGB" height="1.432" width="1.3086" y="-.216" x="-.15429">
+   <feGaussianBlur stdDeviation="0.9"/>
+  </filter>
+ </defs>
+ <path opacity=".5" d="m3 3c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h6c1.108 0 2-0.892 2-2v-1.334l4 3.334v-10l-4 3.334v-1.334c0-1.108-0.892-2-2-2z" filter="url(#a)"/>
  <path d="m3 3c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h6c1.108 0 2-0.892 2-2v-1.334l4 3.334v-10l-4 3.334v-1.334c0-1.108-0.892-2-2-2z" fill="#fff"/>
 </svg>