From 8dfe65488f9e6d4b0f94b5e94e6dbfedaacc5578 Mon Sep 17 00:00:00 2001
From: Matthieu Leproux <leproux.matthieu@gmail.com>
Date: Fri, 7 May 2021 10:04:02 +0200
Subject: [PATCH] Fixes #1402 Dark mode for user edit popIn

---
 admin/themes/clear/theme.css                |  2 +-
 admin/themes/default/template/user_list.tpl | 23 ---------
 admin/themes/default/theme.css              | 52 +++++++++++++++++++++
 admin/themes/roma/theme.css                 | 52 +++++++++++++++++++++
 4 files changed, 105 insertions(+), 24 deletions(-)

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 1f0f78ac3..a50a1b5b4 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -413,7 +413,7 @@ label>p.group_select {
 
 
 .UserListPopInContainer{
-  background-color:#f3f3f3;
+  background-color:white;
   border-radius:10px;
 
 }
diff --git a/admin/themes/default/template/user_list.tpl b/admin/themes/default/template/user_list.tpl
index 9011c4c5a..ce166976f 100644
--- a/admin/themes/default/template/user_list.tpl
+++ b/admin/themes/default/template/user_list.tpl
@@ -1287,7 +1287,6 @@ update_selection_content();
     text-align:left;
     padding:20px;
     display:flex;
-    background-color:white;
     width:870px
 }
 
@@ -1313,12 +1312,10 @@ update_selection_content();
 
 .properties-container {
     width:250px;
-    border-left:solid 1px #ddd;
     padding: 0 20px
 }
 
 .update-container {
-    border-top:solid 1px #ddd;
     padding-right:20px;
     padding-top:30px;
 }
@@ -1326,12 +1323,10 @@ update_selection_content();
 .preferences-container {
     width:250px;
     padding-left:20px;
-    border-left: solid 1px #ddd;
 }
 
 /* general pop in rules */
 .user-property-column-title {
-    color:#353535;
     font-weight:bold;
     margin-bottom:15px;
     font-size:1.4em;
@@ -1363,31 +1358,19 @@ update_selection_content();
     font-size:1.1em;
     padding:8px 16px;
     border:none;
-    color:#353535;
-    background-color:#F3F3F3;
 }
 
-.user-property-input[type="text"] {
-    background-color:#F3F3F3;
-}
-
-
 .user-property-button {
     margin-top:0;
     font-size:1.1em;
-    color:#353535;
     margin-bottom:15px;
     cursor:pointer;
     padding:8px;
     border:none;
-    color:#353535;
-    background-color:#F3F3F3;
 }
 
 .user-property-select {
     box-sizing: border-box;
-    background-color:#F3F3F3;
-    color:#353535;
     -webkit-appearance:none;
     border:none;
     width:100%;
@@ -1439,7 +1422,6 @@ update_selection_content();
 }
 
 .select-bar-wrapper .ui-slider-horizontal{
-    background-color:#e3e3e3;
     border:none;
     border-radius:25px;
 }
@@ -1514,7 +1496,6 @@ update_selection_content();
 
 .edit-username-title {
     font-size:1.4em;
-    color:#353535;
 }
 
 .edit-username-specifier {
@@ -1602,7 +1583,6 @@ update_selection_content();
 .user-property-register-visit .icon-calendar {
     margin:0;
     font-size:1.8em;
-    color: #4C4C4C;
 }
 
 /* properties */
@@ -1618,7 +1598,6 @@ update_selection_content();
 
 .user-property-group .selectize-input.items {
     border:none;
-    background-color: #F3F3F3;
 }
 
 
@@ -1670,9 +1649,7 @@ update_selection_content();
 
 .delete-user-button {
     cursor:pointer;
-    color:#353535;
     padding:10px 20px;
-    background-color: #F3F3F3;
     font-size:1.1em;
     font-weight:bold;
 }
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 47c27ebfa..a51861281 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -4944,4 +4944,56 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 
 .user-action-select {
   background: white;
+}
+
+.user-property-select {
+  background-color:#F3F3F3; 
+  color:#353535;
+}
+
+.UserListPopInContainer {
+  background-color:white;
+}
+
+.user-property-column-title, .edit-username-title {
+  color:#353535;
+}
+
+.user-property-button {
+  color:#353535;
+  background-color:#F3F3F3;
+}
+
+.user-property-input {
+  color:#353535;
+  background-color:#F3F3F3;
+}
+
+.user-property-input[type="text"] {
+  background-color:#F3F3F3;
+}
+
+.user-property-group .selectize-input.items {
+  background-color: #F3F3F3;
+}
+
+.user-property-register-visit .icon-calendar {
+  color: #4c4c4c
+}
+
+.delete-user-button {
+  color:#353535;
+  background-color: #F3F3F3;
+}
+
+.select-bar-wrapper .ui-slider-horizontal{
+  background-color:#e3e3e3;
+}
+
+.preferences-container, .properties-container {
+  border-left: solid 1px #ddd;
+}
+
+.update-container {
+  border-top:solid 1px #ddd;
 }
\ No newline at end of file
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 4f5aedab3..fb6b8c480 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -1156,4 +1156,56 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 
 .user-action-select {
   background: transparent;
+}
+
+.user-property-select {
+  background-color:#333; 
+  color:#c1c1c1;
+}
+
+.UserListPopInContainer {
+  background-color:#444;
+}
+
+.user-property-column-title, .edit-username-title {
+  color:#c1c1c1;
+}
+
+.user-property-button {
+  color:#c1c1c1;
+  background-color:#333;
+}
+
+.user-property-input {
+  color:#c1c1c1;
+  background-color:#333;
+}
+
+.user-property-input[type="text"] {
+  background-color:#333;
+}
+
+.user-property-group .selectize-input.items {
+  background-color: transparent;
+}
+
+.user-property-register-visit .icon-calendar {
+  color: #c1c1c1
+}
+
+.delete-user-button {
+  color:#c1c1c1;
+  background-color: #333;
+}
+
+.select-bar-wrapper .ui-slider-horizontal{
+  background-color:#666;
+}
+
+.preferences-container, .properties-container {
+  border-left: solid 1px #333;
+}
+
+.update-container {
+  border-top:solid 1px #333;
 }
\ No newline at end of file