Fix conflict and white icons

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

2 files changed, 19 insertions, 4 deletions

diff --git a/css/ContactDetails.scss b/css/ContactDetails.scss
index e4b8c8bc..85f18a80 100644
--- a/css/ContactDetails.scss
+++ b/css/ContactDetails.scss
@@ -72,6 +72,11 @@
 				position: relative;
 				height: 44px;
 				width: 44px;
+				// ! override default server class
+				> .icon-more-white {
+					// using #fffffe to trick the accessibility dark theme icon invert
+					@include icon-color('more', 'actions', '#fffffe', 1, true);
+				}
 			}
 			.header-icon {
 				height: 44px;
diff --git a/css/icons.scss b/css/icons.scss
index 60cb2b32..6192e631 100644
--- a/css/icons.scss
+++ b/css/icons.scss
@@ -40,17 +40,27 @@
 	@include icon-color('up', 'contacts', $color-black, 1);
 }
 
+.icon-up-force-white {
+	// using #fffffe to trick the accessibility dark theme icon invert
+	@include icon-color('up', 'contacts', '#fffffe', 1);
+}
+
+.icon-history-force-white {
+	// using #fffffe to trick the accessibility dark theme icon invert
+	@include icon-color('history', 'actions', '#fffffe', 1, true);
+}
+
 .icon-delete-force-white {
 	// using #fffffe to trick the accessibility dark theme icon invert
-	@include icon-color('delete', 'contacts', '#fffffe', 1);
+	@include icon-color('delete', 'actions', '#fffffe', 1, true);
 }
 
 .icon-download-force-white {
 	// using #fffffe to trick the accessibility dark theme icon invert
-	@include icon-color('download', 'contacts', '#fffffe', 1);
+	@include icon-color('download', 'actions', '#fffffe', 1, true);
 }
 
 .icon-upload-force-white {
 	// using #fffffe to trick the accessibility dark theme icon invert
-	@include icon-color('upload', 'contacts', '#fffffe', 1);
-}
\ No newline at end of file
+	@include icon-color('upload', 'actions', '#fffffe', 1, true);
+}