Update colors

web/src/components/theme.js

@@ -1,5 +1,3 @@
-import { grey, red } from "@mui/material/colors";
-
 /** @type {import("@mui/material").ThemeOptions} */
 const themeOptions = {
   components: {
@@ -22,6 +20,8 @@ const themeOptions = {
   },
 };
 
+// https://github.com/binwiederhier/ntfy-android/blob/main/app/src/main/res/values/colors.xml
+
 /** @type {import("@mui/material").ThemeOptions['palette']} */
 export const lightPalette = {
   mode: "light",
@@ -32,20 +32,27 @@ export const lightPalette = {
     main: "#6cead0",
   },
   error: {
-    main: red.A400,
+    main: "#c30000",
   },
+  actionBarBackground: "linear-gradient(150deg, #338574 0%, #56bda8 100%)",
 };
 
 /** @type {import("@mui/material").ThemeOptions['palette']} */
 export const darkPalette = {
-  ...lightPalette,
   mode: "dark",
   background: {
-    paper: grey["800"],
+    paper: "#1b2124",
   },
   primary: {
+    main: "#65b5a3",
+  },
+  secondary: {
     main: "#6cead0",
   },
+  error: {
+    main: "#fe4d2e",
+  },
+  actionBarBackground: "linear-gradient(150deg, #203631 0%, #2a6e60 100%)",
 };
 
 export default themeOptions;