[WebUI] Restore contrasting foreground color

for badges

diff --git a/interface/index.html b/interface/index.html
index bb56e71be0278cdd53a2a1c3f85ac3b29d17a504..993d9e55bc4b47a886ba49b7bdfd523a2df0597f 100644 (file)
--- 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 1866d9a707328e1335f65f50982ab2a1afa6752e..8d979f1f22ae72ad54cc61aa3b4933d13fcf3238 100644 (file)
--- 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('&nbsp;<span class="badge bg-success">Write</span>');
+                            $td = $($td).append('&nbsp;<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 c570789fb3ad366bea201cc6a14485ef61deb023..fd618e6b3f574c4995385aa7febd4b8bab4a1055 100644 (file)
--- 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)