Oct 2, 2024 · Oct 1, 2024 · Oct 2, 2024
diff --git a/coderd/database/migrations/000260_remove_dark_blue_theme.down.sql b/coderd/database/migrations/000260_remove_dark_blue_theme.down.sql
 -- Nothing to restore
diff --git a/coderd/database/migrations/000260_remove_dark_blue_theme.up.sql b/coderd/database/migrations/000260_remove_dark_blue_theme.up.sql
 UPDATE users SET theme_preference = '' WHERE theme_preference = 'darkBlue';
diff --git a/site/src/pages/UserSettingsPage/AppearancePage/AppearanceForm.tsx b/site/src/pages/UserSettingsPage/AppearancePage/AppearanceForm.tsx
 themes={[themes.dark, themes.light]}
 onSelect={() => onChangeTheme("auto")}
 />

 <ThemePreviewButton
 displayName="Dark"
 active={currentTheme === "dark"}
 theme={themes.dark}
 onSelect={() => onChangeTheme("dark")}
 />
 <ThemePreviewButton
 displayName="Dark blue"
 active={currentTheme === "darkBlue"}
 theme={themes.darkBlue}
 onSelect={() => onChangeTheme("darkBlue")}
 />
 <ThemePreviewButton
 displayName="Light"
 active={currentTheme === "light"}
diff --git a/site/src/pages/UserSettingsPage/AppearancePage/AppearancePage.test.tsx b/site/src/pages/UserSettingsPage/AppearancePage/AppearancePage.test.tsx
 expect(API.updateAppearanceSettings).toBeCalledTimes(0);
 });

 it("changes theme to dark blue", async () => {
 renderWithAuth(<AppearancePage />);

 jest.spyOn(API, "updateAppearanceSettings").mockResolvedValueOnce({
 ...MockUser,
 theme_preference: "darkBlue",
 });

 const darkBlue = await screen.findByText("Dark blue");
 await userEvent.click(darkBlue);

 // Check if the API was called correctly
 expect(API.updateAppearanceSettings).toBeCalledTimes(1);
 expect(API.updateAppearanceSettings).toHaveBeenCalledWith("me", {
 theme_preference: "darkBlue",
 });
 });

 it("changes theme to light", async () => {
 renderWithAuth(<AppearancePage />);

diff --git a/site/src/pages/UsersPage/storybookData/users.ts b/site/src/pages/UsersPage/storybookData/users.ts
 last_seen_at: "2024-09-05T12:27:22.098297Z",
 status: "active",
 login_type: "oidc",
 theme_preference: "darkBlue",
 theme_preference: "dark",
 organization_ids: ["703f72a1-76f6-4f89-9de6-8a3989693fe5"],
 roles: [
 {
 last_seen_at: "2024-09-05T07:24:39.324649Z",
 status: "active",
 login_type: "oidc",
 theme_preference: "darkBlue",
 theme_preference: "dark",
 organization_ids: ["703f72a1-76f6-4f89-9de6-8a3989693fe5"],
 roles: [
 {
diff --git a/site/src/theme/darkBlue/branding.ts b/site/src/theme/darkBlue/branding.ts
diff --git a/site/src/theme/darkBlue/experimental.ts b/site/src/theme/darkBlue/experimental.ts
diff --git a/site/src/theme/darkBlue/index.ts b/site/src/theme/darkBlue/index.ts
diff --git a/site/src/theme/darkBlue/monaco.ts b/site/src/theme/darkBlue/monaco.ts
diff --git a/site/src/theme/darkBlue/mui.ts b/site/src/theme/darkBlue/mui.ts
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		UPDATE users SET theme_preference = '' WHERE theme_preference = 'darkBlue';
Original file line number	Diff line number	Diff line change
Expand Up		@@ -42,19 +42,12 @@ export const AppearanceForm: FC<AppearanceFormProps> = ({
		themes={[themes.dark, themes.light]}
		onSelect={() => onChangeTheme("auto")}
		/>

		<ThemePreviewButton
		displayName="Dark"
		active={currentTheme === "dark"}
		theme={themes.dark}
		onSelect={() => onChangeTheme("dark")}
		/>
		<ThemePreviewButton
		displayName="Dark blue"
		active={currentTheme === "darkBlue"}
		theme={themes.darkBlue}
		onSelect={() => onChangeTheme("darkBlue")}
		/>
		<ThemePreviewButton
		displayName="Light"
		active={currentTheme === "light"}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -21,24 +21,6 @@ describe("appearance page", () => {
		expect(API.updateAppearanceSettings).toBeCalledTimes(0);
		});

		it("changes theme to dark blue", async () => {
		renderWithAuth(<AppearancePage />);

		jest.spyOn(API, "updateAppearanceSettings").mockResolvedValueOnce({
		...MockUser,
		theme_preference: "darkBlue",
		});

		const darkBlue = await screen.findByText("Dark blue");
		await userEvent.click(darkBlue);

		// Check if the API was called correctly
		expect(API.updateAppearanceSettings).toBeCalledTimes(1);
		expect(API.updateAppearanceSettings).toHaveBeenCalledWith("me", {
		theme_preference: "darkBlue",
		});
		});

		it("changes theme to light", async () => {
		renderWithAuth(<AppearancePage />);

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -343,7 +343,7 @@ export const MockUsers: User[] = [
		last_seen_at: "2024-09-05T12:27:22.098297Z",
		status: "active",
		login_type: "oidc",
		theme_preference: "darkBlue",
		theme_preference: "dark",
		organization_ids: ["703f72a1-76f6-4f89-9de6-8a3989693fe5"],
		roles: [
		{
Expand DownExpand Up		@@ -423,7 +423,7 @@ export const MockUsers: User[] = [
		last_seen_at: "2024-09-05T07:24:39.324649Z",
		status: "active",
		login_type: "oidc",
		theme_preference: "darkBlue",
		theme_preference: "dark",
		organization_ids: ["703f72a1-76f6-4f89-9de6-8a3989693fe5"],
		roles: [
		{
Expand Down