Adapt rich text to dark mode

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index eac3f7417aa5a1c25fd281c1ab27bbed81878561..a04615a89d1dc2200e2dea9ad7232e445324bc06 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -901,12 +901,12 @@ div.secondary-actions {
 .richtext,
 .prose {
   code {
 .richtext,
 .prose {
   code {

-    background: $lightgrey;
+    background: var(--bs-secondary-bg);

     padding: 2px 3px;
   }
 
   pre {
     padding: 2px 3px;
   }
 
   pre {

-    background: $lightgrey;
+    background: var(--bs-secondary-bg);

     padding: 2px 3px;
     white-space: pre-wrap;
 
     padding: 2px 3px;
     white-space: pre-wrap;
 


@@ -917,17 +917,17 @@ div.secondary-actions {
 
   img {
     padding: $lineheight;
 
   img {
     padding: $lineheight;

-    background-color: $offwhite;
+    background-color: var(--bs-tertiary-bg);

     display: block;
     max-width: 100%;
     margin: auto;
   }
 
   blockquote {
     display: block;
     max-width: 100%;
     margin: auto;
   }
 
   blockquote {

-    border-left: $lineheight solid $offwhite;
+    border-left: $lineheight solid var(--bs-tertiary-bg);

     padding-left: $lineheight;
     margin: 0;
     padding-left: $lineheight;
     margin: 0;

-    color: $darkgrey;
+    color: var(--bs-secondary-color);

   }
 }
 
   }
 }