Advanced filters darkmode for User manager and plugins_new

admin/themes/roma/css/components/general.css

@@ -71,7 +71,7 @@ Advanced filter
     padding: 10px;
     text-align: center;
     font-weight: bold;
-    background-color: #F3F3F3;
+    background-color: #333;
 }
 
 .advanced-filter-btn::before { /* Change icon size */
@@ -95,7 +95,7 @@ Advanced filter
     font-size: 1em;
     flex-direction: column;
 
-    background-color: #F3F3F3;
+    background-color: #333;
 }
 
 .advanced-filter.advanced-filter-open {
@@ -111,7 +111,7 @@ Advanced filter
 .advanced-filter-title {
     font-weight: bold;
 
-    color: #3e3e3e;
+    color: #777;
 }
 
 .advanced-filter-close {
@@ -137,7 +137,7 @@ Advanced filter
     display: flex;
     margin-bottom: 5px;
 
-    color:#3e3e3e;
+    color:#777;
 }
 
 .advanced-filter-item-container {
@@ -175,17 +175,17 @@ or (generated by selectize.js)
 
 .advanced-filter-select {
     display: block;
-    border: solid 1px #D4D4D4;
+    border: solid 1px #252525;
     padding: 8px 10px;
     height: 34px;
-    background: white;
+    background: #252525;
 }
 
 .advanced-filter-item-container .selectize-control .selectize-input {
-    border: solid 1px #D4D4D4 !important;
+    border: solid 1px #252525 !important;
     padding: 8px 10px !important;
     height: 34px;
-    background: white !important;
+    background: #252525 !important;
     box-shadow: none !important;
 }
 

admin/themes/roma/theme.css

@@ -1509,6 +1509,11 @@ 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;
+}
+
 .preferences-container, .properties-container {
   border-left: solid 1px #333;
 }