TRX/Checkmate
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: changing background main for primary main

Browse Source
This commit is contained in:
Caio Cabral committed 2025-01-11 16:53:00 -05:00
1 parent c0df164e46
commit 3b1657c415
34 files changed
+44 -44
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Client/src/Components/BasicTable/index.jsx
+1 -1
View File
@@ -298,7 +298,7 @@ const BasicTable = ({ data, paginated, reversed, table, emptyMessage = "No data"
minWidth: theme.spacing(20),
textAlign: "left",
"&.Mui-focused > div": {
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
},
},
},
Client/src/Components/Charts/MonitorDetailsAreaChart/index.jsx
+2 -2
View File
@@ -26,7 +26,7 @@ const CustomToolTip = ({ active, payload, label }) => {
<Box
className="area-tooltip"
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
@@ -202,7 +202,7 @@ const MonitorDetailsAreaChart = ({ checks }) => {
stroke={theme.palette.primary.main}
fill="url(#colorUv)"
strokeWidth={isHovered ? 2.5 : 1.5}
activeDot={{ stroke: theme.palette.background.main, r: 5 }}
activeDot={{ stroke: theme.palette.primary.main, r: 5 }}
/>
</AreaChart>
</ResponsiveContainer>
Client/src/Components/Charts/Utils/chartUtils.jsx
+2 -2
View File
@@ -118,7 +118,7 @@ export const InfrastructureTooltip = ({
<Box
className="area-tooltip"
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
@@ -198,7 +198,7 @@ export const TemperatureTooltip = ({ active, payload, label, keys, dotColor }) =
<Box
className="area-tooltip"
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
Client/src/Components/ConfigBox/index.jsx
+1 -1
View File
@@ -5,7 +5,7 @@ const ConfigBox = styled(Stack)(({ theme }) => ({
flexDirection: "row",
justifyContent: "space-between",
gap: theme.spacing(20),
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderStyle: "solid",
borderColor: theme.palette.primary.lowContrast,
Client/src/Components/Dialog/genericDialog.jsx
+1 -1
View File
@@ -22,7 +22,7 @@ const GenericDialog = ({ title, description, open, onClose, theme, children }) =
left: "50%",
transform: "translate(-50%, -50%)",
width: 400,
bgcolor: theme.palette.background.main,
bgcolor: theme.palette.primary.main,
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
Client/src/Components/Inputs/Search/index.jsx
+1 -1
View File
@@ -142,7 +142,7 @@ const Search = ({
option.noOptions
? {
pointerEvents: "none",
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
}
: {}
}
Client/src/Components/Label/index.jsx
+1 -1
View File
@@ -144,7 +144,7 @@ const StatusLabel = ({ status, text, customStyles }) => {
},
pending: {
dotColor: theme.palette.primary.contrastText.secondary,
bgColor: theme.palette.background.main,
bgColor: theme.palette.primary.main,
borderColor: theme.palette.primary.lowContrast,
},
"cannot resolve": {
Client/src/Components/ProgressBars/index.jsx
+1 -1
View File
@@ -62,7 +62,7 @@ const ProgressUpload = ({ icon, label, size, progress = 0, onClick, error }) =>
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: 2,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
"& svg": {
position: "absolute",
top: "50%",
Client/src/Components/StatBox/index.jsx
+2 -2
View File
@@ -39,8 +39,8 @@ const StatBox = ({ heading, subHeading, sx }) => {
borderStyle: "solid",
borderColor: theme.palette.primary.lowContrast,
borderRadius: 4,
backgroundColor: theme.palette.background.main,
/* background: `linear-gradient(340deg, ${theme.palette.tertiary.main} 20%, ${theme.palette.background.main} 45%)`, */
backgroundColor: theme.palette.primary.main,
/* background: `linear-gradient(340deg, ${theme.palette.tertiary.main} 20%, ${theme.palette.primary.main} 45%)`, */
"& h2": {
fontSize: 13,
fontWeight: 500,
Client/src/Pages/Account/index.jsx
+1 -1
View File
@@ -60,7 +60,7 @@ const Account = ({ open = "profile" }) => {
border={1}
borderColor={theme.palette.primary.lowContrast}
borderRadius={theme.shape.borderRadius}
backgroundColor={theme.palette.background.main}
backgroundColor={theme.palette.primary.main}
>
<TabContext value={tab}>
<Box
Client/src/Pages/Auth/CheckEmail.jsx
+1 -1
View File
@@ -130,7 +130,7 @@ const CheckEmail = () => {
border: 1,
borderRadius: theme.spacing(5),
borderColor: theme.palette.primary.lowContrast,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
padding: {
xs: theme.spacing(12),
sm: theme.spacing(20),
Client/src/Pages/Auth/ForgotPassword.jsx
+1 -1
View File
@@ -132,7 +132,7 @@ const ForgotPassword = () => {
border: 1,
borderRadius: theme.spacing(5),
borderColor: theme.palette.primary.lowContrast,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
padding: {
xs: theme.spacing(12),
sm: theme.spacing(20),
Client/src/Pages/Auth/Login/Login.jsx
+1 -1
View File
@@ -182,7 +182,7 @@ const Login = () => {
border: 1,
borderRadius: theme.spacing(5),
borderColor: theme.palette.primary.lowContrast,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
padding: {
xs: theme.spacing(12),
sm: theme.spacing(20),
Client/src/Pages/Auth/NewPasswordConfirmed.jsx
+1 -1
View File
@@ -66,7 +66,7 @@ const NewPasswordConfirmed = () => {
border: 1,
borderRadius: theme.spacing(5),
borderColor: theme.palette.primary.lowContrast,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
padding: {
xs: theme.spacing(12),
sm: theme.spacing(20),
Client/src/Pages/Auth/Register/Register.jsx
+1 -1
View File
@@ -321,7 +321,7 @@ const Register = ({ isSuperAdmin }) => {
border: 1,
borderRadius: theme.spacing(5),
borderColor: theme.palette.primary.lowContrast,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
padding: {
xs: theme.spacing(12),
sm: theme.spacing(20),
Client/src/Pages/Auth/SetNewPassword.jsx
+1 -1
View File
@@ -111,7 +111,7 @@ const SetNewPassword = () => {
border: 1,
borderRadius: theme.spacing(5),
borderColor: theme.palette.primary.lowContrast,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
padding: {
xs: theme.spacing(12),
sm: theme.spacing(20),
Client/src/Pages/Incidents/IncidentTable/index.jsx
+1 -1
View File
@@ -132,7 +132,7 @@ const IncidentTable = ({ monitors, selectedMonitor, filter }) => {
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
p: theme.spacing(30),
};
Client/src/Pages/Incidents/index.jsx
+1 -1
View File
@@ -95,7 +95,7 @@ const Incidents = () => {
onChange={handleSelect}
items={Object.values(monitors)}
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
}}
/>
<ButtonGroup
Client/src/Pages/Infrastructure/Details/index.jsx
+2 -2
View File
@@ -109,7 +109,7 @@ const BaseBox = ({ children, sx = {} }) => {
padding: `${theme.spacing(BASE_BOX_PADDING_VERTICAL)} ${theme.spacing(BASE_BOX_PADDING_HORIZONTAL)}`,
minWidth: 200,
width: 225,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderStyle: "solid",
borderColor: theme.palette.primary.lowContrast,
@@ -667,7 +667,7 @@ const InfrastructureDetails = () => {
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
p: theme.spacing(30),
}}
/>
Client/src/Pages/Infrastructure/components/TablePagination/index.jsx
+1 -1
View File
@@ -92,7 +92,7 @@ function Pagination({
minWidth: theme.spacing(20),
textAlign: "left",
"&.Mui-focused > div": {
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
},
},
},
Client/src/Pages/Infrastructure/index.jsx
+1 -1
View File
@@ -182,7 +182,7 @@ function Infrastructure() {
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
borderStyle: "dashed",
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
overflow: "hidden",
},
}}
Client/src/Pages/Integrations/index.jsx
+1 -1
View File
@@ -35,7 +35,7 @@ const IntegrationsComponent = ({ icon, header, info, onClick }) => {
border={1}
borderColor={theme.palette.primary.lowContrast}
borderRadius={theme.shape.borderRadius}
backgroundColor={theme.palette.background.main}
backgroundColor={theme.palette.primary.main}
>
{icon}
<Stack
Client/src/Pages/Maintenance/MaintenanceTable/index.jsx
+1 -1
View File
@@ -322,7 +322,7 @@ const MaintenanceTable = ({
minWidth: theme.spacing(20),
textAlign: "left",
"&.Mui-focused > div": {
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
},
},
},
Client/src/Pages/Maintenance/index.jsx
+1 -1
View File
@@ -54,7 +54,7 @@ const Maintenance = () => {
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
borderStyle: "dashed",
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
overflow: "hidden",
},
}}
Client/src/Pages/PageSpeed/Details/Charts/AreaChart.jsx
+2 -2
View File
@@ -54,7 +54,7 @@ const CustomToolTip = ({ active, payload, label, config }) => {
return (
<Box
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
@@ -289,7 +289,7 @@ const PagespeedDetailsAreaChart = ({ data, interval, metrics }) => {
{Object.keys(filteredConfig).map((key) => {
const { color } = filteredConfig[key];
const strokeColor = theme.palette[color].main;
const bgColor = theme.palette.background.main;
const bgColor = theme.palette.primary.main;
return (
<Area
Client/src/Pages/PageSpeed/Details/styled.jsx
+3 -3
View File
@@ -10,7 +10,7 @@ export const ChartBox = styled(Stack)(({ theme }) => ({
borderRadius: 4,
borderTopRightRadius: 16,
borderBottomRightRadius: 16,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
"& h2": {
color: theme.palette.primary.contrastText.secondary,
fontSize: 15,
@@ -33,8 +33,8 @@ export const ChartBox = styled(Stack)(({ theme }) => ({
borderLeftStyle: "solid",
borderLeftColor: theme.palette.primary.lowContrast,
borderRadius: 16,
backgroundColor: theme.palette.background.main,
background: `linear-gradient(325deg, ${theme.palette.tertiary.main} 20%, ${theme.palette.background.main} 45%)`,
backgroundColor: theme.palette.primary.main,
background: `linear-gradient(325deg, ${theme.palette.tertiary.main} 20%, ${theme.palette.primary.main} 45%)`,
},
"& path": {
transition: "stroke-width 400ms ease",
Client/src/Pages/PageSpeed/card.jsx
+2 -2
View File
@@ -23,7 +23,7 @@ const CustomToolTip = ({ payload }) => {
return (
<Box
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
@@ -217,7 +217,7 @@ const Card = ({ monitor }) => {
border={1}
borderColor={theme.palette.primary.lowContrast}
borderRadius={theme.shape.borderRadius}
backgroundColor={theme.palette.background.main}
backgroundColor={theme.palette.primary.main}
sx={{
display: "grid",
gridTemplateColumns: "34px 2fr 1fr",
Client/src/Pages/PageSpeed/index.jsx
+1 -1
View File
@@ -71,7 +71,7 @@ const PageSpeed = () => {
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
borderStyle: "dashed",
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
overflow: "hidden",
},
}}
Client/src/Pages/Status/index.jsx
+1 -1
View File
@@ -15,7 +15,7 @@ const Status = () => {
borderColor: theme.palette.primary.lowContrast,
borderRadius: theme.shape.borderRadius,
borderStyle: "dashed",
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
overflow: "hidden",
},
}}
Client/src/Pages/Uptime/Details/styled.jsx
+1 -1
View File
@@ -10,7 +10,7 @@ export const ChartBox = styled(Stack)(({ theme }) => ({
borderStyle: "solid",
borderColor: theme.palette.primary.lowContrast,
borderRadius: 4,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
"& h2": {
color: theme.palette.primary.contrastText.secondary,
fontSize: 15,
Client/src/Pages/Uptime/Home/StatusBox.jsx
+1 -1
View File
@@ -47,7 +47,7 @@ const StatusBox = ({ title, value }) => {
border={1}
borderColor={theme.palette.primary.lowContrast}
borderRadius={theme.shape.borderRadius}
backgroundColor={theme.palette.background.main}
backgroundColor={theme.palette.primary.main}
p={theme.spacing(8)}
overflow="hidden"
>
Client/src/Pages/Uptime/Home/UptimeTable/index.jsx
+1 -1
View File
@@ -154,7 +154,7 @@ const MonitorTable = ({ isAdmin, filter, setIsSearching, isSearching, handlePaus
height="100%"
position="absolute"
sx={{
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
opacity: 0.8,
zIndex: 100,
}}
Client/src/Pages/Uptime/Home/fallback.jsx
+1 -1
View File
@@ -14,7 +14,7 @@ const Fallback = ({ isAdmin }) => {
return (
<Stack
alignItems="center"
backgroundColor={theme.palette.background.main}
backgroundColor={theme.palette.primary.main}
p={theme.spacing(30)}
pt={theme.spacing(25)}
gap={theme.spacing(2)}
Client/src/Utils/Theme/globalTheme.js
+3 -3
View File
@@ -142,7 +142,7 @@ const baseTheme = (palette) => ({
borderColor: theme.palette.primary.lowContrast,
borderRadius: 4,
boxShadow: shadow,
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
backgroundImage: "none",
};
},
@@ -196,7 +196,7 @@ const baseTheme = (palette) => ({
MuiPagination: {
styleOverrides: {
root: ({ theme }) => ({
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
border: 1,
borderStyle: "solid",
borderColor: theme.palette.primary.lowContrast,
@@ -248,7 +248,7 @@ const baseTheme = (palette) => ({
},
"& .MuiInputBase-input:-webkit-autofill": {
transition: "background-color 5000s ease-in-out 0s",
WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.background.main} inset`,
WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.primary.main} inset`,
WebkitTextFillColor: theme.palette.primary.contrastText.main,
},
"& .MuiInputBase-input.MuiOutlinedInput-input": {