diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-03-10 20:04:11 +0100 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-03-10 20:08:43 +0100 |
commit | abc5ddab72b47f99bd0cb24f6e42f23944065297 (patch) | |
tree | 12129d34b7266b9dcb6d4e6f4cd43df03f4cf3c6 /css | |
parent | 7898d34a2b1240294764f8531d83734e063effbe (diff) |
Fix conflict and white icons
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/ContactDetails.scss | 5 | ||||
-rw-r--r-- | css/icons.scss | 18 |
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); +} |