Skip to content

Commit 82654e8

Browse files
authored
Fixed the trash color inconsistency in dark mode (#5311)
* Fixed the color inconsistency in dark mode * Improve block icon visibility in dark mode trash view
1 parent 486be92 commit 82654e8

File tree

1 file changed

+30
-1
lines changed

1 file changed

+30
-1
lines changed

css/darkmode.css

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,11 @@ body.dark {
2121
color: var(--fg);
2222
}
2323

24-
.dark #helpBodyDiv > .heading,
24+
.dark #helpBodyDiv>.heading,
2525
.dark #helpBodyDiv p {
2626
color: var(--fg);
2727
}
28+
2829
/* Fix white side bars in Help / Tour widget */
2930
.dark #floatingWindows .wfWinBody {
3031
background-color: var(--bg) !important;
@@ -33,3 +34,31 @@ body.dark {
3334
.dark #floatingWindows .windowFrame {
3435
background-color: var(--bg) !important;
3536
}
37+
38+
39+
/* Trash view colors for dark mode */
40+
.dark .trash-view {
41+
background-color: #2d2d2d;
42+
color: #e8e8e8;
43+
border: 2px solid #4a9eff;
44+
}
45+
46+
.dark .button-container {
47+
background: #022363;
48+
border-bottom: 1px solid #444444;
49+
}
50+
51+
.dark .trash-item.hover {
52+
background-color: #444444;
53+
}
54+
55+
.dark .trash-item.selected {
56+
background-color: #555555;
57+
}
58+
59+
/* Improve block icon visibility in dark mode */
60+
.dark .trash-item-icon {
61+
background-color: rgba(255, 255, 255, 0.855);
62+
border-radius: 3px;
63+
padding: 2px;
64+
}

0 commit comments

Comments
 (0)