Technical Suggestion: Background Color default
Posted: January 7th, 2021, 1:21 pm
Type: Technical
Summary: In the css for body, add a background-color in addition to the current background image. Colors like #0b1417 should be similar enough to the main background image.
Reason: On slow internet speeds, the background-image will not load or take a long time to load. This leaves the background, by default, white. It's very difficult to see the site's content on a white background as most of the text is designed for a dark background. By setting a dark background color, users can still use the site before the background image has loaded! This also adds the extra benefit of matching the scrollbar color to the background in Firefox 72 and above (as per this article).
Summary: In the css for body, add a background-color in addition to the current background image. Colors like #0b1417 should be similar enough to the main background image.
Reason: On slow internet speeds, the background-image will not load or take a long time to load. This leaves the background, by default, white. It's very difficult to see the site's content on a white background as most of the text is designed for a dark background. By setting a dark background color, users can still use the site before the background image has loaded! This also adds the extra benefit of matching the scrollbar color to the background in Firefox 72 and above (as per this article).