feat(FN-1343): add rust, copper, foundry, carbon color themes

- Add rust, copper, foundry, carbon theme IDs to core types
- Register themes in ThemeSelector component and flash-prevention logic
- Add CSS theme blocks and swatches for all four new themes
- Add ThemeSelector unit tests for the new themes
- Update memory documentation with new theme count

packages/dashboard/app/components/ThemeSelector.tsx

@@ -60,6 +60,10 @@ const COLOR_THEMES: { value: ColorTheme; label: string; className: string }[] =
   { value: "mars", label: "Mars", className: "theme-swatch-mars" },
   { value: "poimandres", label: "Poimandres", className: "theme-swatch-poimandres" },
   { value: "ember", label: "Ember", className: "theme-swatch-ember" },
+  { value: "rust", label: "Rust", className: "theme-swatch-rust" },
+  { value: "copper", label: "Copper", className: "theme-swatch-copper" },
+  { value: "foundry", label: "Foundry", className: "theme-swatch-foundry" },
+  { value: "carbon", label: "Carbon", className: "theme-swatch-carbon" },
 ];
 
 /**

packages/dashboard/app/components/__tests__/ThemeSelector.test.tsx

@@ -116,6 +116,10 @@ describe("ThemeSelector", () => {
     expect(screen.getByLabelText("Mars theme")).toBeDefined();
     expect(screen.getByLabelText("Poimandres theme")).toBeDefined();
     expect(screen.getByLabelText("Ember theme")).toBeDefined();
+    expect(screen.getByLabelText("Rust theme")).toBeDefined();
+    expect(screen.getByLabelText("Copper theme")).toBeDefined();
+    expect(screen.getByLabelText("Foundry theme")).toBeDefined();
+    expect(screen.getByLabelText("Carbon theme")).toBeDefined();
   });
 
   it("marks current color theme as active", () => {
@@ -438,6 +442,10 @@ describe("ThemeSelector", () => {
       ["espresso", "Espresso"],
       ["mars", "Mars"],
       ["poimandres", "Poimandres"],
+      ["rust", "Rust"],
+      ["copper", "Copper"],
+      ["foundry", "Foundry"],
+      ["carbon", "Carbon"],
     ] as const;
 
     dramaticThemes.forEach(([value, label]) => {