feat: changing background main for primary main

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

No files matched your search

+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,
},
},
},
@@ -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>
@@ -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,
+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,
@@ -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,
@@ -142,7 +142,7 @@ const Search = ({
option.noOptions
? {
pointerEvents: "none",
backgroundColor: theme.palette.background.main,
backgroundColor: theme.palette.primary.main,
}
: {}
}
+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": {
+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%",
+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,