Updated sort mechanism and delete notification for dark mode

Signed-off-by: Justin Charles <charlesjustin2124@gmail.com>
sugarlabs · Jan 20, 2025 · 320eb1a · 320eb1a
1 parent 1419cb0
commit 320eb1a
Showing 1 changed file with 66 additions and 0 deletions.
diff --git a/planet/css/darkMode.css b/planet/css/darkMode.css
@@ -103,4 +103,70 @@
 
 .dark-mode #global-projects .card .btn:hover {
     background-color: #388e3c; 
+}
+
+.dark-mode .modal-footer .btn-flat {
+    color: #ffffff !important; 
+    background-color: transparent !important; 
+    transition: background-color 0.3s ease, color 0.3s ease;
+    font-weight: bold;
+}
+
+.dark-mode .modal-footer .btn-flat:hover {
+    background-color: #a8d5a8 !important; 
+    color: #303030 !important; 
+}
+.dark-mode .close-button {
+    color: #e0e0e0; 
+    font-size: 1.5rem; 
+    transition: color 0.3s ease;
+}
+
+.dark-mode .close-button:hover {
+    color: #a8d5a8;
+}
+
+.dark-mode .select-wrapper {
+    position: relative;
+    height: 3rem; 
+    line-height: 3rem; 
+    margin-top: 0.5rem; 
+}
+
+.dark-mode .select-wrapper input.select-dropdown {
+    color: #ffffff !important; 
+    font-size: 1rem; 
+    line-height: normal; 
+    padding-left: 10px; 
+    height: 3rem; 
+    box-sizing: border-box; 
+    background-color: #424242 !important; 
+    border: 1px solid #444444 !important; 
+}
+
+.dark-mode .select-wrapper:after {
+    content: '\25BC'; 
+    position: absolute;
+    top: 50%; 
+    right: 10px; 
+    transform: translateY(-50%);
+    color: #ffffff !important; 
+    font-size: 0.8rem; 
+    pointer-events: none; 
+}
+
+.dark-mode .dropdown-content {
+    background-color: #424242 !important; 
+    border: 1px solid #444444; 
+    color: #ffffff !important; 
+}
+
+.dark-mode .dropdown-content li > a {
+    color: #ffffff !important; 
+    padding: 0.5rem 1rem; 
+}
+
+.dark-mode .dropdown-content li > a:hover {
+    background-color: #383838 !important; 
+    color: #a8d5a8 !important;
 }