[BUG] Background Color Mismatch in Light Mode

[ibrahimcetin]

[BUG] Background Color Mismatch in Light Mode

[LucyLikesYourFace]

When I manually add the class, everything seems okay.

Out of curiosity I tested this against the demo site, doing this makes the background the same colour as buttons etc.
Perhaps its intentional?

[adityatelange]

All pages background color should be the same.

This is intended, not a bug.

[h-subaru]

Hi, I noticed the problem in the page of @ibrahimcetin , and reproduced the same background-collision, as @LucyLikesYourFace mentions.

The solution of @ibrahimcetin shows some fallback background-color settings （ either of body or of html ） for the single kind pages be inconsistent with list pages ...?

[h-subaru]

I tried some modification like this:

1. body background same as .list

   to set consistent background-color.

   assets/css/extended/blank.css

   /*
   This is just a placeholder blank stylesheet so as to support adding custom styles budled with theme's default styles
   
   ......
   */
   body {
       background: var(--code-bg);
   }
   
   body.dark {
       background: var(--theme);
   }

2. add .post-entry class to the container of contents, the same class with the list items.

   to keep the color contrast in the single page content and footer

   layouts/_default/single.html

   • L. 38: appends .post-entry class attribute
   • L. 45: appends .post-entry class attribute

     <!-- <div class="post-content"> -->
     <div class="post-content post-entry">

     <!-- <footer class="post-footer"> -->
     <footer class="post-footer post-entry">

[h-subaru]

Result （ /posts/hello/ single page）

in Light mode

in Dark mode