# Allow Custom CSS Properties for DND Section backgrounds.

**URL:** <https://community.hubspot.com/t/allow-custom-css-properties-for-dnd-section-backgrounds/49119>\
**Category:** HubSpot Ideas\
**Tags:** design-manager, content\
**Created:** [January 2, 2022, 1:42pm UTC](https://community.hubspot.com/t/allow-custom-css-properties-for-dnd-section-backgrounds/49119 "2022-01-02T13:42:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Ryba](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mark_ryba/32/22744_2.png) [@Mark\_Ryba](https://community.hubspot.com/u/Mark_Ryba)\
**Post date:** [January 2, 2022, 1:42pm UTC](https://community.hubspot.com/t/allow-custom-css-properties-for-dnd-section-backgrounds/49119/1 "2022-01-02T13:42:28Z")

</div>

Right now, the only options for setting background colors on sections are rgb(a) and hex according to the documentation [here](https://developers.hubspot.com/docs/cms/hubl/tags/dnd-areas#background-color). Allowing for custom properties like `var(--grey-bg-1)` to be set at the section level would not only be convenient for those themes leveraging custom properties, but also allow for dynamic switching of those colors based on user preferences like `prefers-contrast: more` and allow theme authors to build in functionality like a “dark mode” switcher that carries over to the background colors set by content editors.

---

<div class="post-metadata">

**Author:** ![dperolio](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dperolio/32/7587_2.png) [@dperolio](https://community.hubspot.com/u/dperolio)\
**Post date:** [January 2, 2022, 3:41pm UTC](https://community.hubspot.com/t/allow-custom-css-properties-for-dnd-section-backgrounds/49119/2 "2022-01-02T15:41:43Z")

</div>

Yeah, for sure something that we need. Or at least I do. I’ve been trying to think of work arounds for this myself. Even better, I think this should be added directly into the color picker popup, with a select input at the bottom of it allowing you to choose from a list of predefined CSS variables, for instance. This way it could be used in sections, custom module fields, rich content colors, gradients, etc. There would be a couple of challenges to overcome with this, such as where and how to define the predefined CSS variables list, and validating CSS variables.