# Styling Discourse elements for WCAG within one defined theme

**URL:** <https://meta.discourse.org/t/styling-discourse-elements-for-wcag-within-one-defined-theme/177766>\
**Category:** Support\
**Created:** [January 30, 2021, 12:43pm UTC](https://meta.discourse.org/t/styling-discourse-elements-for-wcag-within-one-defined-theme/177766 "2021-01-30T12:43:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![auricle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/auricle/32/206561_2.png) [@auricle](https://meta.discourse.org/u/auricle)\
**Post date:** [January 30, 2021, 12:43pm UTC](https://meta.discourse.org/t/styling-discourse-elements-for-wcag-within-one-defined-theme/177766/1 "2021-01-30T12:43:32Z")

</div>

I have a single “Default” Theme set up on my forum. I used the _Custom CSS/HTML_ and _Uploads_ controls to attach a dark background image to the `#main-outlet` div. This all works fine.

Now, a user has changed their Interface preferences, switching the Regular Color Scheme to “WCAG Light”. With these colors, the background image no longer makes sense. I would like to change it, but the theme-wide _Custom CSS/HTML_ section is the only one I see under Customize.

Within my 1 default theme, how can I style an element differently depending on a user’s preferred Regular Color Scheme?