diff --git a/src/utils/securityColors.ts b/src/utils/securityColors.ts index c748e91..c890e68 100644 --- a/src/utils/securityColors.ts +++ b/src/utils/securityColors.ts @@ -1,11 +1,10 @@ - export const getSecurityColor = (security: number): string => { if (security > 0.5) { - // Green to blue for high security (0.5, 1] + // Cyan to light blue for high security (0.5, 1] const ratio = (security - 0.5) / 0.5; - const green = Math.round(34 + (16 - 34) * ratio); // From #22c55e to #1065d4 - const blue = Math.round(197 + (212 - 197) * ratio); - return `rgb(${Math.round(34 * (1 - ratio) + 16 * ratio)}, ${green}, ${blue})`; + const green = Math.round(200 + (180 - 200) * ratio); // From #00c8c8 to #00b4d8 + const blue = Math.round(200 + (216 - 200) * ratio); + return `rgb(${Math.round(0 * (1 - ratio) + 0 * ratio)}, ${green}, ${blue})`; } else if (security >= 0) { // Red to yellow for low security [0.0, 0.5] const ratio = security / 0.5;