fix: adjusted colors

Author: noahonyejese

Diff for: src/components/MUI.stories.tsx

@@ -74,10 +74,10 @@ export const ButtonStory = () => (
       Colors
     </Typography>
     <Stack direction="row" spacing={1} sx={{ mb: 2 }}>
-      <Button color="cobalt" variant="contained">
+      <Button color="primary" variant="contained">
         Primary
       </Button>
-      <Button color="monochrome" variant="contained">
+      <Button color="secondary" variant="contained">
         Secondary
       </Button>
       <Button color="green" variant="contained">

Diff for: src/themes/index.d.ts

@@ -15,8 +15,8 @@ declare module "@mui/material" {
 
 declare module "@mui/material/Button" {
   interface ButtonPropsColorOverrides {
-    primary: false;
-    secondary: false;
+    primary: true;
+    secondary: true;
     success: false;
     error: false;
     info: false;

Diff for: src/themes/palette.ts

@@ -2,18 +2,22 @@ import { c as colors } from "@interactivethings/swiss-federal-ci";
 import { type ThemeOptions } from "@mui/material";
 
 export const palette = {
+  ...colors,
   text: {
     primary: colors.monochrome[800],
   },
   primary: {
-    main: "#1D4ED8",
-    light: "#60A5FA",
+    main: "#D8232A",
     contrastText: "#FFFFFF",
   },
   cobalt: {
     main: colors.cobalt[700],
     ...colors.cobalt,
   },
+  secondary: {
+    main: colors.cobalt[700],
+    ...colors.cobalt,
+  },
   monochrome: {
     main: colors.monochrome[700],
     ...colors.monochrome,