related to #1265 Selection mode in darkmode colors adjusted

admin/themes/default/js/user_list.js

@@ -876,6 +876,8 @@ function selectionMode(isSelection) {
                 display: "none"
             })
         }
+
+        $(".user-container").addClass("selectable");
     } else {
         $(".container-selected").removeClass("container-selected");
         $(".in-selection-mode").hide();
@@ -886,6 +888,9 @@ function selectionMode(isSelection) {
                 display: "flex"
             })
         }
+
+        $(".user-container").removeClass("selectable");
+
     }
 }
 

admin/themes/default/template/user_list.tpl

@@ -2076,7 +2076,6 @@ Advanced filter
 .tileView .user-container-username {
   margin-top: 10px;
   margin-bottom: 5px;
-  color: black;
   font-size: 13px;
 
   height: 15px;
@@ -2280,5 +2279,27 @@ Advanced filter
   color: #000 !important;
 }
 
+/* Selection mode */ 
 
+.selectable {
+  cursor: pointer;
+}
+
+.selectable .select-checkbox {
+  width: 25px;
+  height: 25px;
+}
+
+.selectable .select-checkbox i {
+ color: white;
+ margin: 5px 0 0 13px;
+}
+
+.selectable:hover .select-checkbox{
+  background-color: #ffa646 !important;
+}
+
+.selectable .user-container-select {
+  border: none;
+}
 </style>

admin/themes/roma/theme.css

@@ -1170,31 +1170,40 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 /* Selected container in userManager*/
 
 .user-container.container-selected .user-container-checkbox.user-list-checkbox .select-checkbox {
-  background-color: #ffa646;
-  border: solid #ff7b00 2px !important;
+  border: solid #c76a23 2px !important;
+  background-color: #c76a23 !important;
 }
 
+
 .user-container.container-selected {
   display:flex;
   width:100%;
   height:80px;
-  background-color:#ffa646;
+  background-color:#f9852c;
   font-weight:bold;
   border-radius:10px;
   margin-bottom:20px;
 }
 
+.user-container.container-selected .user-container-username {
+  color: #333;
+}
+
+.user-container.container-selected .user-container-status{
+  color: #fddaba !important;
+}
+
 .user-container.container-selected .user-container-initials-wrapper > span {
-  background-color: #FF7B00;
-  color:#FEE7BD;
-  border: solid #ff7b00 2px;
+  background-color: #c76a23;
+  color:#faa96b;
+  border: solid #c76a23 2px;
 }
 
 .user-container.container-selected .user-groups,
 .user-container.container-selected .registration-clock {
-  background-color: #FEE7C8;
-  color:#FF7B00;
-  border: solid #ff7b00 2px;
+  background-color: #c76a23;
+  color:#faa96b;
+  border: solid #c76a23 2px;
 }
 
 /*****/