Dark mode: Masonry example (#2369)

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Orange-OpenSource · Dec 4, 2023 · a229bf6 · a229bf6
1 parent 6129b29
commit a229bf6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -832,7 +832,7 @@ $initialism-font-size:        $small-font-size !default;
 
 $blockquote-margin-y:         $spacer !default;
 $blockquote-font-size:        $font-size-xlg !default;
-$blockquote-footer-color:     $gray-700 !default;
+$blockquote-footer-color:     var(--#{$prefix}placeholder-color) !default; // Boosted mod: instead of `$gray-600`
 $blockquote-footer-font-size: $small-font-size !default;
 $blockquote-line-height:      1.5 !default; // Boosted mod
 $blockquote-letter-spacing:   $letter-spacing-base * .25 !default; // Boosted mod

diff --git a/site/content/docs/5.3/examples/masonry/index.html b/site/content/docs/5.3/examples/masonry/index.html
@@ -40,7 +40,7 @@ <h5 class="card-title">Card title that wraps to a new line</h5>
           <blockquote class="blockquote">
             <p>A well-known quote, contained in a blockquote element.</p>
           </blockquote>
-          <figcaption class="blockquote-footer mb-0 text-body-secondary">
+          <figcaption class="blockquote-footer mb-0">
             Someone famous in <cite title="Source Title">Source Title</cite>
           </figcaption>
         </figure>
@@ -57,12 +57,12 @@ <h5 class="card-title">Card title</h5>
       </div>
     </div>
     <div class="col-sm-6 col-lg-4 mb-4">
-      <div class="card bg-dark border-secondary text-center p-3">
+      <div class="card bg-black border-dark text-center p-3" data-bs-theme="dark">
         <figure class="mb-0">
           <blockquote class="blockquote">
             <p>A well-known quote, contained in a blockquote element.</p>
           </blockquote>
-          <figcaption class="blockquote-footer mb-0 bg-dark">
+          <figcaption class="blockquote-footer mb-0">
             Someone famous in <cite title="Source Title">Source Title</cite>
           </figcaption>
         </figure>
@@ -88,7 +88,7 @@ <h5 class="card-title">Card title</h5>
           <blockquote class="blockquote">
             <p>A well-known quote, contained in a blockquote element.</p>
           </blockquote>
-          <figcaption class="blockquote-footer mb-0 text-body-secondary">
+          <figcaption class="blockquote-footer mb-0">
             Someone famous in <cite title="Source Title">Source Title</cite>
           </figcaption>
         </figure>