Vorlage:TransparenteIFrames - Versionsgeschichte

Abeneke am 9. Juni 2026 um 13:04 Uhr

2026-06-09T13:04:25Z

Abeneke am 8. Juni 2026 um 15:34 Uhr

2026-06-08T15:34:56Z

@@ Zeile 46: / Zeile 46: @@
      if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';
    });
 </script></syntaxhighlight>
@@ Zeile 95: / Zeile 131: @@
 </script>
 </syntaxhighlight>
 |}
 </noinclude>

Abeneke am 3. Juni 2026 um 06:55 Uhr

2026-06-03T06:55:29Z

← Nächstältere Version		Version vom 3. Juni 2026, 08:55 Uhr
Zeile 11:		Zeile 11:
	\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>		\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (~~!Array~~.~~isArray~~(event.~~data.allowedOrigins~~) ~~\|\| !event~~.~~data.allowedOrigins.includes~~(~~event.~~origin) \|\| event.data.type !== "iqdIframeTransparency") return;		const referrer = new URL(document.referrer).hostname;
			const origin = new URL(event.origin).hostname;

			if (origin !== referrer \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
Zeile 26:		Zeile 29:
	\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (~~!Array~~.~~isArray~~(event.~~data.allowedOrigins~~) ~~\|\| !event~~.~~data.allowedOrigins.includes~~(~~event.~~origin) \|\| event.data.type !== "iqdIframeTransparency") return;		const referrer = new URL(document.referrer).hostname;
			const origin = new URL(event.origin).hostname;

			if (origin !== referrer \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
Zeile 34:		Zeile 40:
	\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (~~!Array~~.~~isArray~~(event.~~data.allowedOrigins~~) ~~\|\| !event~~.~~data.allowedOrigins.includes~~(~~event.~~origin) \|\| event.data.type !== "iqdIframeTransparency") return;		const referrer = new URL(document.referrer).hostname;
			const origin = new URL(event.origin).hostname;

			if (origin !== referrer \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';
Zeile 53:		Zeile 62:
	\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>		\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (~~!Array~~.~~isArray~~(event.~~data.allowedOrigins~~) ~~\|\| !event~~.~~data.allowedOrigins.includes~~(~~event.~~origin) \|\| event.data.type !== "iqdIframeTransparency") return;		const referrer = new URL(document.referrer).hostname;
			const origin = new URL(event.origin).hostname;
	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		if (origin !== referrer \|\| event.data.type !== "iqdIframeTransparency") return;

			if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
			});
	</script></syntaxhighlight>		</script></syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (~~!Array~~.~~isArray~~(event.~~data.allowedOrigins~~) ~~\|\| !event~~.~~data.allowedOrigins.includes~~(~~event.~~origin) \|\| event.data.type !== "iqdIframeTransparency") return;		const referrer = new URL(document.referrer).hostname;
			const origin = new URL(event.origin).hostname;

			if (origin !== referrer \|\| event.data.type !== "iqdIframeTransparency") return;


	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
Zeile 70:		Zeile 86:
	\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (~~!Array~~.~~isArray~~(event.~~data.allowedOrigins~~) ~~\|\| !event~~.~~data.allowedOrigins.includes~~(~~event.~~origin) \|\| event.data.type !== "iqdIframeTransparency") return;		const referrer = new URL(document.referrer).hostname;
			const origin = new URL(event.origin).hostname;

			if (origin !== referrer \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';

Abeneke am 27. Mai 2026 um 13:31 Uhr

2026-05-27T13:31:38Z

Abeneke am 22. Mai 2026 um 15:28 Uhr

2026-05-22T15:28:18Z

← Nächstältere Version		Version vom 22. Mai 2026, 17:28 Uhr
Zeile 1:		Zeile 1:
	<includeonly>===Transparente iFrames===		<includeonly>===Transparente iFrames===
	Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html"></body></syntaxhighlight>-Tag eingebunden werden.		Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.


Zeile 43:		Zeile 43:
	}}</includeonly><noinclude>		}}</includeonly><noinclude>
	===Transparente iFrames===		===Transparente iFrames===
	Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html"></body></syntaxhighlight>-Tag eingebunden werden.		Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html" inline></body></syntaxhighlight>-Tag eingebunden werden.

Abeneke am 22. Mai 2026 um 15:27 Uhr

2026-05-22T15:27:18Z

← Nächstältere Version		Version vom 22. Mai 2026, 17:27 Uhr
Zeile 1:		Zeile 1:
	<includeonly>===Transparente iFrames===		<includeonly>===Transparente iFrames===
	Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.		Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html"></body></syntaxhighlight>-Tag eingebunden werden.


Zeile 43:		Zeile 43:
	}}</includeonly><noinclude>		}}</includeonly><noinclude>
	===Transparente iFrames===		===Transparente iFrames===
	Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.		Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument vor dem schließenden <syntaxhighlight lang="html"></body></syntaxhighlight>-Tag eingebunden werden.

Abeneke am 22. Mai 2026 um 15:24 Uhr

2026-05-22T15:24:31Z

← Nächstältere Version		Version vom 22. Mai 2026, 17:24 Uhr
Zeile 9:		Zeile 9:
	! Werbeform !! Position !! Code		! Werbeform !! Position !! Code
	\|-		\|-
	\| Page Skin \|\| \|\| <script>		\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;		if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;
Zeile 15:		Zeile 15:
	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
	</script>		</script></syntaxhighlight>
	\|}		\|}
	}}}\|		}}}\|
Zeile 24:		Zeile 24:
	! Werbeform !! Position !! Code		! Werbeform !! Position !! Code
	\|-		\|-
	\| Value Ad \|\| Top \|\| <script>		\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;		if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;
Zeile 30:		Zeile 30:
	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
	</script>		</script></syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| Left/Right \|\| <script>		\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;		if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;
Zeile 38:		Zeile 38:
	if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';
	});		});
	</script>		</script></syntaxhighlight>
	\|}		\|}
	}}}\|		}}}\|
Zeile 51:		Zeile 51:
	! Werbeform !! Position !! Code		! Werbeform !! Position !! Code
	\|-		\|-
	\| Page Skin \|\| \|\| <script>		\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;		if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;
Zeile 57:		Zeile 57:
	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
	</script>		</script></syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| Top \|\| <script>		\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;		if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;
Zeile 66:		Zeile 66:
	});		});
	</script>		</script>
			</syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| Left/Right \|\| <script>		\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;		if (event.origin !== "https://www.sueddeutsche.de" \|\| event.data.type !== "iqdIframeTransparency") return;
Zeile 74:		Zeile 75:
	});		});
	</script>		</script>
			</syntaxhighlight>
	\|}		\|}
	</noinclude>		</noinclude>

Abeneke: Die Seite wurde neu angelegt: „===Transparente iFrames=== Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument e…“

2026-05-20T14:53:22Z

Die Seite wurde neu angelegt: „<includeonly>===Transparente iFrames=== Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument e…“

Neue Seite

<includeonly>===Transparente iFrames===
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.

{{#if:{{{pageskin|}}}|{{{
{| class="wikitable"
|-
! Werbeform !! Position !! Code
|-
| Page Skin || || <script>
window.addEventListener("message", (event) => {
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;

if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
});
</script>
|}
}}}|
}}
{{#if:{{{valuead|}}}|{{{
{| class="wikitable"
|-
! Werbeform !! Position !! Code
|-
| Value Ad || Top || <script>
window.addEventListener("message", (event) => {
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;

if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
});
</script>
|-
| Value Ad || Left/Right || <script>
window.addEventListener("message", (event) => {
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;

if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';
});
</script>
|}
}}}|
}}</includeonly><noinclude>
===Transparente iFrames===
Wird das Attribut color-scheme im eingebetteten Dokument nicht korrekt gesetzt, kann der Browser einen systemseitigen Hintergrund (z. B. Weiß im Light Mode, Dunkelgrau im Dark Mode) anstelle eines transparenten Hintergrunds rendern. Um sicherzustellen, dass der iFrame-Hintergrund in allen Umgebungen wirklich transparent bleibt, muss der folgende Code-Abschnitt abhängig von der Werbeform in das jeweilige Dokument eingebunden werden.

{| class="wikitable"
|-
! Werbeform !! Position !! Code
|-
| Page Skin || || <script>
window.addEventListener("message", (event) => {
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;

if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
});
</script>
|-
| Value Ad || Top || <script>
window.addEventListener("message", (event) => {
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;

if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
});
</script>
|-
| Value Ad || Left/Right || <script>
window.addEventListener("message", (event) => {
if (event.origin !== "https://www.sueddeutsche.de" || event.data.type !== "iqdIframeTransparency") return;

if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';
});
</script>
|}
</noinclude>

← Nächstältere Version		Version vom 9. Juni 2026, 15:04 Uhr
Zeile 27:		Zeile 27:
	! Werbeform !! Position !! Code		! Werbeform !! Position !! Code
	\|-		\|-
	\| Value Ad \|\| ~~Top~~ \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Komponente 1 \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	const referrer = new URL(document.referrer).hostname;		const referrer = new URL(document.referrer).hostname;
Zeile 38:		Zeile 38:
	</script></syntaxhighlight>		</script></syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| ~~Left/Right~~ \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Komponente 2 und 3 \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	const referrer = new URL(document.referrer).hostname;		const referrer = new URL(document.referrer).hostname;
Zeile 107:		Zeile 107:
	</script></syntaxhighlight>		</script></syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| ~~Top~~ \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Komponente 1 \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	const referrer = new URL(document.referrer).hostname;		const referrer = new URL(document.referrer).hostname;
Zeile 120:		Zeile 120:
	</syntaxhighlight>		</syntaxhighlight>
	\|-		\|-
	\| Value Ad \|\| ~~Left/Right~~ \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Komponente 2 und 3 \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	const referrer = new URL(document.referrer).hostname;		const referrer = new URL(document.referrer).hostname;

← Nächstältere Version		Version vom 27. Mai 2026, 15:31 Uhr
Zeile 11:		Zeile 11:
	\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>		\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.~~origin~~ !~~== "https://www~~.~~sueddeutsche~~.~~de"~~ \|\| event.data.type !== "iqdIframeTransparency") return;		if (!Array.isArray(event.data.allowedOrigins) \|\| !event.data.allowedOrigins.includes(event.origin) \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
Zeile 26:		Zeile 26:
	\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.~~origin~~ !~~== "https://www~~.~~sueddeutsche~~.~~de"~~ \|\| event.data.type !== "iqdIframeTransparency") return;		if (!Array.isArray(event.data.allowedOrigins) \|\| !event.data.allowedOrigins.includes(event.origin) \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
Zeile 34:		Zeile 34:
	\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.~~origin~~ !~~== "https://www~~.~~sueddeutsche~~.~~de"~~ \|\| event.data.type !== "iqdIframeTransparency") return;		if (!Array.isArray(event.data.allowedOrigins) \|\| !event.data.allowedOrigins.includes(event.origin) \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';
Zeile 53:		Zeile 53:
	\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>		\| Page Skin \|\| \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.~~origin~~ !~~== "https://www~~.~~sueddeutsche~~.~~de"~~ \|\| event.data.type !== "iqdIframeTransparency") return;		if (!Array.isArray(event.data.allowedOrigins) \|\| !event.data.allowedOrigins.includes(event.origin) \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
Zeile 61:		Zeile 61:
	\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Top \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.~~origin~~ !~~== "https://www~~.~~sueddeutsche~~.~~de"~~ \|\| event.data.type !== "iqdIframeTransparency") return;		if (!Array.isArray(event.data.allowedOrigins) \|\| !event.data.allowedOrigins.includes(event.origin) \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark';
	});		});
Zeile 70:		Zeile 70:
	\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>		\| Value Ad \|\| Left/Right \|\| <syntaxhighlight lang="html"><script>
	window.addEventListener("message", (event) => {		window.addEventListener("message", (event) => {
	if (event.~~origin~~ !~~== "https://www~~.~~sueddeutsche~~.~~de"~~ \|\| event.data.type !== "iqdIframeTransparency") return;		if (!Array.isArray(event.data.allowedOrigins) \|\| !event.data.allowedOrigins.includes(event.origin) \|\| event.data.type !== "iqdIframeTransparency") return;

	if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';		if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark';