Fix invisible things in dark mode

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / misc / help.component.scss

diff --git a/client/src/app/shared/misc/help.component.scss b/client/src/app/shared/misc/help.component.scss
index 4565d457ab8653ed57890c0a4ffd4f324b7e6029..3898f3cda96005f9bfb57c11806fb9f2dfef4083 100644 (file)
--- a/client/src/app/shared/misc/help.component.scss
+++ b/client/src/app/shared/misc/help.component.scss
@@ -10,6 +10,8 @@
     position: relative;
     top: -2px;
     margin: 5px;
+
+    @include apply-svg-color(var(--mainForegroundColor))
   }
 }
 
@@ -18,15 +20,15 @@
     max-width: 300px;
 
     .popover-body {
+      font-family: $main-fonts;
       text-align: left;
       padding: 10px;
       font-size: 13px;
-      font-family: $main-fonts;
-      background-color: #fff;
-      color: #000;
+      background-color: var(--mainBackgroundColor);
+      color: var(--mainForegroundColor);
       box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
 
-      p:last-child {
+      p {
         margin-bottom: 0;
       }