issue #2234 standardize user list and user popin colors

admin/themes/default/template/user_list.tpl

@@ -981,8 +981,9 @@ $(document).ready(function() {
   <div class="GuestUserListPopInContainer">
 
     <a class="icon-cancel CloseUserList CloseGuestUserList"></a>
-    <div id="guest-msg" style="background-color:#B9E2F8;padding:5px;border-left:3px solid blue;display:flex;align-items:center;margin-bottom:30px">
+    <div id="guest-msg" class="messages">
-      <span class="icon-info-circled-1" style="background-color:#B9E2F8;color:#26409D;font-size:3em"></span><span style="font-size:1.1em;color:#26409D;font-weight:bold;">{'Users not logged in will have these settings applied, these settings are used by default for new users'|@translate}</span>
+      <span class="eiw-icon icon-info-circled-1"></span>
+      <span>{'Users not logged in will have these settings applied, these settings are used by default for new users'|@translate}</span>
     </div>
     <div class="summary-properties-update-container">
       <div class="summary-properties-container">
@@ -1355,10 +1356,6 @@ $(document).ready(function() {
     align-items: center;
 }
 
-.selected-pagination {
-  background: #ffd2a1;
-}
-
 /* User Table */
 #user-table {
     margin-left:30px;
@@ -1832,7 +1829,7 @@ $(document).ready(function() {
 
 .user-property-label span,
 .dates-infos {
-	color: #ff7700;
+	color: #ffa646;
 	font-weight: bold;
   margin-left: 5px;
 }
@@ -2512,7 +2509,7 @@ $(document).ready(function() {
     padding:10px 20px;
     font-size:1.1em;
     font-weight:bold;
-    background-color: #ffa744;
+    background-color: #ffa646;
     color: #3c3c3c;
 }
 
@@ -2679,7 +2676,7 @@ $(document).ready(function() {
   cursor:pointer;
   font-weight:bold;
   color: #3F3E40;
-  background-color: #FFA836;
+  background-color: #ffa646;
   padding: 10px;
   margin-top: 5px;
   font-size:1em;

admin/themes/default/theme.css

@@ -162,8 +162,8 @@ TABLE.languages TR TD { padding: 7px 20px; }
 }
 
 .slider-bar-wrapper .ui-slider-horizontal .ui-slider-handle{
-    background-color:#ffaf58;
+    background-color:#ffa646;
-    border: 1px solid #ffaf58;
+    border: 1px solid #ffa646;
     border-radius:25px;
     top: -.7em !important;
     width: 1.4em;
@@ -171,7 +171,7 @@ TABLE.languages TR TD { padding: 7px 20px; }
 }
 
 .slider-bar-wrapper .ui-slider-horizontal .ui-slider-range {
-  background-color: #ffaf58;
+  background-color: #ffa646;
 }
 
 .slider-bar-wrapper .ui-slider-horizontal{
@@ -930,7 +930,7 @@ LI.menuLi {
 }
 
 .selected-pagination {
-background: #ffd2a1;
+background: #ffa646;
 }
 
 .pagination-container {
@@ -6858,7 +6858,7 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 
 .AlbumViewSelector input:checked + label span,
 .UserViewSelector input:checked + label span{
-  background: orange;
+  background: #ffa646;
 }
 
 .head-button {

admin/themes/roma/theme.css

@@ -151,7 +151,7 @@ ul.actions, .content form#waiting  {text-align:center;}
 }
 
 .selected-pagination{
-  background:orange!important;
+  background:#ffa646!important;
   color:#444!important;
 }
 
@@ -678,7 +678,7 @@ label>p.group_select {
 }
 
 input:checked + .slider {
-  background-color: #ff8c27;
+  background-color: #ffa646;
 }
 
 input:focus + .slider {
@@ -709,6 +709,11 @@ input:focus + .slider {
   color:black!important;
 }
 
+#checkActions a:hover {
+  background-color: #1B1B1B;
+  color: #777777;
+}
+
 /*Selection mode content*/
 
 .SelectionModeGroupList{
@@ -797,7 +802,11 @@ input:focus + .slider {
 /*UserList Pop in*/
 
 .CloseUserList, .CloseAddAlbum, #CloseDeleteAlbum{
-  color:white;
+  color: #444;
+}
+
+.CloseUserList:hover, .CloseAddAlbum:hover, #CloseDeleteAlbum:hover {
+  color: #ffa646
 }
 
 #UserList .group-name-block p{
@@ -840,6 +849,15 @@ input:focus + .slider {
 .advanced-filter-select-container::before {
   color: #4c4c4c;
 }
+
+.user-property-main-user-content-header .main-user-icon {
+  background-color: #BE4949 !important;
+  color: #FFC8C8 !important;
+}
+
+/* .UserListPopInContainer .slider-bar-wrapper .ui-slider-horizontal .ui-slider-range {
+  background-color: #ffa646;
+} */
 /*------*/
 
 .userSeparator {
@@ -1498,7 +1516,7 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 
 .AlbumViewSelector input:checked + label span,
 .UserViewSelector input:checked + label span{
-  background: orange;
+  background: #ffa646;
 }
 
 .AlbumViewSelector input:checked + label .icon-th-large, 
@@ -1539,7 +1557,7 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 
 .user-first-col:hover {
   box-sizing: border-box;
-  background-color:#d47f44;
+  background-color:#ffa646;
 }
 
 .user-first-col:hover .icon-pencil {
@@ -1666,11 +1684,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
   background-color:#666;
 }
 
-.slider-bar-wrapper .ui-slider-horizontal .ui-slider-handle{
-  background-color:#ffa500;
-  border: 1px solid #ffa500;
-}
-
 .edit-user-tab,
 .guest-edit-user-tab {
   border-left: solid 1px #333;
@@ -1699,11 +1712,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
   color: #c1c1c1;
 }
 
-.edit-user-icons .icon-trash-1:hover::before,
-.king-of-this-piwigo {
-  color: #f70;
-}
-
 .royal-court-of-this-piwigo {
   color: #777;
 }