mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-24 02:29:35 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add new objects to the color palettes.

Browse Source
This commit is contained in:
M M
2024-09-02 15:03:40 -07:00
parent 3a27ce0a8a
commit 081ad080a8
3 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Client/src/Pages/Monitors/Home/monitorData.jsx
View File

@@ -32,7 +32,7 @@ export const buildData = (monitors, isAdmin, navigate) => {
data.rows = monitors.map((monitor, idx) => {
let uptimePercentage = "";
let percentageColor = theme.palette.success.main;
let percentageColor = theme.palette.percentage.green;
if (monitor.uptimePercentage !== undefined) {
uptimePercentage =
@@ -41,13 +41,13 @@ export const buildData = (monitors, isAdmin, navigate) => {
: (monitor.uptimePercentage * 100).toFixed(2);
if (monitor.uptimePercentage < 0.25) {
percentageColor = theme.palette.error.text;
percentageColor = theme.palette.percentage.red;
} else if (monitor.uptimePercentage >= 0.25 && monitor.uptimePercentage < 0.5) {
percentageColor = theme.palette.warning.main;
percentageColor = theme.palette.percentage.orange;
} else if (monitor.uptimePercentage >= 0.5 && monitor.uptimePercentage < 0.75) {
percentageColor = theme.palette.warning.light;
percentageColor = theme.palette.percentage.yellow;
} else if (monitor.uptimePercentage >= 0.75 && monitor.uptimePercentage <= 1) {
percentageColor = theme.palette.success.main;
percentageColor = theme.palette.percentage.green;
}
}

6
Client/src/Utils/Theme/darkTheme.js
View File

@@ -57,6 +57,12 @@ const darkTheme = createTheme({
bg: "#1E1E1E",
border: "#e88c30",
},
percentage: {
red: "#d32f2f",
orange: "#e88c30",
yellow: "#ffd600",
green: "#079455",
},
unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
divider: border.light,
other: {

6
Client/src/Utils/Theme/lightTheme.js
View File

@@ -54,6 +54,12 @@ const lightTheme = createTheme({
bg: "#ffecbc",
border: "#fec84b",
},
percentage: {
red: "#d32f2f",
orange: "#ec8013",
yellow: "#ffb800",
green: "#079455",
},
unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
divider: border.light,
other: {