From b35a14a8d94ffe7c3dad8db4d9488b2b6a46e20e Mon Sep 17 00:00:00 2001 From: vikrantgupta25 Date: Thu, 19 Sep 2024 19:45:45 +0530 Subject: [PATCH] chore: improve colors for the log line indicators --- .../LogStateIndicator/LogStateIndicator.styles.scss | 11 +++-------- frontend/src/container/LogsExplorerChart/utils.ts | 11 +++++++---- 2 files changed, 10 insertions(+), 12 deletions(-) diff --git a/frontend/src/components/Logs/LogStateIndicator/LogStateIndicator.styles.scss b/frontend/src/components/Logs/LogStateIndicator/LogStateIndicator.styles.scss index 61870abc71..2260bf5aa3 100644 --- a/frontend/src/components/Logs/LogStateIndicator/LogStateIndicator.styles.scss +++ b/frontend/src/components/Logs/LogStateIndicator/LogStateIndicator.styles.scss @@ -22,26 +22,21 @@ } &.INFO { - background-color: var(--bg-slate-400); + background-color: var(--bg-robin-500); } - &.WARNING, &.WARN { background-color: var(--bg-amber-500); } - &.ERROR { background-color: var(--bg-cherry-500); } - &.TRACE { - background-color: var(--bg-robin-300); + background-color: var(--bg-forest-400); } - &.DEBUG { - background-color: var(--bg-forest-500); + background-color: var(--bg-aqua-500); } - &.FATAL { background-color: var(--bg-sakura-500); } diff --git a/frontend/src/container/LogsExplorerChart/utils.ts b/frontend/src/container/LogsExplorerChart/utils.ts index d052a01585..40253750da 100644 --- a/frontend/src/container/LogsExplorerChart/utils.ts +++ b/frontend/src/container/LogsExplorerChart/utils.ts @@ -9,15 +9,18 @@ export function getColorsForSeverityLabels( const lowerCaseLabel = label.toLowerCase(); if (lowerCaseLabel.includes(`{severity_text="trace"}`)) { - return Color.BG_ROBIN_300; + return Color.BG_FOREST_400; } if (lowerCaseLabel.includes(`{severity_text="debug"}`)) { - return Color.BG_FOREST_500; + return Color.BG_AQUA_500; } - if (lowerCaseLabel.includes(`{severity_text="info"}`)) { - return Color.BG_SLATE_400; + if ( + lowerCaseLabel.includes(`{severity_text="info"}`) || + lowerCaseLabel.includes(`{severity_text=""}`) + ) { + return Color.BG_ROBIN_500; } if (lowerCaseLabel.includes(`{severity_text="warn"}`)) {