fix: primary buttons

Client/src/Components/Fallback/index.jsx

@@ -70,7 +70,7 @@ const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false }) =>
 			{isAdmin && (
 				<Button
 					variant="contained"
-					color="primary"
+					color="accent"
 					sx={{ alignSelf: "center" }}
 					onClick={() => navigate(link)}
 				>

Client/src/Components/ProgressStepper/index.jsx

@@ -7,9 +7,9 @@ import PropTypes from "prop-types";
 const CustomStepIcon = (props) => {
 	const { completed, active } = props;
 	return completed ? (
-		<CheckCircle color="primary" />
+		<CheckCircle color="accent" />
 	) : (
-		<RadioButtonCheckedIcon color={active ? "primary" : "disabled"} />
+		<RadioButtonCheckedIcon color={active ? "accent" : "disabled"} />
 	);
 };
 

Client/src/Components/TabPanels/Account/ProfilePanel.jsx

@@ -323,7 +323,7 @@ const ProfilePanel = () => {
 						</Button>
 						<Button
 							variant="text"
-							color="primary"
+							color="accent"
 							onClick={openPictureModal}
 						>
 							Update
@@ -450,7 +450,7 @@ const ProfilePanel = () => {
 					</Button>
 					<Button
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={handleUpdatePicture}
 						disabled={
 							(Object.keys(errors).length !== 0 && errors?.picture) ||

Client/src/Components/TabPanels/Account/TeamPanel.jsx

@@ -297,7 +297,7 @@ const TeamPanel = () => {
 					</LoadingButton>
 					<LoadingButton
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={handleInviteMember}
 						loading={isSendingInvite}
 						disabled={isDisabled}

Client/src/Pages/Auth/CheckEmail.jsx

@@ -174,7 +174,7 @@ const CheckEmail = () => {
 					</Box>
 					<Button
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={openMail}
 						sx={{
 							width: "100%",

Client/src/Pages/Auth/ForgotPassword.jsx

@@ -187,7 +187,7 @@ const ForgotPassword = () => {
 						/>
 						<LoadingButton
 							variant="contained"
-							color="primary"
+							color="accent"
 							loading={isLoading}
 							disabled={errors.email !== undefined}
 							onClick={handleSubmit}

Client/src/Pages/Auth/Login/Components/EmailStep.jsx

@@ -65,7 +65,7 @@ const EmailStep = ({ form, errors, onSubmit, onChange }) => {
 					>
 						<Button
 							variant="contained"
-							color="primary"
+							color="accent"
 							type="submit"
 							disabled={errors.email && true}
 							sx={{

Client/src/Pages/Auth/Login/Components/PasswordStep.jsx

@@ -91,7 +91,7 @@ const PasswordStep = ({ form, errors, onSubmit, onChange, onBack }) => {
 						</Button>
 						<LoadingButton
 							variant="contained"
-							color="primary"
+							color="accent"
 							type="submit"
 							loading={authState.isLoading}
 							disabled={errors.password && true}

Client/src/Pages/Auth/NewPasswordConfirmed.jsx

@@ -104,7 +104,7 @@ const NewPasswordConfirmed = () => {
 					</Box>
 					<Button
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={() => navigate("/uptime")}
 						sx={{
 							width: "100%",

Client/src/Pages/Auth/Register/StepOne/index.jsx

@@ -111,7 +111,7 @@ function StepOne({ form, errors, onSubmit, onChange, onBack }) {
 						</Button>
 						<Button
 							variant="contained"
-							color="primary"
+							color="accent"
 							type="submit"
 							disabled={(errors.firstName || errors.lastName) && true}
 							sx={{

Client/src/Pages/Auth/Register/StepThree/index.jsx

@@ -145,7 +145,7 @@ function StepThree({ onSubmit, onBack }) {
 						<Button
 							type="submit"
 							variant="contained"
-							color="primary"
+							color="accent"
 							disabled={
 								form.password.length === 0 ||
 								form.confirm.length === 0 ||

Client/src/Pages/Auth/Register/StepTwo/index.jsx

@@ -93,7 +93,7 @@ function StepTwo({ form, errors, onSubmit, onChange, onBack }) {
 						</Button>
 						<Button
 							variant="contained"
-							color="primary"
+							color="accent"
 							onClick={onSubmit}
 							disabled={errors.email && true}
 							sx={{

Client/src/Pages/Auth/SetNewPassword.jsx

@@ -234,7 +234,7 @@ const SetNewPassword = () => {
 					</Box>
 					<LoadingButton
 						variant="contained"
-						color="primary"
+						color="accent"
 						loading={isLoading}
 						onClick={handleSubmit}
 						disabled={

Client/src/Pages/Infrastructure/CreateMonitor/index.jsx

@@ -407,7 +407,7 @@ const CreateInfrastructureMonitor = () => {
 				>
 					<LoadingButton
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={handleCreateInfrastructureMonitor}
 						loading={monitorState?.isLoading}
 					>

Client/src/Pages/Integrations/index.jsx

@@ -54,7 +54,7 @@ const IntegrationsComponent = ({ icon, header, info, onClick }) => {
 				</Stack>
 				<Button
 					variant="contained"
-					color="primary"
+					color="accent"
 					onClick={onClick}
 					sx={{ alignSelf: "center" }}
 					disabled={true}

Client/src/Pages/Maintenance/CreateMaintenance/index.jsx

@@ -532,7 +532,7 @@ const CreateMaintenance = () => {
 					<LoadingButton
 						loading={isLoading}
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={handleSubmit}
 						disabled={false}
 					>

Client/src/Pages/Maintenance/index.jsx

@@ -70,7 +70,7 @@ const Maintenance = () => {
 						<Breadcrumbs list={[{ name: "maintenance", path: "/maintenance" }]} />
 						<Button
 							variant="contained"
-							color="primary"
+							color="accent"
 							onClick={() => {
 								navigate("/maintenance/create");
 							}}

Client/src/Pages/NotFound/index.jsx

@@ -58,7 +58,7 @@ const NotFound = ({ title = DefaultValue.title, desc = DefaultValue.desc }) => {
 				<Typography variant="body1">{desc}</Typography>
 				<Button
 					variant="contained"
-					color="primary"
+					color="accent"
 					sx={{ mt: theme.spacing(10) }}
 					onClick={() => navigate("/")}
 				>

Client/src/Pages/PageSpeed/Configure/index.jsx

@@ -426,7 +426,7 @@ const PageSpeedConfigure = () => {
 								loading={isLoading}
 								type="submit"
 								variant="contained"
-								color="primary"
+								color="accent"
 								onClick={handleSave}
 								sx={{ px: theme.spacing(12) }}
 							>

Client/src/Pages/PageSpeed/CreatePageSpeed/index.jsx

@@ -337,7 +337,7 @@ const CreatePageSpeed = () => {
 				>
 					<LoadingButton
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={handleCreateMonitor}
 						disabled={!Object.values(errors).every((value) => value === undefined)}
 						loading={isLoading}

Client/src/Pages/Settings/index.jsx

@@ -287,7 +287,7 @@ const Settings = () => {
 								<Typography>Add demo monitors</Typography>
 								<LoadingButton
 									variant="contained"
-									color="primary"
+									color="accent"
 									loading={isLoading || authIsLoading || checksIsLoading}
 									onClick={handleInsertDemoMonitors}
 									sx={{ mt: theme.spacing(4) }}
@@ -346,7 +346,7 @@ const Settings = () => {
 						loading={isLoading || authIsLoading || checksIsLoading}
 						disabled={Object.keys(errors).length > 0}
 						variant="contained"
-						color="primary"
+						color="accent"
 						sx={{ px: theme.spacing(12), mt: theme.spacing(20) }}
 						onClick={handleSave}
 					>

Client/src/Pages/Uptime/Configure/index.jsx

@@ -444,7 +444,7 @@ const Configure = () => {
 						>
 							<LoadingButton
 								variant="contained"
-								color="primary"
+								color="accent"
 								loading={isLoading}
 								sx={{ px: theme.spacing(12) }}
 								onClick={handleSubmit}

Client/src/Pages/Uptime/CreateUptime/index.jsx

@@ -402,7 +402,7 @@ const CreateMonitor = () => {
 				>
 					<LoadingButton
 						variant="contained"
-						color="primary"
+						color="accent"
 						onClick={handleCreateMonitor}
 						disabled={!Object.values(errors).every((value) => value === undefined)}
 						loading={isLoading}

Client/src/Pages/Uptime/Home/fallback.jsx

@@ -39,7 +39,7 @@ const Fallback = ({ isAdmin }) => {
 			{isAdmin && (
 				<Button
 					variant="contained"
-					color="primary"
+					color="accent"
 					onClick={() => {
 						navigate("/uptime/create");
 					}}