diff --git a/img/notifications-new-dark.svg b/img/notifications-new-dark.svg
new file mode 100644
index 000000000..bc00d61f7
--- /dev/null
+++ b/img/notifications-new-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M8 2a1 1 0 0 0-1 1c0 .047.021.087.027.133A3.992 3.992 0 0 0 4 7v2l-1 1v1h10v-1l-1-1V7c0-.061-.013-.119-.016-.18-.309.108-.637.18-.984.18a3 3 0 0 1-3-3c0-.67.227-1.282.598-1.781A.978.978 0 0 0 8 2zM6 12a2 2 0 1 0 4 0H6z"/><path d="M11 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd" fill="#ff4402"/></svg>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
index 3f2412fb1..d91967d0b 100644
--- a/js/app.js
+++ b/js/app.js
@@ -289,8 +289,14 @@
 		 */
 		_onHaveNotifications: function() {
 			// Add the button, title, etc
+			var icon;
+			if (OCA.Theming && OCA.Theming.inverted) {
+				icon = 'notifications-new-dark';
+			} else {
+				icon = 'notifications-new';
+			}
 			this.$button.addClass('hasNotifications');
-			this.$button.find('img').attr('src', OC.imagePath('notifications', 'notifications-new'))
+			this.$button.find('img').attr('src', OC.imagePath('notifications', icon))
 				.animate({opacity: 0.5}, 600)
 				.animate({opacity: 1}, 600)
 				.animate({opacity: 0.5}, 600)