Merge pull request #267 from LD-Reborn/240-bug-asset-details-text-and-x-icon-lack-contrast

Fixed light text on light background and exit buttons on modals

src/Views/Home/Assets.cshtml

@@ -388,7 +388,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
             <form id="updateAssetForm">
@@ -620,9 +620,9 @@ document.addEventListener('DOMContentLoaded', () => {
 <div class="modal fade" id="viewAssetModal" tabindex="-1" aria-labelledby="viewAssetModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
-            <div class="modal-header bg-info text-white">
+            <div class="modal-header bg-info text-dark">
                 <h3 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
             <div class="modal-body">

src/Views/Home/Groups.cshtml

@@ -320,7 +320,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h3>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
             <form id="updateGroupForm">

src/Views/Home/Locations.cshtml

@@ -158,7 +158,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="editModalLabel">@T["Edit Location"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <form id="editForm">
                 <div class="modal-body">

src/Views/Home/Users.cshtml

@@ -163,7 +163,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <form id="updateForm">
@@ -652,9 +652,9 @@
 <div class="modal fade" id="detailModal" tabindex="-1" aria-labelledby="detailModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
-            <div class="modal-header bg-info text-white">
+            <div class="modal-header bg-info text-dark">
                 <h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <div class="row g-3">