From 5d7c0b8cd2be74fb4b832486e9e72a7313bf31db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Tue, 31 Jul 2018 00:10:34 +0200
Subject: [PATCH] Use icon mixins for the theming scss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 apps/theming/css/theming.scss | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
index 4a32458d8a..9e55680470 100644
--- a/apps/theming/css/theming.scss
+++ b/apps/theming/css/theming.scss
@@ -27,16 +27,19 @@
 		filter: none;
 	}
 	.searchbox input[type="search"] {
-		background: transparent url('../../../core/img/actions/search.svg') no-repeat 6px center;
+		background-repeat: no-repeat;
+		background-position: 6px center;
+		background-color: transparent;
+		@include icon-color('search', 'actions', $color-black, 1, true);
 	}
 	#contactsmenu .icon-contacts {
-		background-image: url('../../../core/img/places/contacts-dark.svg');
+		@include icon-color('contacts', 'places', $color-black, 1, true);
 	}
 	#settings .icon-settings-white {
-		background-image: url('../../../core/img/actions/settings-dark.svg');
+		@include icon-color('settings', 'actions', $color-black, 1, true);
 	}
 	#appmenu .icon-more-white {
-		background-image: url('../../../core/img/actions/more.svg');
+		@include icon-color('more', 'actions', $color-black, 1, true);
 	}
 
 	#body-login {
@@ -64,8 +67,8 @@
 		}
 		input[type='checkbox'].checkbox--white:checked + label:before {
 			border-color: nc-darken($color-primary-element, 30%) !important;
-			background-image: url('../../../core/img/actions/checkbox-mark.svg');
 			background-color: nc-darken($color-primary-element, 30%) !important;
+			@include icon-color('checkbox-mark', 'actions', $color-white, 1, true);
 		}
 	}
 } @else {