[BUG] Fix section's background color in dark mode

[oluwatobiss]

Platform

Web

Application

B1.church

Description

The section element currently uses a white background in dark mode, which renders its text invisible.

dark-theme-website-section-test-b1admin.mp4

[jzongker]

I think I might actually need to disable dark mode for the webpage designer section. Even with the bug fixed, it gives a false impression of what the public page will look like.

[jzongker]

Thanks for the fix.

The css itself looks, good but it's triggering based on the browser dark mode settings rather than the dark mode setting in the app. I believe it'll also change the churches public website colors when the user has dark mode selected in their browser, which isn't desired.

[jzongker]

The webpage editor now uses light mode, regardless of user preferences for the rest of the admin. It really needs to be this way because the church sites being designed with it don't use the light/dark mode theming, so if you were designing the while the dark mode theme is applied, it wouldn't match the actual page that users see.