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

Meta
1

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.

Screenshot 2024-11-19 at 14.53.32
Screenshot 2024-11-19 at 14.53.32204Ă—458 9.43 KB

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?

2

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

3

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.

4

Its a per user option in preferences:

image
image385Ă—364 11.2 KB

image
image1164Ă—269 18.3 KB

2 Likes
5

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.

1 Like
6

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.

image
image984Ă—346 11.4 KB

1 Like
7

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;
}
1 Like
8

To affect only the light theme

image
image855Ă—403 16.6 KB

9

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