commit 1ea64ab: [WebUI] Restore contrasting foreground color

[moisseev]

Author: moisseev
Date: 2023-08-08 18:00:48 +0300
URL: https://github.com/rspamd/rspamd/commit/1ea64abc3c7a0ca5abdece894af62506157923d5 (refs/pull/4569/head)

[WebUI] Restore contrasting foreground color
for badges

---
 interface/index.html       | 2 +-
 interface/js/app/config.js | 4 ++--
 interface/js/app/rspamd.js | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/interface/index.html b/interface/index.html
index bb56e71be..993d9e55b 100644
--- a/interface/index.html
+++ b/interface/index.html
@@ -622,7 +622,7 @@
 						<span class="h6 fw-bolder my-2 ms-0">History</span>
 						<a href="https://rspamd.com/doc/modules/history_redis.html" target="_blank" rel="noopener noreferrer"
 							title="If you'd like to use the modern version of History, please enable History redis module."
-							 id="legacy-history-badge" class="my-2 ms-2 badge bg-info" style="display: none;">Legacy version</a>
+							 id="legacy-history-badge" class="my-2 ms-2 badge text-bg-info" style="display: none;">Legacy version</a>
 						<div class="d-flex input-group-sm align-items-center text-nowrap ms-auto me-1">
 							<label for="selSymOrder_history">Symbols order:</label>
 							<select id="selSymOrder_history" class="form-select ms-1">
diff --git a/interface/js/app/config.js b/interface/js/app/config.js
index 1866d9a70..8d979f1f2 100644
--- a/interface/js/app/config.js
+++ b/interface/js/app/config.js
@@ -124,9 +124,9 @@ define(["jquery", "codejar", "linenumbers", "prism"],
                     var $tbody = $("<tbody>");
 
                     $.each(data, function (i, item) {
-                        var $td = '<td><span class="badge bg-secondary">Read</span></td>';
+                        var $td = '<td><span class="badge text-bg-secondary">Read</span></td>';
                         if (!(item.editable === false || rspamd.read_only)) {
-                            $td = $($td).append(' <span class="badge bg-success">Write</span>');
+                            $td = $($td).append(' <span class="badge text-bg-success">Write</span>');
                         }
                         var $tr = $("<tr>").append($td);
 
diff --git a/interface/js/app/rspamd.js b/interface/js/app/rspamd.js
index c570789fb..fd618e6b3 100644
--- a/interface/js/app/rspamd.js
+++ b/interface/js/app/rspamd.js
@@ -927,13 +927,13 @@ function ($, visibility, NProgress, stickyTabs, tab_stat, tab_graph, tab_config,
         }
 
         if (item.action === "clean" || item.action === "no action") {
-            item.action = "<div style='font-size:11px' class='badge bg-success'>" + item.action + "</div>";
+            item.action = "<div style='font-size:11px' class='badge text-bg-success'>" + item.action + "</div>";
         } else if (item.action === "rewrite subject" || item.action === "add header" || item.action === "probable spam") {
-            item.action = "<div style='font-size:11px' class='badge bg-warning'>" + item.action + "</div>";
+            item.action = "<div style='font-size:11px' class='badge text-bg-warning'>" + item.action + "</div>";
         } else if (item.action === "spam" || item.action === "reject") {
-            item.action = "<div style='font-size:11px' class='badge bg-danger'>" + item.action + "</div>";
+            item.action = "<div style='font-size:11px' class='badge text-bg-danger'>" + item.action + "</div>";
         } else {
-            item.action = "<div style='font-size:11px' class='badge bg-info'>" + item.action + "</div>";
+            item.action = "<div style='font-size:11px' class='badge text-bg-info'>" + item.action + "</div>";
         }
 
         var score_content = (item.score < item.required_score)