From fde4e392ef4c93d50c371e6fbfb2afc88cc9e907 Mon Sep 17 00:00:00 2001
From: Matthieu Leproux <leproux.matthieu@gmail.com>
Date: Wed, 9 Mar 2022 15:48:12 +0100
Subject: [PATCH] related to #1614 dark mode for selectize alternative

---
 admin/themes/clear/theme.css   | 37 +++++++++++++++++++++++++++++
 admin/themes/default/theme.css | 18 --------------
 admin/themes/roma/theme.css    | 43 ++++++++++++++++++++++++++++++++++
 3 files changed, 80 insertions(+), 18 deletions(-)

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 6692fb998..61d251a77 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -783,4 +783,41 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
 
 .applicationCard .applicationName {
   color: black;
+}
+
+.linked-albums-badge {
+  background: #DBDBDB;
+}
+
+.breadcrumb-item {
+  background-color: #fafafa;
+  box-shadow: 0px 2px #00000024;
+  color: #777 !important;
+}
+.breadcrumb-item:hover {
+  background: #ffd7ad;
+}
+.breadcrumb-item .icon-cancel-circled:hover {
+  color: #ff7700;
+}
+
+.linkedAlbumPopInContainer {
+  background-color: white;
+}
+.AddIconTitle {
+  color: #000;
+}
+
+.search-result-item {
+  background-color: #fafafa;
+  box-shadow: 0px 2px #00000024;
+  color: #777;
+}
+
+.search-result-item .icon-plus-circled{
+  color: black;
+}
+
+.search-result-item .icon-plus-circled:hover{
+  color: #ff7700;
 }
\ No newline at end of file
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index c8a34ec85..7015fdc6b 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -6260,7 +6260,6 @@ color:#FF7B00;
 
 .linked-albums-badge {
   padding: 2px 6px;
-  background: #DBDBDB;
   border-radius: 50px;
   font-size: 10px;
   transition: 0.3s;
@@ -6274,18 +6273,12 @@ color:#FF7B00;
 .breadcrumb-item {
   margin: 0 10px 10px 12px;
   padding: 7px 10px;
-  background-color: #fafafa;
-  box-shadow: 0px 2px #00000024;
   border-radius: 5px;
   font-weight: bold;
-  color: #777 !important;
   display: flex;
   align-items: center;
   position: relative;
 }
-.breadcrumb-item:hover {
-  background: #ffd7ad;
-}
 .breadcrumb-item:hover .icon-cancel-circled{
   color: black;
 }
@@ -6302,10 +6295,6 @@ color:#FF7B00;
   right: 10px;
 }
 
-.breadcrumb-item .icon-cancel-circled:hover {
-  color: #ff7700;
-}
-
 .breadcrumb-item.add-item {
   width: min-content;
   cursor: pointer;
@@ -6346,7 +6335,6 @@ color:#FF7B00;
   border-radius:15px;
   align-items:center;
   width: 400px;
-  background-color: white;
 }
 
 .linkedAlbumPopInContainer .AddIconContainer {
@@ -6370,7 +6358,6 @@ color:#FF7B00;
   font-size: 1.4em;
   font-weight: bold;
   text-align: center;
-  color: #000;
   margin-bottom: 10px;
   margin-top: 15px;
 }
@@ -6426,11 +6413,6 @@ color:#FF7B00;
 .search-result-item .icon-plus-circled{
   margin-left: auto;
   cursor: pointer;
-  color: black;
-}
-
-.search-result-item .icon-plus-circled:hover{
-  color: black;
 }
 
 .search-result-item .notClickable {
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 10747fdc3..df1861683 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -1674,6 +1674,49 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
   cursor: not-allowed;
 }
 
+.linked-albums-badge {
+  background: #777;
+  color: #333;
+}
+
+.breadcrumb-item {
+  background-color: #333;
+  box-shadow: 0px 2px #00000070;
+  color: #777 !important;
+}
+.breadcrumb-item:hover {
+  background: #f9852c;
+}
+.breadcrumb-item:hover a {
+  background: #f9852c;
+  color: #000;
+}
+.breadcrumb-item .icon-cancel-circled:hover {
+  color: #ae5d1e;
+}
+
+.linkedAlbumPopInContainer {
+  background-color: #444;
+}
+.AddIconTitle,
+.limitReached {
+  color: #cccccc;
+}
+
+.search-result-item {
+  background-color: #333;
+  box-shadow: 0px 2px #00000070;
+  color: #777;
+}
+
+.search-result-item .icon-plus-circled{
+  color: #777;
+}
+
+.search-result-item .icon-plus-circled:hover{
+  color: #ff7700;
+}
+
 .search-line {
   background: #333;
   color: #a1a1a1;