Skip to content

Commit 1056109

Browse files
ryvaruJManion32
andauthored
[UI/UX:Forum] Improved Colors for Deleted Posts (Submitty#11184)
Closes Submitty#11165 ### What is the current behavior? Currently, the deleted forum post background colors are hard to differentiate from the standard posts, and they are not visually appealing in dark mode. ### What is the new behavior? Made the colors of deleted posts shades of blue. This distinguishes them from active posts while also being a better fit for dark mode. Light mode remains unchanged. **Light Mode (Unchanged)** ![Screenshot 2025-02-07 215215](https://github.com/user-attachments/assets/a47ffc7b-836b-4f35-9ab3-0f69dc9fa76c) **Dark Mode (Current Main)** ![Screenshot 2025-02-07 215847](https://github.com/user-attachments/assets/619644ad-e596-46e2-a447-dadad0ad4f8c) **Dark Mode (Changed)** ![image](https://github.com/user-attachments/assets/467b7a32-960a-4eb9-a0a5-3601ed8a5ade) **Summary of Changes** ![image](https://github.com/user-attachments/assets/e0197ad3-cd42-4c5a-b75b-9e4c2685c87d) --------- Co-authored-by: Justin Manion <jmanion32@gmail.com>
1 parent 6aeeef3 commit 1056109

2 files changed

Lines changed: 5 additions & 6 deletions

File tree

site/public/css/colors.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,6 @@
127127
--btn-text-white: #ffffff;
128128
--btn-text-black: #000000;
129129
--btn-default-text: #2e2e2e;
130-
--deleted-color: #000000;
131130

132131
/* discussion forum */
133132
--deleted-and-unviewed-thread: #acc0d7;
@@ -243,7 +242,6 @@
243242

244243
[data-black_mode="black"][data-theme="dark"] {
245244
--default-white: #000000;
246-
--deleted-and-unviewed-thread: #939494;
247245
--background-blue: #000000;
248246
--default-black: #ffffff;
249247

@@ -263,7 +261,6 @@
263261
/* might wanna change blue borders/hover text/sidebar text to submitty blue
264262
buttons, primarily but also can be used for notifications/anything
265263
that requires this color scheme */
266-
--deleted-and-unviewed-thread: #939494;
267264
--standard-lightskyblue: #0975b9;
268265
--standard-mediumorchid: #b240ce;
269266
--default-white: #36393f;
@@ -314,6 +311,8 @@
314311
/* discussion forum */
315312
--attachment-box-color: #4a4a4a;
316313
--file-upload-table-hover: #4a4a4a;
314+
--deleted-discussion-post-grey: #283E57;
315+
--deleted-and-unviewed-thread: #3E5F7A;
317316

318317
/* these differ from the colors on the posts for some reason?
319318
so I will put them here for reference

site/public/css/forum.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -798,12 +798,12 @@
798798
/* TODO: MAKE THIS CASCADE */
799799
.deleted {
800800
background-color: var(--deleted-discussion-post-grey);
801-
color: var(--deleted-color);
801+
color: var(--text-black);
802802
}
803803

804804
.deleted-unviewed {
805-
background-color: var(--deleted-and-unviewed-thread);
806-
color: var(--deleted-color);
805+
background-color: var(--deleted-and-unviewed-thread) !important;
806+
color: var(--text-black) !important;
807807
}
808808

809809
.deleted.active {

0 commit comments

Comments
 (0)