From 80d9dfe4209fce9456c28cdfb5ed48e49cd338a7 Mon Sep 17 00:00:00 2001
From: FreddleSpl0it <patschul@posteo.de>
Date: Fri, 8 Jul 2022 11:27:09 +0200
Subject: [PATCH] [BS5] adjust css

---
 data/web/css/build/013-mailcow.css       | 31 +++++++++++++++---------
 data/web/css/themes/mailcow-darkmode.css | 28 +++++++++++++++++++++
 2 files changed, 47 insertions(+), 12 deletions(-)

diff --git a/data/web/css/build/013-mailcow.css b/data/web/css/build/013-mailcow.css
index 633b87f1f..6d41f727b 100644
--- a/data/web/css/build/013-mailcow.css
+++ b/data/web/css/build/013-mailcow.css
@@ -242,8 +242,8 @@ legend {
 .btn-input-missing:active:hover,
 .btn-input-missing:active:focus {
   color: #000 !important;
-  background-color: rgba(255, 65, 54, 0.2);
-  border-color: #ff291c;
+  background-color: #ff2f24 !important;
+  border-color: #e21207 !important;
 }
 .navbar-nav > li {
   font-size: 1rem !important;
@@ -339,16 +339,17 @@ table.dataTable>tbody>tr.child ul.dtr-details>li {
 
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before:hover, 
 table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before:hover {
-  background-color: #cfcfcf;
+  background-color: #5e5e5e;
 }
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
-table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
-  background-color: #cfcfcf !important;
+table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
+table.dataTable td.dt-control:before {
+  background-color: #979797 !important;
   border: 1.5px solid #616161 !important;
-  border-radius: 5px !important;
-  color: #616161;
-  height: 1.25em;
-  width: 1.25em;
+  border-radius: 2px !important;
+  color: #fff;
+  height: 1em;
+  width: 1em;
   line-height: 1.25em;
   border-radius: 0px;
   box-shadow: none;
@@ -356,8 +357,9 @@ table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
   transition: 0.5s all;
 }
 table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, 
-table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
-  background-color: #f0f0f0 !important;
+table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
+table.dataTable td.dt-control:before {
+  background-color: #979797 !important;
 }
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, 
 table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, 
@@ -369,4 +371,9 @@ table.dataTable.table-striped>tbody>tr>td {
 }
 table.dataTable.table-striped>tbody>tr>td>input[type="checkbox"] {
   margin-top: 7px;
-}
\ No newline at end of file
+}
+
+
+.btn-check-label {
+  color: #555;
+}
diff --git a/data/web/css/themes/mailcow-darkmode.css b/data/web/css/themes/mailcow-darkmode.css
index 9ede22c5a..4010ac0d4 100644
--- a/data/web/css/themes/mailcow-darkmode.css
+++ b/data/web/css/themes/mailcow-darkmode.css
@@ -311,4 +311,32 @@ table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
 table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, 
 table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
   background-color: #444444;
+}
+
+.btn-check-label {
+  color: #fff;
+}
+.btn.btn-outline-secondary {
+  color: #fff !important;
+  border-color: #7a7a7a !important;  
+}
+.btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
+    background-color: #7a7a7a !important;
+}
+
+
+
+.btn-input-missing,
+.btn-input-missing:hover,
+.btn-input-missing:active,
+.btn-input-missing:focus,
+.btn-input-missing:active:hover,
+.btn-input-missing:active:focus {
+  color: #fff !important;
+  background-color: #ff2f24 !important;
+  border-color: #e21207 !important;
+}
+
+.inputMissingAttr {
+    border-color: #FF4136 !important;
 }
\ No newline at end of file