Fix missing padding/background-color of the forum content column

[pReya]

This forum has some styles that look a little weird. All the elements on the very side of the content area are directly touching the grey background color, without any padding.

Actually, there is already padding around the content column (defined in the .wrap class, but it's not visible, because the #main-outlet-wrapper element doesn't have white background-color).

So by just changing/adding one single line of CSS, this could easily be fixed/improved.

#main-outlet-wrapper {
  background-color: #fff;
}

Can someone from the Admins apply this style change?

[TotallyInformation]

@pReya

All the elements on the very side of the content area are directly touching the grey background color, without any padding

Ah, I use dark mode always so I don't see that. It does look a little odd.

[pReya]

Can you explain how this relates to Dark mode? Is there a separate Dark mode for discourse that can be enabled manually? Because I use dark mode on the OS as well, but the forum doesn't change it's style depending on the OS level dark mode.

[Steve-Mcl]

Its a per user option in preferences:

[pReya]

Ah yes, that makes it so that the problem isn't visible. Still, since light mode is the default for new users, it'd still be nice, if someone could apply the suggested fix.

[knolleary]

Done. Thanks for the suggestion.

Whilst in there, I also tried to figure out where the white line is coming from in the header... but couldn't in the time available. Will save that for another day.

[pReya]

Thanks for applying the change! You can get rid of this white line (which is actually a shadow) by removing the line

.d-header {
  box-shadow: var(--shadow-header);
}

Or alternatively, overriding it, by adding this:

.d-header {
  box-shadow: none !important;
}

[hotNipi]

To affect only the light theme

[knolleary]

@pReya thank you! box-shadow was the one thing I didn't look for...