Fixed the trash color inconsistency in dark mode (sugarlabs#5311)

* Fixed the color inconsistency in dark mode

* Improve block icon visibility in dark mode trash view

Author: kh-ub-ayb

css/darkmode.css

@@ -21,10 +21,11 @@ body.dark {
   color: var(--fg);
 } 
 
-.dark #helpBodyDiv > .heading,
+.dark #helpBodyDiv>.heading,
 .dark #helpBodyDiv p {
   color: var(--fg);
 }
+
 /* Fix white side bars in Help / Tour widget */
 .dark #floatingWindows .wfWinBody {
   background-color: var(--bg) !important;
@@ -33,3 +34,31 @@ body.dark {
 .dark #floatingWindows .windowFrame {
   background-color: var(--bg) !important;
 }
+
+
+/* Trash view colors for dark mode */
+.dark .trash-view {
+  background-color: #2d2d2d;
+  color: #e8e8e8;
+  border: 2px solid #4a9eff;
+}
+
+.dark .button-container {
+  background: #022363;
+  border-bottom: 1px solid #444444;
+}
+
+.dark .trash-item.hover {
+  background-color: #444444;
+}
+
+.dark .trash-item.selected {
+  background-color: #555555;
+}
+
+/* Improve block icon visibility in dark mode */
+.dark .trash-item-icon {
+  background-color: rgba(255, 255, 255, 0.855);
+  border-radius: 3px;
+  padding: 2px;
+}