GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 06:58:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: improve colors for the log line indicators (#6032)

Browse Source
This commit is contained in:
Vikrant Gupta 2024-09-19 23:02:32 +05:30 committed by GitHub
parent 8eb2cf144e
commit e203276678
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/Logs/LogStateIndicator/LogStateIndicator.styles.scss
View File

@ -22,26 +22,21 @@
} }
&.INFO { &.INFO {
background-color: var(--bg-slate-400); background-color: var(--bg-robin-500);
} }
&.WARNING, &.WARNING,
&.WARN { &.WARN {
background-color: var(--bg-amber-500); background-color: var(--bg-amber-500);
} }
&.ERROR { &.ERROR {
background-color: var(--bg-cherry-500); background-color: var(--bg-cherry-500);
} }
&.TRACE { &.TRACE {
background-color: var(--bg-robin-300); background-color: var(--bg-forest-400);
} }
&.DEBUG { &.DEBUG {
background-color: var(--bg-forest-500); background-color: var(--bg-aqua-500);
} }
&.FATAL { &.FATAL {
background-color: var(--bg-sakura-500); background-color: var(--bg-sakura-500);
} }

11
frontend/src/container/LogsExplorerChart/utils.ts
View File

@ -9,15 +9,18 @@ export function getColorsForSeverityLabels(
const lowerCaseLabel = label.toLowerCase(); const lowerCaseLabel = label.toLowerCase();
if (lowerCaseLabel.includes(`{severity_text="trace"}`)) { if (lowerCaseLabel.includes(`{severity_text="trace"}`)) {
return Color.BG_ROBIN_300; return Color.BG_FOREST_400;
} }
if (lowerCaseLabel.includes(`{severity_text="debug"}`)) { if (lowerCaseLabel.includes(`{severity_text="debug"}`)) {
return Color.BG_FOREST_500; return Color.BG_AQUA_500;
} }
if (lowerCaseLabel.includes(`{severity_text="info"}`)) { if (
return Color.BG_SLATE_400; lowerCaseLabel.includes(`{severity_text="info"}`) ||
lowerCaseLabel.includes(`{severity_text=""}`)
) {
return Color.BG_ROBIN_500;
} }
if (lowerCaseLabel.includes(`{severity_text="warn"}`)) { if (lowerCaseLabel.includes(`{severity_text="warn"}`)) {