diff --git a/src/app/perfil/[id]/components/GroupButton.js b/src/app/perfil/[id]/components/GroupButton.js
index df9337060cdbe1dad7d8ad796f09189da6614902..eb90d0c41f67f310ba6e86dcdd6a9ea59693b7b9 100644
--- a/src/app/perfil/[id]/components/GroupButton.js
+++ b/src/app/perfil/[id]/components/GroupButton.js
@@ -92,15 +92,15 @@ export default function GroupButton({ profileData, idLogin }) {
},
},
}}>
- <div className="flex flex-col justify-center bg-ice-HC-dark p-5 rounded">
- <p className="text-xl justify-center flex text-darkGray-HC-white-underline mb-2">O usuário já foi denunciado!</p>
+ <div className="flex flex-col justify-center bg-ice-HC-dark p-5 rounded outline outline-1 outline-ice-HC-white">
+ <p className="text-xl justify-center flex text-darkGray-HC-white mb-2">O usuário já foi denunciado!</p>
<div className="flex flex-row justify-center mt-2">
<button
- className=" text-sm p-2 mr-1 text-darkGray-HC-white-underline border-main rounded-lg normal-case h-9 font-bold bg-white-HC-dark hover:bg-ice-HC-dark-hover"
+ className=" text-sm p-2 mr-1 text-white-HC-dark-underline border-main rounded-lg normal-case h-9 font-bold outline outline-1 outline-ice-HC-white bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark hover:text-white-HC-underline"
onClick={onClose}
>
- Ok
+ OK
</button>
</div>
</div>
diff --git a/src/app/perfil/[id]/components/ReportProfileModal.js b/src/app/perfil/[id]/components/ReportProfileModal.js
index a97137ec71206565f8fe6f31bdeb406881155c61..d56afb517fb6ab60f5ee3f543de3b7235203809d 100644
--- a/src/app/perfil/[id]/components/ReportProfileModal.js
+++ b/src/app/perfil/[id]/components/ReportProfileModal.js
@@ -77,19 +77,30 @@ export default function ReportProfileModal({ open, onClose, profile, idLogin, se
},
}}
>
- <div className="flex flex-col bg-ice-HC-dark p-3 rounded-lg">
+ <div className="flex flex-col bg-ice-HC-dark p-3 rounded-lg outline outline-1 outline-ice-HC-white">
<div className="px-3 flex justify-between">
- <div className="text-2xl font-bold text-darkGray-HC-white-underline">Reportar</div>
- <button onClick={onClose} className="text-2xl font-bold text-darkGray-HC-white-underline hover:bg-ice-HC-dark-hover p-1 px-2 rounded-full">X</button>
+ <div className="text-2xl font-bold text-darkGray-HC-white">Reportar</div>
+ <button onClick={onClose} className="text-2xl font-bold text-darkGray-HC-white hover:bg-ice-HC-dark-hover p-1 px-2 rounded-full">X</button>
</div>
<div className="p-3 flex flex-col">
- <div className="text-base font-bold text-darkGray-HC-white-underline">
+ <div className="text-base font-bold text-darkGray-HC-white">
O que está acontecendo?
</div>
<form onSubmit={handleSubmit}>
- <FormControl className="p-3 text-darkGray-HC-white-underline">
- <RadioGroup defaultValue={"1"} name="report-radio-group">
+ <FormControl className="p-3 text-darkGray-HC-white">
+ <RadioGroup
+ defaultValue={"1"}
+ name="report-radio-group"
+ sx={{
+ '& .MuiRadio-root': {
+ color: 'var(--darkGray-HC-white)', // Default radio color
+ '&.Mui-checked': {
+ color: 'var(--turquoise-HC-white)', // Selected radio color
+ },
+ },
+ }}
+ >
{options.map((option, i) => {
return (
<FormControlLabel
@@ -113,12 +124,29 @@ export default function ReportProfileModal({ open, onClose, profile, idLogin, se
label="Escreva mais sobre o problema"
variant="standard"
error={info.length > 150 }
+ sx={{
+ '& .MuiInputBase-input': {
+ color: 'var(--darkGray-HC-white)', // Cor do texto dentro do input
+ },
+ '& .MuiInput-underline:before': {
+ borderBottomColor: 'var(--darkGray-HC-white)', // Cor da borda padrão
+ },
+ '& .MuiInput-underline:after': {
+ borderBottomColor: 'var(--turquoise-HC-white)', // Cor da borda ao focar
+ },
+ '& .MuiInputLabel-root': {
+ color: 'var(--darkGray-HC-white)', // Cor do texto do label
+ },
+ '& .MuiInputLabel-root.Mui-focused': {
+ color: 'var(--turquoise-HC-white)', // Cor do label ao focar
+ },
+ }}
/>
<Button
type="submit"
variant="contained"
disabled={info.length > 150}
- className="bg-turquoise hover:bg-black-HC-gray disabled:bg-red mt-3 text-white-HC-dark-underline hover:text-turquoise-HC-underline shadow-none rounded normal-case text-base font-bold"
+ className="bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark disabled:bg-red mt-3 text-white-HC-dark-underline hover:text-white-HC-underline shadow-none rounded normal-case text-base font-bold outline outline-1 outline-ice-HC-white"
>
Enviar
</Button>
diff --git a/src/app/perfil/[id]/components/UserCard.js b/src/app/perfil/[id]/components/UserCard.js
index 21213f6bd2dc7baf7d0ac89a4bc4435c07692819..a5251ea8311a5ab85632247003c877f3f7a1c91f 100644
--- a/src/app/perfil/[id]/components/UserCard.js
+++ b/src/app/perfil/[id]/components/UserCard.js
@@ -76,13 +76,13 @@ const roles = [
function getRandomBg(id) {
const colors = [
- "bg-turquoise",
- "bg-orange",
+ "bg-turquoise-HC-white",
+ "bg-orange-HC-white",
"bg-turquoise-hover",
"bg-darkOrange-HC-gray ",
- "bg-violet",
- "bg-pink",
- "bg-red",
+ "bg-violet-HC-white",
+ "bg-pink-HC-white",
+ "bg-red-HC-white",
"bg-darkGray-HC-white",
"bg-darkGray-HC-white-click",
"bg-ice-HC-dark ",