From abc5ddab72b47f99bd0cb24f6e42f23944065297 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Sun, 10 Mar 2019 20:04:11 +0100 Subject: Fix conflict and white icons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- css/ContactDetails.scss | 5 +++++ css/icons.scss | 18 ++++++++++++++---- 2 files changed, 19 insertions(+), 4 deletions(-) (limited to 'css') 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); +} -- cgit v1.2.3