diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 7ed2e0a16..d16f02f2b 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -43,7 +43,7 @@ interface UIDefaults {
   Refresh: number;
   HideFiltersWhenIdle: boolean;
   ColorTitlebar: boolean;
-  DarkTheme: boolean;
+  Theme: "light" | "dark" | "auto";
   MinimalGroupWidth: number;
   AlertsPerGroup: number;
   CollapseGroups: "expanded" | "collapsed" | "collapsedOnMobile";
diff --git a/ui/src/index.test.js b/ui/src/index.test.js
index fd56ccb24..a48dc4984 100644
--- a/ui/src/index.test.js
+++ b/ui/src/index.test.js
@@ -34,7 +34,7 @@ it("renders without crashing with missing defaults div", () => {
   fetch.mockResponse(JSON.stringify(response));
   const Index = require("./index.tsx");
   expect(Index).toBeTruthy();
-  expect(root.innerHTML).toMatch(/data-filters="foo=bar bar=~baz"/);
+  expect(root.innerHTML).toMatch(/data-theme="auto"/);
 });
 
 it("renders without crashing with defaults present", () => {