From a3c5914e5c10ddc8aeeefb57b0e0f60f6f08759a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 21 Feb 2022 14:26:19 +0100
Subject: [PATCH] MOBILE-3814 grades: Mod icon colors on grade should be B/W

---
 src/core/components/mod-icon/mod-icon.scss       |  3 ++-
 .../features/grades/pages/course/course.scss     | 16 ++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/core/components/mod-icon/mod-icon.scss b/src/core/components/mod-icon/mod-icon.scss
index 45b236cb6..f5f7dbdcb 100644
--- a/src/core/components/mod-icon/mod-icon.scss
+++ b/src/core/components/mod-icon/mod-icon.scss
@@ -6,6 +6,7 @@
     --margin-end: 0px;
     --margin-vertical: 0px;
     --icon-radius: var(--small-radius);
+    --filter: brightness(0) invert(1);
 
     margin-top: var(--margin-vertical);
     margin-bottom: var(--margin-vertical);
@@ -20,7 +21,7 @@
         &.#{$type} {
             background-color: var(--activity#{$type});
             img {
-                filter: brightness(0) invert(1);
+                filter: var(--filter);
             }
         }
     }
diff --git a/src/core/features/grades/pages/course/course.scss b/src/core/features/grades/pages/course/course.scss
index 1d73d15e2..bed25f18e 100644
--- a/src/core/features/grades/pages/course/course.scss
+++ b/src/core/features/grades/pages/course/course.scss
@@ -3,11 +3,12 @@
 :host {
     --header-background: var(--white);
     --odd-cell-background: var(--light);
-    --even-cell-background: var(--white);
     --odd-cell-hover: var(--gray-200);
+    --even-cell-background: var(--white);
     --even-cell-hover: var(--light);
     --icon-color: var(--gray-500);
     --border-color: var(--stroke);
+    --mod-icon-filter: brightness(0);
 
     .odd {
         --cell-background: var(--odd-cell-background);
@@ -23,11 +24,12 @@
 
 :host-context(body.dark) {
     --header-background: var(--gray-900);
-    --odd-cell-background: var(--medium);
+    --odd-cell-background: var(--gray-800);
+    --odd-cell-hover: var(--gray-600);
     --even-cell-background: var(--gray-900);
-    --odd-cell-hover: var(--gray-500);
-    --even-cell-hover: var(--medium);
+    --even-cell-hover: var(--gray-700);
     --icon-color: var(--gray-200);
+    --mod-icon-filter: brightness(0) invert(1);
 }
 
 .core-grades-table {
@@ -80,8 +82,10 @@
         }
 
         core-mod-icon {
-            padding: 3px;
-            --size: 10px;
+            padding: 0px;
+            --size: 16px;
+            background: transparent;
+            --filter: var(--mod-icon-filter);
         }