From b016831e30fd5bb13ffac30aede4f67db3f9d909 Mon Sep 17 00:00:00 2001
From: GZolla <43836485+GZolla@users.noreply.github.com>
Date: Tue, 17 Feb 2026 14:09:08 -0800
Subject: [PATCH 1/2] feat: Add support for theme fixture option

---
 src/browser/reset.js     | 9 +++++++++
 src/server/wtr-config.js | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/browser/reset.js b/src/browser/reset.js
index 0a871725..58ba4cab 100644
--- a/src/browser/reset.js
+++ b/src/browser/reset.js
@@ -18,6 +18,7 @@ let
 	currentMathjaxRenderLatex = DEFAULT_MATHJAX_RENDER_LATEX,
 	currentMedia = DEFAULT_MEDIA,
 	currentRtl = false,
+	currentTheme = 'light',
 	currentViewportHeight = 0,
 	currentViewportWidth = 0,
 	shouldResetMouse = false;
@@ -47,6 +48,7 @@ export async function reset(opts = {}) {
 		lang: DEFAULT_LANG,
 		mathjax: {},
 		rtl: !!opts.lang?.startsWith('ar'),
+		theme: 'light',
 		pagePadding: DEFAULT_PAGE_PADDING,
 		media: DEFAULT_MEDIA
 	};
@@ -89,6 +91,13 @@ export async function reset(opts = {}) {
 		currentRtl = opts.rtl;
 	}
 
+	if (opts.theme !== currentTheme) {
+		let theme = ['light', 'dark'].includes(opts.theme) ? opts.theme : 'light';
+		document.documentElement.dataset.theme = theme;
+		awaitNextFrame = true;
+		currentTheme = theme;
+	}
+
 	opts.lang ??= '';
 	if (documentLocaleSettings.language !== opts.lang) {
 		document.documentElement.lang = opts.lang;
diff --git a/src/server/wtr-config.js b/src/server/wtr-config.js
index ce115fa5..d18bada6 100644
--- a/src/server/wtr-config.js
+++ b/src/server/wtr-config.js
@@ -118,7 +118,7 @@ export class WTRConfig {
 								font-size: 20px;
 							}
 							body {
-								background-color: #ffffff;
+								background-color: var(--d2l-color-background-base);
 								color: var(--d2l-color-ferrite, #202122);
 								font-family: 'Lato', sans-serif;
 								letter-spacing: 0.01rem;

From b9cc2c19b8bcfb740f283c43dec75f157782bda6 Mon Sep 17 00:00:00 2001
From: GZolla <43836485+GZolla@users.noreply.github.com>
Date: Tue, 17 Feb 2026 14:14:46 -0800
Subject: [PATCH 2/2] Appease Linter

---
 src/browser/reset.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/browser/reset.js b/src/browser/reset.js
index 58ba4cab..a5db40ad 100644
--- a/src/browser/reset.js
+++ b/src/browser/reset.js
@@ -92,7 +92,7 @@ export async function reset(opts = {}) {
 	}
 
 	if (opts.theme !== currentTheme) {
-		let theme = ['light', 'dark'].includes(opts.theme) ? opts.theme : 'light';
+		const theme = ['light', 'dark'].includes(opts.theme) ? opts.theme : 'light';
 		document.documentElement.dataset.theme = theme;
 		awaitNextFrame = true;
 		currentTheme = theme;