# Overriding Theme background color

**URL:** <https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078>\
**Category:** Elements\
**Created:** [September 16, 2025, 11:02pm UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078 "2025-09-16T23:02:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [September 16, 2025, 11:02pm UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078/1 "2025-09-16T23:02:51Z")

</div>

I want to change the default bg color for the entire page. I’ve gone into Theme Studio and made the change and it looks correct in edit mode, but when I preview it in a browser the new bg color isn’t reflected.

 ![CleanShot 2025-09-16 at 18.57.58@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/4/1476212a275ccf86ce664101b5f9e2a90d18b0ec.png)

 ![CleanShot 2025-09-16 at 18.56.28@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/1/e1e69e5af463635bb0370adad2f669d6fe4cf847.png)

 ![CleanShot 2025-09-16 at 18.56.54@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/4/e48f8d34b38972f8ac2d5a520a5ec8912693c3aa.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 17, 2025, 9:01am UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078/2 "2025-09-17T09:01:55Z")

</div>

I’m thinking there’s some dark mode confusion going on here…

![CleanShot 2025-09-17 at 10 .01.27](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/8/081fbad84646b92e06ba0535622f8fa653feebed.gif)

Your editor might be in “Light” mode, but your system is in Dark Mode. So when you preview you see the dark mode.

Can you share your project?

---

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [September 17, 2025, 12:00pm UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078/3 "2025-09-17T12:00:58Z")

</div>

I have Dark Mode disabled on the project.

Here’s the link: elementsapp://downloadDocument/7T8RG4J76X7T

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 17, 2025, 12:26pm UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078/4 "2025-09-17T12:26:01Z")

</div>

Ah, I think this must be an old project (or you’ve been fiddling with the template code)…

When we added the background colour feature to Elements, the Template code required some new tags. Your template is missing those tags.

You just need this on the body (or hit revert to get the latest Template Code in the Elements).  
`<body class="{{page.bodyClasses}}" {{page.bodyAttributes}}>`

See my video on how to do this…

_P.S. Your project looks great, very nice homepage 😊_

---

<div class="post-metadata">

**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\
**Post date:** [September 17, 2025, 2:08pm UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078/5 "2025-09-17T14:08:30Z")

</div>

I don’t remember messing with the Template code so I just hit revert and that fixed it.

Thank you for the kind words about the project, it’s actually a template I just started working on that I want to make avaible in the Elements Marketplace 🙂

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 17, 2025, 3:04pm UTC](https://forums.realmacsoftware.com/t/overriding-theme-background-color/51078/6 "2025-09-17T15:04:52Z")

</div>

Great news, I’m look forward to seeing what you build 🥰