From b8f630c1b8c987c4924437ab59573129355338f6 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Wed, 24 Jan 2024 15:39:51 -0800
Subject: [PATCH] Closes #7410 - Event display approach modified to include
 background color. - Theme colors modified and constrast verified via Wave
 a11y browser plugin.

---
 src/styles/_constants-espresso.scss  | 12 ++++++++----
 src/styles/_constants-maelstrom.scss | 12 ++++++++----
 src/styles/_constants-snow.scss      | 10 +++++++---
 src/styles/_status.scss              |  7 ++++++-
 4 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/styles/_constants-espresso.scss b/src/styles/_constants-espresso.scss
index fa6f5eec03..f4b96bc1a0 100644
--- a/src/styles/_constants-espresso.scss
+++ b/src/styles/_constants-espresso.scss
@@ -366,10 +366,14 @@ $colorLimitCyanFg: #d3faff;
 $colorLimitCyanIc: #6bedff;
 
 // Events
-$colorEventPurpleFg: #6433ff;
-$colorEventRedFg: #cc0000;
-$colorEventOrangeFg: orange;
-$colorEventYellowFg: #ffcc00;
+$colorEventPurpleFg: #aB8fff;
+$colorEventRedFg: #ff9999;
+$colorEventOrangeFg: #ff8800;
+$colorEventYellowFg: #ffdb63;
+$colorEventPurpleBg: #31204a;
+$colorEventRedBg: #3c1616;
+$colorEventOrangeBg: #3e2a13;
+$colorEventYellowBg: #3e3316;
 
 // Bubble colors
 $colorInfoBubbleBg: #dddddd;
diff --git a/src/styles/_constants-maelstrom.scss b/src/styles/_constants-maelstrom.scss
index c947c39dd7..f990b5293e 100644
--- a/src/styles/_constants-maelstrom.scss
+++ b/src/styles/_constants-maelstrom.scss
@@ -369,10 +369,14 @@ $colorLimitCyanFg: #d3faff;
 $colorLimitCyanIc: #6bedff;
 
 // Events
-$colorEventPurpleFg: #6433ff;
-$colorEventRedFg: #cc0000;
-$colorEventOrangeFg: orange;
-$colorEventYellowFg: #ffcc00;
+$colorEventPurpleFg: #aB8fff;
+$colorEventRedFg: #ff9999;
+$colorEventOrangeFg: #ff8800;
+$colorEventYellowFg: #ffdb63;
+$colorEventPurpleBg: #31204a;
+$colorEventRedBg: #3c1616;
+$colorEventOrangeBg: #3e2a13;
+$colorEventYellowBg: #3e3316;
 
 // Bubble colors
 $colorInfoBubbleBg: #dddddd;
diff --git a/src/styles/_constants-snow.scss b/src/styles/_constants-snow.scss
index cb3c40c8e5..8316ab74c1 100644
--- a/src/styles/_constants-snow.scss
+++ b/src/styles/_constants-snow.scss
@@ -367,9 +367,13 @@ $colorLimitCyanIc: #1795c0;
 
 // Events
 $colorEventPurpleFg: #6433ff;
-$colorEventRedFg: #cc0000;
-$colorEventOrangeFg: orange;
-$colorEventYellowFg: #ffcc00;
+$colorEventRedFg: #aa0000;
+$colorEventOrangeFg: #b84900;
+$colorEventYellowFg: #867109;
+$colorEventPurpleBg: #ebe7fb;
+$colorEventRedBg: #fcefef;
+$colorEventOrangeBg: #ffece3;
+$colorEventYellowBg: #fdf8eb;
 
 // Bubble colors
 $colorInfoBubbleBg: $colorMenuBg;
diff --git a/src/styles/_status.scss b/src/styles/_status.scss
index 43adeca76f..ab2f57fda3 100644
--- a/src/styles/_status.scss
+++ b/src/styles/_status.scss
@@ -237,18 +237,23 @@ tr {
 
 .is-event {
   &--purple {
+    background-color: $colorEventPurpleBg !important;
     color: $colorEventPurpleFg !important;
   }
   &--red {
+    background-color: $colorEventRedBg !important;
     color: $colorEventRedFg !important;
   }
   &--orange {
+    background-color: $colorEventOrangeBg !important;
     color: $colorEventOrangeFg !important;
   }
   &--yellow {
+    background-color: $colorEventYellowBg !important;
     color: $colorEventYellowFg !important;
   }
   &--no-style {
-    color: inherit;
+    background-color: $colorBodyBg !important;
+    color: $colorBodyFg !important;
   }
 }