From 70953fa7888165b8a6352b2eae6db0ecfd1d169e Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Tue, 28 Nov 2017 10:56:28 +0100
Subject: [PATCH 1/5] Add new .icon-white and .icon-shadow classes, add
 toggle-background icon

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 core/css/icons.scss                    | 47 ++++++++++++++++++++------
 core/css/variables.scss                |  2 +-
 core/img/actions/toggle-background.svg |  1 +
 3 files changed, 39 insertions(+), 11 deletions(-)
 create mode 100644 core/img/actions/toggle-background.svg

diff --git a/core/css/icons.scss b/core/css/icons.scss
index 87fb835f67771..5f1d8af78997c 100644
--- a/core/css/icons.scss
+++ b/core/css/icons.scss
@@ -90,7 +90,14 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 }
 
 .icon-shadow {
-	filter: drop-shadow(0 1px 3px $color-box-shadow);
+	filter: drop-shadow(1px 1px 4px $color-box-shadow);
+	&.icon-white {
+		filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
+	}
+}
+
+.icon-white {
+	filter: invert(100%);
 }
 
 /* ICONS -------------------------------------------------------------------- */
@@ -106,16 +113,20 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-image: url('../img/actions/audio.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-audio.icon-white.icon-shadow */
 .icon-audio-white {
-	background-image: url('../img/actions/audio-white.svg?v=2');
+	background-image: url('../img/actions/audio.svg?v=2');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-audio-off {
 	background-image: url('../img/actions/audio-off.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-audio-off.icon-white.icon-shadow */
 .icon-audio-off-white {
-	background-image: url('../img/actions/audio-off-white.svg?v=1');
+	background-image: url('../img/actions/audio-off.svg?v=1');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-caret {
@@ -171,6 +182,7 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	}
 	&:hover, &:focus {
 		background-image: url('../img/actions/delete-hover.svg?v=1');
+		filter: initial;
 	}
 }
 
@@ -222,8 +234,10 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-image: url('../img/actions/fullscreen.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-fullscreen.icon-white.icon-shadow */
 .icon-fullscreen-white {
-	background-image: url('../img/actions/fullscreen-white.svg?v=2');
+	background-image: url('../img/actions/fullscreen.svg?v=1');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-history {
@@ -294,16 +308,20 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-image: url('../img/actions/screen.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-screen.icon-white.icon-shadow */
 .icon-screen-white {
-	background-image: url('../img/actions/screen-white.svg?v=1');
+	background-image: url('../img/actions/screen.svg?v=1');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-screen-off {
 	background-image: url('../img/actions/screen-off.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-screen-off.icon-white.icon-shadow */
 .icon-screen-off-white {
-	background-image: url('../img/actions/screen-off-white.svg?v=1');
+	background-image: url('../img/actions/screen-off.svg?v=1');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-search {
@@ -373,6 +391,10 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-image: url('../img/actions/toggle.svg?v=1');
 }
 
+.icon-toggle-background {
+	background-image: url('../img/actions/toggle-background.svg?v=1');
+}
+
 .icon-toggle-pictures {
 	background-image: url('../img/actions/toggle-pictures.svg?v=1');
 }
@@ -405,16 +427,20 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-image: url('../img/actions/video.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-video-off.icon-white.icon-shadow */
 .icon-video-white {
-	background-image: url('../img/actions/video-white.svg?v=2');
+	background-image: url('../img/actions/video.svg?v=2');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-video-off {
 	background-image: url('../img/actions/video-off.svg?v=1');
 }
 
+/* TODO: to be deprecated; use .icon-video-off.icon-white.icon-shadow */
 .icon-video-off-white {
-	background-image: url('../img/actions/video-off-white.svg?v=1');
+	background-image: url('../img/actions/video-off.svg?v=1');
+	filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 .icon-view-close {
@@ -426,7 +452,7 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 }
 
 .icon-view-next {
-	background-image: url('../img/actions/view-next.svg?v=1');
+	background-image: url('../img/actions/arrow-right.svg?v=1');
 }
 
 .icon-view-pause {
@@ -438,13 +464,14 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 }
 
 .icon-view-previous {
-	background-image: url('../img/actions/view-previous.svg?v=1');
+	background-image: url('../img/actions/arrow-left.svg?v=1');
 }
 
 /* PLACES ------------------------------------------------------------------- */
 .icon-calendar {
 	background-image: url('../img/places/calendar.svg?v=1');
 }
+
 .icon-calendar-dark {
 	background-image: url('../img/places/calendar-dark.svg?v=1');
 }
diff --git a/core/css/variables.scss b/core/css/variables.scss
index 86a348c24f7aa..edeebd5403fc9 100644
--- a/core/css/variables.scss
+++ b/core/css/variables.scss
@@ -20,6 +20,6 @@ $image-login-background: '../img/background.png?v=2';
 
 $color-loading: #969696;
 $color-loading-dark: #bbbbbb;
-$color-box-shadow: rgba(nc-darken($color-main-background, 30%), 0.75);
+$color-box-shadow: rgba(nc-darken($color-main-background, 70%), 0.75);
 $color-border: nc-darken($color-main-background, 8%);
 $border-radius: 3px;
diff --git a/core/img/actions/toggle-background.svg b/core/img/actions/toggle-background.svg
new file mode 100644
index 0000000000000..9b56627e3945c
--- /dev/null
+++ b/core/img/actions/toggle-background.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" height="16" width="16" version="1.1"><path d="m8 1c-3.85 0-7 3.15-7 7s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7zm0 2v10a5 5 0 0 1 -5 -5 5 5 0 0 1 5 -5z"/></svg>

From dd8bfe5d365a2fd3a7f581cd1527e3f6985742da Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Tue, 28 Nov 2017 10:59:22 +0100
Subject: [PATCH 2/5] Remove deprecated white, shaded icons

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 core/img/actions/audio-off-white.svg  | 1 -
 core/img/actions/audio-white.svg      | 1 -
 core/img/actions/fullscreen-white.svg | 1 -
 core/img/actions/screen-off-white.svg | 1 -
 core/img/actions/screen-white.svg     | 1 -
 core/img/actions/video-off-white.svg  | 1 -
 core/img/actions/video-white.svg      | 1 -
 core/img/actions/view-close.svg       | 1 -
 core/img/actions/view-download.svg    | 1 -
 core/img/actions/view-next.svg        | 1 -
 core/img/actions/view-pause.svg       | 1 -
 core/img/actions/view-play.svg        | 1 -
 core/img/actions/view-previous.svg    | 1 -
 13 files changed, 13 deletions(-)
 delete mode 100644 core/img/actions/audio-off-white.svg
 delete mode 100644 core/img/actions/audio-white.svg
 delete mode 100644 core/img/actions/fullscreen-white.svg
 delete mode 100644 core/img/actions/screen-off-white.svg
 delete mode 100644 core/img/actions/screen-white.svg
 delete mode 100644 core/img/actions/video-off-white.svg
 delete mode 100644 core/img/actions/video-white.svg
 delete mode 100644 core/img/actions/view-close.svg
 delete mode 100644 core/img/actions/view-download.svg
 delete mode 100644 core/img/actions/view-next.svg
 delete mode 100644 core/img/actions/view-pause.svg
 delete mode 100644 core/img/actions/view-play.svg
 delete mode 100644 core/img/actions/view-previous.svg

diff --git a/core/img/actions/audio-off-white.svg b/core/img/actions/audio-off-white.svg
deleted file mode 100644
index d0699a959d0cb..0000000000000
--- a/core/img/actions/audio-off-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path fill="#fff" d="m5 3v3.5c0 0.21626 0.0337 0.40866 0.082028 0.58984l3.9178-3.9179v-0.1719c0-2.673-4-2.6707-4 0zm5.2832 0.3027-7.9803 7.9803c-0.91785 0.91785 0.50035 2.3441 1.414 1.4141l7.9803-7.9802c0.916-0.9163-0.493-2.3349-1.414-1.4141zm-8.283 2.6973c0 1.2904 0.3648 2.371 0.9374 3.2344l1.4492-1.4492c-0.2349-0.4922-0.3867-1.0781-0.3867-1.7852 0-1.3274-2-1.326-2 0zm9.9721-0.14453-5.9723 5.9727v1.1719h-1.1718l-0.40427 0.4043c-0.12553 0.13-0.2681 0.24231-0.42381 0.334v1.2617h6v-2h-2v-1.625c2.1244-0.466 4-2.3973 4-5.375 0-0.055-0-0.0941-0.028-0.1445z"/></svg>
diff --git a/core/img/actions/audio-white.svg b/core/img/actions/audio-white.svg
deleted file mode 100644
index 209177deb3f2c..0000000000000
--- a/core/img/actions/audio-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path fill="#fff" d="m6 3v3.5c0 2.6667 4 2.6667 4 0v-3.5c0-2.6661-4-2.6669-4 0zm-3 3c0 2.9759 1.8757 4.907 4 5.375v1.625h-2v2h6v-2h-2v-1.625c2.124-0.466 4-2.3973 4-5.375 0-1.3333-2-1.3333-2 0 0 4.6515-6 4.654-6 0 0-1.3277-2-1.3437-2 0z"/></svg>
diff --git a/core/img/actions/fullscreen-white.svg b/core/img/actions/fullscreen-white.svg
deleted file mode 100644
index c920885bf6be4..0000000000000
--- a/core/img/actions/fullscreen-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path filter="url(#a)" 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="#fff"/></svg>
diff --git a/core/img/actions/screen-off-white.svg b/core/img/actions/screen-off-white.svg
deleted file mode 100644
index a022b933808ca..0000000000000
--- a/core/img/actions/screen-off-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path filter="url(#a)" fill="#fff" d="m12.986 1.0117v0.00195c-0.255 0-0.51103 0.095216-0.70703 0.29102l-9.986 9.9844c-0.3918 0.392-0.3918 1.024 0 1.416 0.3917 0.392 1.0242 0.392 1.416 0l9.984-9.9862c0.392-0.392 0.392-1.0223 0-1.4141-0.196-0.1958-0.45103-0.29297-0.70703-0.29297zm-10.986 0.9883c-0.554 0-1 0.446-1 1v8c0 0.15223 0.03927 0.29296 0.09961 0.42188 0.09087-0.30747 0.24693-0.59837 0.48633-0.83789v-0.002l1.4141-1.414v-5.168h5.1699l2-2h-8.17zm12.893 0.56641c-0.08943 0.31553-0.24744 0.61463-0.49219 0.85938l-1.401 1.4004v5.1738h-5.1719l-2 2h1.1719v1h-2v2h6v-2h-2v-1h5c0.554 0 1-0.446 1-1v-8c0-0.1573-0.043-0.3014-0.107-0.4336z"/></svg>
diff --git a/core/img/actions/screen-white.svg b/core/img/actions/screen-white.svg
deleted file mode 100644
index e279dc48270ba..0000000000000
--- a/core/img/actions/screen-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path filter="url(#a)" fill="#fff" d="m2 2c-0.554 0-1 0.446-1 1v8c0 0.554 0.446 1 1 1h5v1h-2v2h6v-2h-2v-1h5c0.554 0 1-0.446 1-1v-8c0-0.554-0.446-1-1-1zm1 2h10v6h-10z"/></svg>
diff --git a/core/img/actions/video-off-white.svg b/core/img/actions/video-off-white.svg
deleted file mode 100644
index 95e39de06d458..0000000000000
--- a/core/img/actions/video-off-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path fill="#fff" filter="url(#a)" d="m13.486 1.5137c-0.255 0-0.511 0.0971-0.707 0.2929l-10.486 10.484c-0.3918 0.392-0.3918 1.024 0 1.416 0.3917 0.392 1.0242 0.392 1.416 0l10.484-10.486c0.392-0.392 0.392-1.0226 0-1.4144-0.196-0.1958-0.451-0.2929-0.707-0.2929zm-10.486 1.4863c-1.108 0-2 0.892-2 2v6c0 0.368 0.1054 0.706 0.2773 1.002 0.0849-0.149 0.1825-0.292 0.3086-0.418l8.3457-8.3457c-0.2792-0.1477-0.5926-0.2383-0.9316-0.2383h-6zm12 0.8066c-0.034 0.0401-0.062 0.0835-0.1 0.1211l-9.0699 9.0723h3.1699c1.108 0 2-0.892 2-2v-1.334l4 3.334v-9.1934z"/></svg>
diff --git a/core/img/actions/video-white.svg b/core/img/actions/video-white.svg
deleted file mode 100644
index f24bb373add2c..0000000000000
--- a/core/img/actions/video-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path fill="#fff" filter="url(#a)" d="M3 3c-1.108 0-2 .892-2 2v6c0 1.108.892 2 2 2h6c1.108 0 2-.892 2-2V9.666L15 13V3l-4 3.334V5c0-1.108-.892-2-2-2z"/></svg>
diff --git a/core/img/actions/view-close.svg b/core/img/actions/view-close.svg
deleted file mode 100644
index 7b76c6d17980c..0000000000000
--- a/core/img/actions/view-close.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.239"/></filter></defs><path filter="url(#a)" stroke="#000" stroke-width="2" d="M24.955 23.538l-1.414 1.414-7.535-7.536-7.536 7.536-1.415-1.414 7.536-7.536-7.535-7.536L8.47 7.052l7.535 7.536 7.516-7.555 1.435 1.433-7.536 7.536z"/><path d="M24.955 23.538l-1.414 1.414-7.535-7.536-7.536 7.536-1.415-1.414 7.536-7.536-7.535-7.536L8.47 7.052l7.535 7.536 7.516-7.555 1.435 1.433-7.536 7.536z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-download.svg b/core/img/actions/view-download.svg
deleted file mode 100644
index 89bba33f6aa8b..0000000000000
--- a/core/img/actions/view-download.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="1.75"/></filter></defs><path d="M6 1037.4h4v7h5l-7 7-7-7h5z" transform="translate(4.57 -1476) scale(1.4286)" filter="url(#a)" stroke="#000"/><path d="M13.143 6.03h5.714v10H26l-10 10-10-10h7.143z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-next.svg b/core/img/actions/view-next.svg
deleted file mode 100644
index 662b2172daea4..0000000000000
--- a/core/img/actions/view-next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.448" width="1.807" y="-.224" x="-.404" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.416"/></filter></defs><path filter="url(#a)" stroke="#000" stroke-width="2" d="M10.414 28.952L9 27.538l11.535-11.536L9 4.466l1.414-1.414 12.95 12.95z"/><path d="M10.414 28.952L9 27.538l11.535-11.536L9 4.466l1.414-1.414 12.95 12.95z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-pause.svg b/core/img/actions/view-pause.svg
deleted file mode 100644
index edc29cacca228..0000000000000
--- a/core/img/actions/view-pause.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.5"/></filter></defs><path d="M6 1026.4v20h8v-20H6zm12 0v20h8v-20h-8z" filter="url(#a)" stroke="#000" stroke-width="2.222" transform="matrix(.9 0 0 .9 1.6 -916.76)"/><path d="M7 7v18h7.2V7H7zm10.8 0v18H25V7h-7.2z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-play.svg b/core/img/actions/view-play.svg
deleted file mode 100644
index 9d9fb12bdd37e..0000000000000
--- a/core/img/actions/view-play.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="3"/></filter></defs><path d="M4 1024.4l24 12-24 12z" filter="url(#a)" stroke="#000" stroke-width="2.4" transform="translate(2.667 -847.67) scale(.83333)"/><path d="M6 5.993l20 10-20 10z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-previous.svg b/core/img/actions/view-previous.svg
deleted file mode 100644
index 492f8f50d70b8..0000000000000
--- a/core/img/actions/view-previous.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.448" width="1.807" y="-.224" x="-.404" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.416"/></filter></defs><path filter="url(#a)" stroke="#000" stroke-width="2" d="M10.414 28.952L9 27.538l11.535-11.536L9 4.466l1.414-1.414 12.95 12.95z" transform="matrix(-1 0 0 1 32.364 0)"/><path d="M21.95 28.952l1.414-1.414-11.536-11.536L23.364 4.466 21.95 3.052 9 16.002z" fill="#fff"/></svg>
\ No newline at end of file

From 54878d753ab1f4abe38ac28dbb123a70abb390c7 Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Tue, 28 Nov 2017 14:30:02 +0100
Subject: [PATCH 3/5] Revert removing of deprecated icons

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 core/img/actions/audio-off-white.svg  | 1 +
 core/img/actions/audio-white.svg      | 1 +
 core/img/actions/fullscreen-white.svg | 1 +
 core/img/actions/screen-off-white.svg | 1 +
 core/img/actions/screen-white.svg     | 1 +
 core/img/actions/video-off-white.svg  | 1 +
 core/img/actions/video-white.svg      | 1 +
 core/img/actions/view-close.svg       | 1 +
 core/img/actions/view-download.svg    | 1 +
 core/img/actions/view-next.svg        | 1 +
 core/img/actions/view-pause.svg       | 1 +
 core/img/actions/view-play.svg        | 1 +
 core/img/actions/view-previous.svg    | 1 +
 13 files changed, 13 insertions(+)
 create mode 100644 core/img/actions/audio-off-white.svg
 create mode 100644 core/img/actions/audio-white.svg
 create mode 100644 core/img/actions/fullscreen-white.svg
 create mode 100644 core/img/actions/screen-off-white.svg
 create mode 100644 core/img/actions/screen-white.svg
 create mode 100644 core/img/actions/video-off-white.svg
 create mode 100644 core/img/actions/video-white.svg
 create mode 100644 core/img/actions/view-close.svg
 create mode 100644 core/img/actions/view-download.svg
 create mode 100644 core/img/actions/view-next.svg
 create mode 100644 core/img/actions/view-pause.svg
 create mode 100644 core/img/actions/view-play.svg
 create mode 100644 core/img/actions/view-previous.svg

diff --git a/core/img/actions/audio-off-white.svg b/core/img/actions/audio-off-white.svg
new file mode 100644
index 0000000000000..d0699a959d0cb
--- /dev/null
+++ b/core/img/actions/audio-off-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path fill="#fff" d="m5 3v3.5c0 0.21626 0.0337 0.40866 0.082028 0.58984l3.9178-3.9179v-0.1719c0-2.673-4-2.6707-4 0zm5.2832 0.3027-7.9803 7.9803c-0.91785 0.91785 0.50035 2.3441 1.414 1.4141l7.9803-7.9802c0.916-0.9163-0.493-2.3349-1.414-1.4141zm-8.283 2.6973c0 1.2904 0.3648 2.371 0.9374 3.2344l1.4492-1.4492c-0.2349-0.4922-0.3867-1.0781-0.3867-1.7852 0-1.3274-2-1.326-2 0zm9.9721-0.14453-5.9723 5.9727v1.1719h-1.1718l-0.40427 0.4043c-0.12553 0.13-0.2681 0.24231-0.42381 0.334v1.2617h6v-2h-2v-1.625c2.1244-0.466 4-2.3973 4-5.375 0-0.055-0-0.0941-0.028-0.1445z"/></svg>
diff --git a/core/img/actions/audio-white.svg b/core/img/actions/audio-white.svg
new file mode 100644
index 0000000000000..209177deb3f2c
--- /dev/null
+++ b/core/img/actions/audio-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><path fill="#fff" d="m6 3v3.5c0 2.6667 4 2.6667 4 0v-3.5c0-2.6661-4-2.6669-4 0zm-3 3c0 2.9759 1.8757 4.907 4 5.375v1.625h-2v2h6v-2h-2v-1.625c2.124-0.466 4-2.3973 4-5.375 0-1.3333-2-1.3333-2 0 0 4.6515-6 4.654-6 0 0-1.3277-2-1.3437-2 0z"/></svg>
diff --git a/core/img/actions/fullscreen-white.svg b/core/img/actions/fullscreen-white.svg
new file mode 100644
index 0000000000000..c920885bf6be4
--- /dev/null
+++ b/core/img/actions/fullscreen-white.svg
@@ -0,0 +1 @@
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path filter="url(#a)" 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="#fff"/></svg>
diff --git a/core/img/actions/screen-off-white.svg b/core/img/actions/screen-off-white.svg
new file mode 100644
index 0000000000000..a022b933808ca
--- /dev/null
+++ b/core/img/actions/screen-off-white.svg
@@ -0,0 +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" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path filter="url(#a)" fill="#fff" d="m12.986 1.0117v0.00195c-0.255 0-0.51103 0.095216-0.70703 0.29102l-9.986 9.9844c-0.3918 0.392-0.3918 1.024 0 1.416 0.3917 0.392 1.0242 0.392 1.416 0l9.984-9.9862c0.392-0.392 0.392-1.0223 0-1.4141-0.196-0.1958-0.45103-0.29297-0.70703-0.29297zm-10.986 0.9883c-0.554 0-1 0.446-1 1v8c0 0.15223 0.03927 0.29296 0.09961 0.42188 0.09087-0.30747 0.24693-0.59837 0.48633-0.83789v-0.002l1.4141-1.414v-5.168h5.1699l2-2h-8.17zm12.893 0.56641c-0.08943 0.31553-0.24744 0.61463-0.49219 0.85938l-1.401 1.4004v5.1738h-5.1719l-2 2h1.1719v1h-2v2h6v-2h-2v-1h5c0.554 0 1-0.446 1-1v-8c0-0.1573-0.043-0.3014-0.107-0.4336z"/></svg>
diff --git a/core/img/actions/screen-white.svg b/core/img/actions/screen-white.svg
new file mode 100644
index 0000000000000..e279dc48270ba
--- /dev/null
+++ b/core/img/actions/screen-white.svg
@@ -0,0 +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" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path filter="url(#a)" fill="#fff" d="m2 2c-0.554 0-1 0.446-1 1v8c0 0.554 0.446 1 1 1h5v1h-2v2h6v-2h-2v-1h5c0.554 0 1-0.446 1-1v-8c0-0.554-0.446-1-1-1zm1 2h10v6h-10z"/></svg>
diff --git a/core/img/actions/video-off-white.svg b/core/img/actions/video-off-white.svg
new file mode 100644
index 0000000000000..95e39de06d458
--- /dev/null
+++ b/core/img/actions/video-off-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path fill="#fff" filter="url(#a)" d="m13.486 1.5137c-0.255 0-0.511 0.0971-0.707 0.2929l-10.486 10.484c-0.3918 0.392-0.3918 1.024 0 1.416 0.3917 0.392 1.0242 0.392 1.416 0l10.484-10.486c0.392-0.392 0.392-1.0226 0-1.4144-0.196-0.1958-0.451-0.2929-0.707-0.2929zm-10.486 1.4863c-1.108 0-2 0.892-2 2v6c0 0.368 0.1054 0.706 0.2773 1.002 0.0849-0.149 0.1825-0.292 0.3086-0.418l8.3457-8.3457c-0.2792-0.1477-0.5926-0.2383-0.9316-0.2383h-6zm12 0.8066c-0.034 0.0401-0.062 0.0835-0.1 0.1211l-9.0699 9.0723h3.1699c1.108 0 2-0.892 2-2v-1.334l4 3.334v-9.1934z"/></svg>
diff --git a/core/img/actions/video-white.svg b/core/img/actions/video-white.svg
new file mode 100644
index 0000000000000..f24bb373add2c
--- /dev/null
+++ b/core/img/actions/video-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><defs><filter id="a" height="21"><feGaussianBlur stdDeviation="1" in="SourceAlpha"/><feComponentTransfer><feFuncA slope="0.5" type="linear"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path fill="#fff" filter="url(#a)" d="M3 3c-1.108 0-2 .892-2 2v6c0 1.108.892 2 2 2h6c1.108 0 2-.892 2-2V9.666L15 13V3l-4 3.334V5c0-1.108-.892-2-2-2z"/></svg>
diff --git a/core/img/actions/view-close.svg b/core/img/actions/view-close.svg
new file mode 100644
index 0000000000000..7b76c6d17980c
--- /dev/null
+++ b/core/img/actions/view-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.239"/></filter></defs><path filter="url(#a)" stroke="#000" stroke-width="2" d="M24.955 23.538l-1.414 1.414-7.535-7.536-7.536 7.536-1.415-1.414 7.536-7.536-7.535-7.536L8.47 7.052l7.535 7.536 7.516-7.555 1.435 1.433-7.536 7.536z"/><path d="M24.955 23.538l-1.414 1.414-7.535-7.536-7.536 7.536-1.415-1.414 7.536-7.536-7.535-7.536L8.47 7.052l7.535 7.536 7.516-7.555 1.435 1.433-7.536 7.536z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-download.svg b/core/img/actions/view-download.svg
new file mode 100644
index 0000000000000..89bba33f6aa8b
--- /dev/null
+++ b/core/img/actions/view-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="1.75"/></filter></defs><path d="M6 1037.4h4v7h5l-7 7-7-7h5z" transform="translate(4.57 -1476) scale(1.4286)" filter="url(#a)" stroke="#000"/><path d="M13.143 6.03h5.714v10H26l-10 10-10-10h7.143z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-next.svg b/core/img/actions/view-next.svg
new file mode 100644
index 0000000000000..662b2172daea4
--- /dev/null
+++ b/core/img/actions/view-next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.448" width="1.807" y="-.224" x="-.404" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.416"/></filter></defs><path filter="url(#a)" stroke="#000" stroke-width="2" d="M10.414 28.952L9 27.538l11.535-11.536L9 4.466l1.414-1.414 12.95 12.95z"/><path d="M10.414 28.952L9 27.538l11.535-11.536L9 4.466l1.414-1.414 12.95 12.95z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-pause.svg b/core/img/actions/view-pause.svg
new file mode 100644
index 0000000000000..edc29cacca228
--- /dev/null
+++ b/core/img/actions/view-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.5"/></filter></defs><path d="M6 1026.4v20h8v-20H6zm12 0v20h8v-20h-8z" filter="url(#a)" stroke="#000" stroke-width="2.222" transform="matrix(.9 0 0 .9 1.6 -916.76)"/><path d="M7 7v18h7.2V7H7zm10.8 0v18H25V7h-7.2z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-play.svg b/core/img/actions/view-play.svg
new file mode 100644
index 0000000000000..9d9fb12bdd37e
--- /dev/null
+++ b/core/img/actions/view-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.6" width="1.6" y="-.3" x="-.3" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="3"/></filter></defs><path d="M4 1024.4l24 12-24 12z" filter="url(#a)" stroke="#000" stroke-width="2.4" transform="translate(2.667 -847.67) scale(.83333)"/><path d="M6 5.993l20 10-20 10z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/core/img/actions/view-previous.svg b/core/img/actions/view-previous.svg
new file mode 100644
index 0000000000000..492f8f50d70b8
--- /dev/null
+++ b/core/img/actions/view-previous.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><defs><filter id="a" height="1.448" width="1.807" y="-.224" x="-.404" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="2.416"/></filter></defs><path filter="url(#a)" stroke="#000" stroke-width="2" d="M10.414 28.952L9 27.538l11.535-11.536L9 4.466l1.414-1.414 12.95 12.95z" transform="matrix(-1 0 0 1 32.364 0)"/><path d="M21.95 28.952l1.414-1.414-11.536-11.536L23.364 4.466 21.95 3.052 9 16.002z" fill="#fff"/></svg>
\ No newline at end of file

From 314bfeb6b825a52354e04b14c0fc73264a4bf043 Mon Sep 17 00:00:00 2001
From: Marin Treselj <marin@pixelipo.com>
Date: Thu, 30 Nov 2017 18:26:26 +0100
Subject: [PATCH 4/5] Define icon-shadow only in context of icon-white

Signed-off-by: Marin Treselj <marin@pixelipo.com>
---
 core/css/icons.scss | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/core/css/icons.scss b/core/css/icons.scss
index 5f1d8af78997c..625196c8eb37f 100644
--- a/core/css/icons.scss
+++ b/core/css/icons.scss
@@ -89,15 +89,10 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-size: 32px !important;
 }
 
-.icon-shadow {
-	filter: drop-shadow(1px 1px 4px $color-box-shadow);
-	&.icon-white {
-		filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
-	}
-}
-
 .icon-white {
 	filter: invert(100%);
+	&.icon-shadow {
+		filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
 }
 
 /* ICONS -------------------------------------------------------------------- */

From a62cc27058de20e67911b9c15aa1d3bb2fe46904 Mon Sep 17 00:00:00 2001
From: Morris Jobke <hey@morrisjobke.de>
Date: Mon, 4 Dec 2017 22:39:06 +0100
Subject: [PATCH 5/5] Fix syntax error

Signed-off-by: Morris Jobke <hey@morrisjobke.de>
---
 core/css/icons.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/core/css/icons.scss b/core/css/icons.scss
index 625196c8eb37f..fbf36e2fbbcf0 100644
--- a/core/css/icons.scss
+++ b/core/css/icons.scss
@@ -93,6 +93,7 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	filter: invert(100%);
 	&.icon-shadow {
 		filter: invert(100%) drop-shadow(1px 1px 4px $color-box-shadow);
+	}
 }
 
 /* ICONS -------------------------------------------------------------------- */