Page 1 of 1
Unread post marker
Posted: Sat Aug 05, 2023 2:49 pm
by Blackhorizon
Would it be possible to change the color of new/unread posts to, say, orange? Something that stands out. It would be VERY helpful. This has always bugged me on the forum as it's so hard to notice which threads have new posts on each forum section.
Example of current view: New posts marked with small red dots to identify them from read ones (not a suggestion of display)
Re: Unread post marker
Posted: Sun Aug 06, 2023 10:26 am
by Moonsong
How about changing the colors of the whole symbol, not just a tiny dot?
Fir example:
Unread post = Red
Read Post = Green.
Is that doable?
Re: Unread post marker
Posted: Sun Aug 06, 2023 11:37 am
by Steve
Better colors for visibility is good.
There is also a “Unread Posts” button up top.
Re: Unread post marker
Posted: Sun Aug 06, 2023 3:29 pm
by Józef Taktyka
I always use "Unread posts" button 0_o. It's so much easier.
Re: Unread post marker
Posted: Sun Aug 06, 2023 3:34 pm
by Blackhorizon
Unread posts doesn’t work when you want to check by forum section as it just displays everything.
Also clarified the first post. The screenie is an example of the current view, not a suggestion. The suggestion is pretty clear.
Re: Unread post marker
Posted: Mon Aug 07, 2023 3:39 am
by Kitunenotsume
I have raised a similar question in the past, and will continue to support the endeavor.
The grey-green and olive-green are not easy to discern on monitors with bad colour gamut, at night when f.lux kicks in, or in locations where my screen gets washed out, and I wholeheartedly support the proposals to either more greatly vary the colors, the symbols, or both.
Re: Unread post marker
Posted: Mon Aug 07, 2023 1:48 pm
by Endelyon
Y'all see that super visible page icon next to the unread posts right?
Re: Unread post marker
Posted: Mon Aug 07, 2023 2:21 pm
by Endelyon
After a little bit of cursory research I still think we could change the icon colors pretty easily though. I'll look into it.
Re: 📄 Unread post marker
Posted: Mon Aug 07, 2023 2:23 pm
by Kitunenotsume
I have only noticed them because you pointed it out, since I tend to mentally remove emojis from titles when reading, and it occurs in other locations simply to indicate a post link and a failed picture. However, thank you for the notification.
The existence of the
character in a title does not devaluate the suggestion that the circular icons could benefit from revision.
Re: 📄 Unread post marker
Posted: Mon Aug 07, 2023 2:26 pm
by Endelyon
Kitunenotsume wrote: ↑Mon Aug 07, 2023 2:23 pm
I have only noticed them because you pointed it out, since I tend to mentally remove emojis from titles when reading, and it occurs in other locations simply to indicate a post link and a failed picture. However, thank you for the notification.
The existence of the
character in a title does not devaluate the suggestion that the circular icons could benefit from revision.
Nah I agree actually, the two things are not mutually exclusive. I wanted to look into whether it was possible and how much work it was before I formulated any kind of response actually offering to change something.
Re: Unread post marker
Posted: Tue Aug 08, 2023 2:59 am
by Zanniej
The biggest amount of work is deciding on, and creating new icons. That's not my forte.
When we have new icons, I can easily change them out (or Endelyon can, if preferred
)
For reference, we've got the following icons set in the CSS of this site (which is copied over from before my time):
Code: Select all
.forum_link .row-item-link {
background-image: url("images/forum_link.gif");
}
.forum_unread .row-item-link, .forum_unread_subforum .row-item-link {
background-image: url("images/forum_unread.gif");
}
.forum_unread_locked {
background-image: url("images/forum_unread_locked.gif");
}
.forum_read .row-item-link, .forum_read_subforum .row-item-link {
background-image: url("images/forum_read.gif");
}
.forum_read_locked .row-item-link {
background-image: url("images/forum_locked.gif");
}
.global_read {
background-image: url("images/announce_read.gif");
}
.global_read_mine {
background-image: url("images/announce_read_mine.gif");
}
.global_read_locked {
background-image: url("images/announce_read_locked.gif");
}
.global_read_locked_mine {
background-image: url("images/announce_read_locked_mine.gif");
}
.global_unread {
background-image: url("images/announce_unread.gif");
}
.global_unread_mine {
background-image: url("images/announce_unread_mine.gif");
}
.global_unread_locked {
background-image: url("images/announce_unread_locked.gif");
}
.global_unread_locked_mine {
background-image: url("images/announce_unread_locked_mine.gif");
}
.announce_read {
background-image: url("images/announce_read.gif");
}
.announce_read_mine {
background-image: url("images/announce_read_mine.gif");
}
.announce_read_locked {
background-image: url("images/announce_read_locked.gif");
}
.announce_read_locked_mine {
background-image: url("images/announce_read_locked_mine.gif");
}
.announce_unread {
background-image: url("images/announce_unread.gif");
}
.announce_unread_mine {
background-image: url("images/announce_unread_mine.gif");
}
.announce_unread_locked {
background-image: url("images/announce_unread_locked.gif");
}
.announce_unread_locked_mine {
background-image: url("images/announce_unread_locked_mine.gif");
}
.sticky_read {
background-image: url("images/sticky_read.gif");
}
.sticky_read_mine {
background-image: url("images/sticky_read_mine.gif");
}
.sticky_read_locked {
background-image: url("images/sticky_read_locked.gif");
}
.sticky_read_locked_mine {
background-image: url("images/sticky_read_locked_mine.gif");
}
.sticky_unread {
background-image: url("images/sticky_unread.gif");
}
.sticky_unread_mine {
background-image: url("images/sticky_unread_mine.gif");
}
.sticky_unread_locked {
background-image: url("images/sticky_unread_locked.gif");
}
.sticky_unread_locked_mine {
background-image: url("images/sticky_unread_locked_mine.gif");
}
.topic_moved {
background-image: url("images/topic_moved.gif");
}
.pm_read, .topic_read {
background-image: url("images/topic_read.gif");
}
.topic_read_mine {
background-image: url("images/topic_read_mine.gif");
}
.topic_read_hot {
background-image: url("images/topic_read_hot.gif");
}
.topic_read_hot_mine {
background-image: url("images/topic_read_hot_mine.gif");
}
.topic_read_locked {
background-image: url("images/topic_read_locked.gif");
}
.topic_read_locked_mine {
background-image: url("images/topic_read_locked_mine.gif");
}
.pm_unread, .topic_unread {
background-image: url("images/topic_unread.gif");
}
.topic_unread_mine {
background-image: url("images/topic_unread_mine.gif");
}
.topic_unread_hot {
background-image: url("images/topic_unread_hot.gif");
}
.topic_unread_hot_mine {
background-image: url("images/topic_unread_hot_mine.gif");
}
.topic_unread_locked {
background-image: url("images/topic_unread_locked.gif");
}
.topic_unread_locked_mine {
background-image: url("images/topic_unread_locked_mine.gif");
}
I was already looking a bit at options, and was looking at something like this, where we can alter a parchment type image to suit our needs.
In this example, I just placed an exclamation mark over the parchment, and we could work with something like that.
But as indicated above, there are just a lot of different options to think of. I don't mind using similar icons for some options (if, for example we don't care much about "hot topics"), but it's still quite a bit to think of.
Re: Unread post marker
Posted: Tue Aug 08, 2023 7:57 am
by Zanniej
Smol update: I've got a couple of offers from people to help with creating icons. Thank you very much for that!
Re: Unread post marker
Posted: Tue Aug 08, 2023 6:28 pm
by Valleriani
My three ideas would be:
Idea1 - grey and brighter green.:
https://media.discordapp.net/attachment ... /idea2.png
Idea2 - orange new:
https://media.discordapp.net/attachment ... /idea1.png
Idea3 - grey and bright orange new:
https://media.discordapp.net/attachment ... /idea3.png
Personally I like 1, these are just examples though. All colors and strengths can be adjusted though.
(sorry didn't use it as image tags, it gets stretched on the board for some reason.
Re: Unread post marker
Posted: Wed Aug 09, 2023 3:41 am
by Steve
Idea 1 looks the best in context with the BGTSCC Forums Theme colors.
But Idea 3 has the most contrast and “stand out” appeal, imho.
Nice work!
Re: Unread post marker
Posted: Thu Aug 10, 2023 11:36 am
by Blackhorizon
Idea2 requires the least amount of updating and does the job, Idea3 works too as the point was that the new content would stand out. Nice work though. People consume the forums differently after all. My two cents.
character in a title does not devaluate the suggestion that the circular icons could benefit from revision.
