Improvements on dark theme (datatable filters).

Author: vertigo17

source/src/main/webapp/css/global/crb_style2.css

@@ -1571,9 +1571,30 @@ table.dataTable thead th input {
 }
 
 .popover{
+    color: var(--crb-black-color);
+    background-color: var(--crb-white-color);
+    border-color: var(--crb-grey-color);
     width:  600px;
 }
 
+.panel-body {
+    color: var(--crb-black-color);
+    background-color: var(--crb-white-color);
+    border-color: var(--crb-grey-color);
+}
+
+.dropdown-menu{
+    color: var(--crb-black-color);
+    background-color: var(--crb-white-color);
+    border-color: var(--crb-grey-color);
+}
+
+.popover-title{
+    color: var(--crb-black-color);
+    background-color: var(--crb-white-color);
+    border-color: var(--crb-grey-color);
+}
+
 @keyframes blink {
     from, to {
         opacity: 1

source/src/main/webapp/js/global/table-filter.js

@@ -588,14 +588,14 @@ function privateDisplayColumnSearch(tableId, contentUrl, oSettings, clientSide)
             if (currentColumn.like == null || !currentColumn.like) {
                 //Add selectAll/unSelectAll button
                 $("#" + tableId + "_wrapper .popover-title").after(
-                        $('<button>').attr('class', 'glyphicon glyphicon-check')
+                        $('<button>').attr('class', 'glyphicon glyphicon-check btn-default')
                         .attr('type', 'button')
                         .attr('title', 'select all').attr('name', 'selectAll')
                         .attr('data-type', 'custom').on('click', function () {
                     $(this).parent().parent().find("[type='checkbox']:visible").prop('checked', true);
                 }));
                 $("#" + tableId + "_wrapper .popover-title").after(
-                        $('<button>').attr('class', 'glyphicon glyphicon-unchecked')
+                        $('<button>').attr('class', 'glyphicon glyphicon-unchecked  btn-default')
                         .attr('type', 'button')
                         .attr('title', 'unselect all').attr('name', 'unSelectAll')
                         .attr('data-type', 'custom').on('click', function () {

source/src/main/webapp/js/pages/TestCaseList.js

@@ -174,7 +174,7 @@ function renderOptionsForTestCaseList(data) {
             contentToAdd += "</div>";
 
             contentToAdd += "<div class='btn-group'>";
-            contentToAdd += "<button id='btnGroupDropIO' type='button' class='btn btn-secondary dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>Import / Export <span class='caret'></span></button>";
+            contentToAdd += "<button id='btnGroupDropIO' type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>Import / Export <span class='caret'></span></button>";
             contentToAdd += "<div class='dropdown-menu' aria-labelledby='btnGroupDropIO'>";
             contentToAdd += "<button id='exportTestCaseMenuButton' type='button' class='btn btn-default' name='buttonExport'><span class='glyphicon glyphicon-export'></span> " + doc.getDocLabel("page_testcaselist", "btn_export") + "</button>";
 //            contentToAdd += "<button id='exportTestCaseMenuButtonSingleFile' type='button' class='btn btn-default' name='buttonExport'><span class='glyphicon glyphicon-export'></span> " + doc.getDocLabel("page_testcaselist", "btn_export1file") + "</button>";