✎
Words: ...
↓ Quick Down
Your blog dark mode post background color is mainly using these CSS variables inside your Blogger template:
Main Post Background Color (Dark Mode)
html.is-dark{
--post-card-bg:#2E343A;
--widget-bg:#2E343A;
--outer-bg:#1a1a1a;
--body-bg-color:#1F2225;
}
What each background controls
| Variable | Color | Usage |
|---|---|---|
--body-bg-color | #1F2225 | Main page background |
--outer-bg | #1a1a1a | Outer container background |
--widget-bg | #2E343A | Sidebar/widget background |
--post-card-bg | #2E343A | Post card/post container background |
Your current dark mode colors visually
Main Page Background
Current Post Background Color
Your actual post container background in dark mode is:
--post-card-bg:#2E343A;
Which is a dark gray-blue tone.
If you want softer minimal gray (recommended)
You can change:
--post-card-bg:#2E343A;
to:
--post-card-bg:#262B31;
or ultra minimal:
--post-card-bg:#24282D;
If you want true AMOLED black
--post-card-bg:#111111;
--widget-bg:#111111;
--outer-bg:#000000;
--body-bg-color:#000000;
Location in your code
Search this section:
html.is-dark{
inside your Blogger template.
Tags:
Blog