Phrase dark mode affecting my whole page.

[Josefnm]

Expected behavior
Should be limited to the phrase elements

Actual behavior
all my articles turn dark grey with white text, as i use less specific styles

Your environment
next js 14 (pages)
next-i18next 15 (i18next 23)
i18next-phrase-in-context-editor-post-processor: 1.7.0
chrome 132
macos 15.1

new PhraseInContextEditorPostProcessor({
  phraseEnabled: true,
  projectId: process.env.NEXT_PUBLIC_PHRASE_PROJECT_ID,
  accountId: process.env.NEXT_PUBLIC_PHRASE_ACCOUNT_ID,
  useOldICE: false,
}),

Steps to reproduce the problem
I assume it would be easyto reproduce, as it seems to be caused these two factors:
this global css:
[data-theme=dark] article {
background-color: #181818;
color: #fff;
}

Setting the pages root html element to:
data-theme="dark"

[Varpuspaavi]

@Josefnm Hey! Sorry for very late response! I created a ticket and we will be looking into this. If you don't use dark mode for the In Context Editor, will everything work okay? Is this just affecting the dark mode?

[lookasc]

@Josefnm Can you provide more details on how to reproduce this issue?
Based on your description it should be enough to add article element to my test website.
I did it, but I cannot see the reported issue.

[lookasc]

Hi @Josefnm,

Thanks for reaching out and taking the time to share this!
Unfortunately, we could not reproduce the reported issue.
If you believe this should be reconsidered or if there’s additional context that can help us understand your issue, feel free to contact us again.

Thanks again for your understanding.

Best,
The Phrase Team