From 21bb05ca7e80d7fa6122b9521e8930bbd66d9365 Mon Sep 17 00:00:00 2001
From: Julius Haertl <jus@bitgrid.net>
Date: Wed, 27 Jul 2016 20:52:42 +0200
Subject: [PATCH 1/4] Change app menu to white

---
 core/css/header.css | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/core/css/header.css b/core/css/header.css
index 6078008f91..93a873ef86 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -151,7 +151,7 @@
 	max-height: 85%;
 	margin-top: 0;
 	padding-bottom: 10px;
-	background-color: rgba(0, 0, 0, .97);
+	background-color: rgba(255, 255, 255, .97);
 	box-shadow: 0 1px 10px rgba(50, 50, 50, .7);
 	border-radius: 3px;
 	border-top-left-radius: 0;
@@ -171,7 +171,7 @@
 	position: absolute;
 	pointer-events: none;
 	border-color: rgba(0, 0, 0, 0);
-	border-bottom-color: rgba(0, 0, 0, .97);
+	border-bottom-color: rgba(255, 255, 255, .97);
 	border-width: 10px;
 	margin-left: -10px;
 }
@@ -204,7 +204,7 @@
 	padding-left: 0;
 	width: 80px;
 	text-align: center;
-	color: #fff;
+	color: #000;
 	white-space:nowrap;
 	overflow:hidden;
 	text-overflow:ellipsis;
@@ -212,8 +212,8 @@
 	/* icon opacity and hover effect */
 	#navigation a img,
 	#navigation a span {
-		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-		opacity: .7;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+		opacity: .6;
 	}
 	#navigation a:hover img,
 	#navigation a:focus img,
@@ -221,11 +221,16 @@
 	#navigation a:focus span,
 	#navigation a.active img,
 	#navigation a.active span {
-		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-		opacity: 1;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+		opacity: 0.8;
 	}
 
 #navigation .app-icon {
+	-webkit-filter: invert(100%);
+	-moz-filter: invert(100%);
+	-o-filter: invert(100%);
+	-ms-filter: "progid:DXImageTransform.Microsoft.Invert(100%)";
+	filter: invert(100%);
 	margin: 0 auto;
 	padding: 0;
 	max-height: 32px;
@@ -252,8 +257,8 @@
 	height: 32px;
 }
 #navigation .app-loading .app-icon {
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
-	opacity: .1;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	opacity: 0;
 }
 
 #apps {

From 319449434e5ad4164647bfe211467a0995e9c067 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 28 Jul 2016 19:07:00 +0200
Subject: [PATCH 2/4] adjust opacity of icons in apps and user menu

---
 core/css/header.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/core/css/header.css b/core/css/header.css
index 93a873ef86..9c3a60281a 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -212,8 +212,8 @@
 	/* icon opacity and hover effect */
 	#navigation a img,
 	#navigation a span {
-		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-		opacity: .6;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+		opacity: .5;
 	}
 	#navigation a:hover img,
 	#navigation a:focus img,
@@ -221,8 +221,8 @@
 	#navigation a:focus span,
 	#navigation a.active img,
 	#navigation a.active span {
-		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-		opacity: 0.8;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
+		opacity: .75;
 	}
 
 #navigation .app-icon {
@@ -356,8 +356,8 @@
 		height: 40px;
 		color: #000;
 		padding: 4px 12px 0;
-		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-		opacity: .7;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+		opacity: .5;
 		box-sizing: border-box;
 	}
 	#expanddiv a img {
@@ -368,8 +368,8 @@
 	#expanddiv a:focus,
 	#expanddiv a:active,
 	#expanddiv a.active {
-		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-		opacity: 1;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
+		opacity: .75;
 	}
 
 /* do not show display name when profile picture is present */

From f55ba62a00a9256b8879d373c4a1460581b22eb1 Mon Sep 17 00:00:00 2001
From: Julius Haertl <jus@bitgrid.net>
Date: Thu, 28 Jul 2016 22:33:17 +0200
Subject: [PATCH 3/4] Move to svg filter on app menu to support IE9+

---
 core/css/header.css            | 13 ++++---------
 core/templates/layout.user.php | 10 ++++++++--
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/core/css/header.css b/core/css/header.css
index 9c3a60281a..673e657f00 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -210,27 +210,22 @@
 	text-overflow:ellipsis;
 }
 	/* icon opacity and hover effect */
-	#navigation a img,
+	#navigation a svg,
 	#navigation a span {
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 		opacity: .5;
 	}
-	#navigation a:hover img,
-	#navigation a:focus img,
+	#navigation a:hover svg,
+	#navigation a:focus svg,
 	#navigation a:hover span,
 	#navigation a:focus span,
-	#navigation a.active img,
+	#navigation a.active svg,
 	#navigation a.active span {
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 		opacity: .75;
 	}
 
 #navigation .app-icon {
-	-webkit-filter: invert(100%);
-	-moz-filter: invert(100%);
-	-o-filter: invert(100%);
-	-ms-filter: "progid:DXImageTransform.Microsoft.Invert(100%)";
-	filter: invert(100%);
 	margin: 0 auto;
 	padding: 0;
 	max-height: 32px;
diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index b3b492ecac..37e03b692c 100644
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -113,7 +113,10 @@
 					<li data-id="<?php p($entry['id']); ?>">
 						<a href="<?php print_unescaped($entry['href']); ?>" tabindex="3"
 							<?php if( $entry['active'] ): ?> class="active"<?php endif; ?>>
-							<img class="app-icon" alt="" src="<?php print_unescaped($entry['icon']); ?>">
+							<svg width="32" height="32" viewBox="0 0 32 32">
+								<defs><filter id="invert"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0" /></filter></defs>
+								<image x="0" y="0" width="32" height="32" preserveAspectRatio="true" filter="url(#invert)" xlink:href="<?php print_unescaped($entry['icon']); ?>"  class="app-icon"/>
+							</svg>
 							<div class="icon-loading-dark" style="display:none;"></div>
 							<span>
 								<?php p($entry['name']); ?>
@@ -128,7 +131,10 @@
 					<li id="apps-management">
 						<a href="<?php print_unescaped(\OC::$server->getURLGenerator()->linkToRoute('settings.AppSettings.viewApps')); ?>" tabindex="4"
 							<?php if( $_['appsmanagement_active'] ): ?> class="active"<?php endif; ?>>
-							<img class="app-icon" alt="" src="<?php print_unescaped(image_path('settings', 'apps.svg')); ?>">
+							<svg width="32" height="32" viewBox="0 0 32 32" class="app-icon">
+								<defs><filter id="invert"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0" /></filter></defs>
+								<image x="0" y="0" width="32" height="32" preserveAspectRatio="true" filter="url(#invert)" xlink:href="<?php print_unescaped(image_path('settings', 'apps.svg')); ?>"/>
+							</svg>
 							<div class="icon-loading-dark" style="display:none;"></div>
 							<span>
 								<?php p($l->t('Apps')); ?>

From 5d0f9dabf6ee6ca432e99ad8cb1170badfabfd62 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 29 Jul 2016 15:48:05 +0200
Subject: [PATCH 4/4] fix shading of apps icon in app menu

---
 core/css/header.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/core/css/header.css b/core/css/header.css
index 673e657f00..5a2b8009b1 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -220,7 +220,13 @@
 	#navigation a:hover span,
 	#navigation a:focus span,
 	#navigation a.active svg,
-	#navigation a.active span {
+	#navigation a.active span,
+	#apps-management a:hover svg,
+	#apps-management a:focus svg,
+	#apps-management a.active svg,
+	#apps-management a:hover span,
+	#apps-management a:focus span,
+	#apps-management a.active span {
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 		opacity: .75;
 	}
@@ -234,12 +240,15 @@
 
 /* Apps management */
 #apps-management {
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-	opacity: .6;
 	min-height: initial;
 	height: initial;
 	margin: 0;
 }
+#apps-management a svg,
+#apps-management a span {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	opacity: .3;
+}
 
 
 /* loading feedback for apps */