# Can we add Theme properties other than the default one's provided by the pega in theme rule?

**URL:** <https://forums.pega.com/t/can-we-add-theme-properties-other-than-the-default-ones-provided-by-the-pega-in-theme-rule/6505>\
**Category:** User Experience\
**Tags:** constellation, user-experience, pega-infinity\
**Created:** [March 25, 2024, 9:16am UTC](https://forums.pega.com/t/can-we-add-theme-properties-other-than-the-default-ones-provided-by-the-pega-in-theme-rule/6505 "2024-03-25T09:16:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![SreenivasuluV16633502](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@SreenivasuluV16633502](https://forums.pega.com/u/SreenivasuluV16633502)\
**Post date:** [March 25, 2024, 9:16am UTC](https://forums.pega.com/t/can-we-add-theme-properties-other-than-the-default-ones-provided-by-the-pega-in-theme-rule/6505/1 "2024-03-25T09:16:40Z")

</div>

Hi ,

Can we add Theme properties other than the default one’s provided by the pega in theme rule?

In pega constellation under theme rule there are some predefined css classes/properties for changing background color, font style.. etc..

similarly can we add our custom css properties in theme rule.

our usecase is, we want to change the background color for portal header and we didnt find a way for that.

 ![Theme propertries.JPG](https://pega1.discourse-cdn.com/pega/original/2X/1/13cc7155c0b9358166204324a32e7b2a1fdd928c.jpeg)

---

<div class="post-metadata">

**Author:** ![MarijeSchillern](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/marijeschillern/32/21738_2.png) [@MarijeSchillern](https://forums.pega.com/u/MarijeSchillern)\
**Post date:** [April 8, 2024, 11:47am UTC](https://forums.pega.com/t/can-we-add-theme-properties-other-than-the-default-ones-provided-by-the-pega-in-theme-rule/6505/2 "2024-04-08T11:47:17Z")

</div>

@SreenivasuluV16633502 I believe this is similar to the question you asked in [Can we customize theme rule in pega constellation?](https://support.pega.com/question/can-we-customize-theme-rule-pega-constellation)

We don’t have anything else to add as we don’t think you can add any custom CSS or your own design tokens to the theme.

@RichardMarsot is there anything you can add here?

---

<div class="post-metadata">

**Author:** ![Marc\_Alderman](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/marc_alderman/32/22434_2.png) [@Marc\_Alderman](https://forums.pega.com/u/Marc_Alderman)\
**Post date:** [April 8, 2024, 11:49am UTC](https://forums.pega.com/t/can-we-add-theme-properties-other-than-the-default-ones-provided-by-the-pega-in-theme-rule/6505/3 "2024-04-08T11:49:49Z")

</div>

@SreenivasuluV16633502

I guess that this is following on from the previous discussion [Can we customize theme rule in pega constellation? | Support Center](https://support.pega.com/question/can-we-customize-theme-rule-pega-constellation) ?

You cannot use custom CSS in the theme rule, you should use the supported design tokens to customize the Constellation UI theme.

Is the colour that you are trying to set for the header different to the light / dark defaults for the OOTB light / Dark themes? What colour are you wanting to set?

---

<div class="post-metadata">

**Author:** ![PenjarlaC](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@PenjarlaC](https://forums.pega.com/u/PenjarlaC)\
**Post date:** [July 13, 2025, 9:00am UTC](https://forums.pega.com/t/can-we-add-theme-properties-other-than-the-default-ones-provided-by-the-pega-in-theme-rule/6505/4 "2025-07-13T09:00:31Z")

</div>

@Marc Alderman Is there a way to define new CSS fields other than existing design tokens. For ex i want to change my cursor icon for all buttons to a custom one with URL option. I could not see an option of adding custom CSS that holds all common styles or modifying Rule-UI-Themes throw error on invalid JSON .