From 861774c626ff365be944f99ccd98312ee5f2c5e1 Mon Sep 17 00:00:00 2001
From: int-y1 <jason_yuen2007@hotmail.com>
Date: Sun, 29 Dec 2024 21:08:45 -0500
Subject: [PATCH] Dark mode support for alert boxes

---
 resources/vars-dark.scss    | 10 ++++++++++
 resources/vars-default.scss | 10 ++++++++++
 resources/widgets.scss      | 18 +++++++++---------
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/resources/vars-dark.scss b/resources/vars-dark.scss
index 378762a09f..b4e8a8e7c9 100644
--- a/resources/vars-dark.scss
+++ b/resources/vars-dark.scss
@@ -44,6 +44,16 @@ $color_user_submission_activity2: #006d32;
 $color_user_submission_activity3: #26a641;
 $color_user_submission_activity4: #39d353;
 
+$color_info25: #023;
+$color_info50: #068;
+$color_info100: #7df;
+$color_warning25: #320;
+$color_warning50: #960;
+$color_warning100: #fd6;
+$color_danger25: #311;
+$color_danger50: #822;
+$color_danger100: #f99;
+
 $color_problem_submit_select2: #8a8a8a;
 
 $path_to_root: '..';    // relative path from style.css to STATIC_ROOT
diff --git a/resources/vars-default.scss b/resources/vars-default.scss
index 2818cd3d0d..97d3af1ada 100644
--- a/resources/vars-default.scss
+++ b/resources/vars-default.scss
@@ -44,6 +44,16 @@ $color_user_submission_activity2: #40c463;
 $color_user_submission_activity3: #2f9c4c;
 $color_user_submission_activity4: #216e39;
 
+$color_info25: #def;
+$color_info50: #bdf;
+$color_info100: #368;
+$color_warning25: #ffd;
+$color_warning50: #feb;
+$color_warning100: #863;
+$color_danger25: #edd;
+$color_danger50: #dbb;
+$color_danger100: #944;
+
 $color_problem_submit_select2: #757575;
 
 $path_to_root: '.';     // relative path from style.css to STATIC_ROOT
diff --git a/resources/widgets.scss b/resources/widgets.scss
index ea7e915136..95c51e0862 100644
--- a/resources/widgets.scss
+++ b/resources/widgets.scss
@@ -325,21 +325,21 @@ ul.pagination {
 }
 
 .alert-info {
-    color: #31708f;
-    background-color: #d9edf7;
-    border-color: #bce8f1;
+    color: $color_info100;
+    background-color: $color_info25;
+    border-color: $color_info50;
 }
 
 .alert-warning {
-    color: #8a6d3b;
-    background-color: #fcf8e3;
-    border-color: #faebcc;
+    color: $color_warning100;
+    background-color: $color_warning25;
+    border-color: $color_warning50;
 }
 
 .alert-danger {
-    color: #a94442;
-    background-color: #f2dede;
-    border-color: #ebccd1;
+    color: $color_danger100;
+    background-color: $color_danger25;
+    border-color: $color_danger50;
 }
 
 .alert-dismissable, .alert-dismissible {