# Safari Preview does not match Elements preview?

**URL:** <https://forums.realmacsoftware.com/t/safari-preview-does-not-match-elements-preview/51595>\
**Category:** Elements\
**Created:** [October 7, 2025, 8:35pm UTC](https://forums.realmacsoftware.com/t/safari-preview-does-not-match-elements-preview/51595 "2025-10-07T20:35:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Savana](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@Savana](https://forums.realmacsoftware.com/u/Savana)\
**Post date:** [October 7, 2025, 8:35pm UTC](https://forums.realmacsoftware.com/t/safari-preview-does-not-match-elements-preview/51595/1 "2025-10-07T20:35:49Z")

</div>

Dear Community, I am non-technical but impressed with Elements (upgraded from RapidWeaver). Am slowly building a site based on a FastSpring template. I just uploaded the project to the cloud, link below.

One observation is that Safari Preview does not match the Elements Preview. This usually occurs for colors, not layout. For a specific example, see Typography text on page “In Focus” which displays white in Elements, but blue in Safari. I have tinkered with the colors but cannot get them to match. (It is a google font–not sure if that matters.) Thank you

elementsapp://downloadDocument/DrIyLAhBfuwJ

---

<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:** [October 7, 2025, 8:59pm UTC](https://forums.realmacsoftware.com/t/safari-preview-does-not-match-elements-preview/51595/2 "2025-10-07T20:59:54Z")

</div>

It’s not an error. You can set colours independently for light and dark mode in the editor…

I think you have the editor set to dark mode and you’re previewing the site in light mode.

> **[Dark Mode | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/elements/dark-mode)**
>
> Automatic colour switching based on the users system settings

If you don’t want dark mode on your website, you can switch this off in the Project Settings. Please note, this will hide the UI option to toggle between dark and light mode, and only preview and export the light mode version of your website.

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/4/94a552dfd27a089aef82520faa438ab1b92719bd.jpeg)

---

<div class="post-metadata">

**Author:** ![Savana](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@Savana](https://forums.realmacsoftware.com/u/Savana)\
**Post date:** [October 7, 2025, 9:32pm UTC](https://forums.realmacsoftware.com/t/safari-preview-does-not-match-elements-preview/51595/3 "2025-10-07T21:32:33Z")

</div>

Thanks Dan! That worked. Lesson learned: start with the global settings 🙂