Increase theme compatibility

Try to use CSS variable as much as possible

2 files changed, 2 insertions, 5 deletions

diff --git a/client/src/app/shared/shared-main/misc/help.component.scss b/client/src/app/shared/shared-main/misc/help.component.scss
index f7a7fea55..6ccef9f2c 100644
--- a/client/src/app/shared/shared-main/misc/help.component.scss
+++ b/client/src/app/shared/shared-main/misc/help.component.scss
@@ -23,12 +23,8 @@
     max-width: 300px;
 
     .popover-body {
-      font-family: $main-fonts;
-      text-align: start;
       padding: 10px;
       font-size: 13px;
-      background-color: pvar(--mainBackgroundColor);
-      color: pvar(--mainForegroundColor);
       border-radius: 3px;
 
       p {
@@ -37,6 +33,7 @@
 
       ul {
         @include padding-left(20px);
+
         margin-bottom: 0;
       }
     }
diff --git a/client/src/app/shared/shared-main/users/user-notifications.component.scss b/client/src/app/shared/shared-main/users/user-notifications.component.scss
index 12352b3b7..8f4d4c7c1 100644
--- a/client/src/app/shared/shared-main/users/user-notifications.component.scss
+++ b/client/src/app/shared/shared-main/users/user-notifications.component.scss
@@ -21,7 +21,7 @@
   }
 
   my-global-icon {
-    @include apply-svg-color(#333);
+    @include apply-svg-color(#{pvar(--mainForegroundColor)});
     @include margin-right(11px);
     @include margin-left(3px);