Unread post marker

[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)

[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?

[Steve]

Better colors for visibility is good.

There is also a “Unread Posts” button up top.

[Józef Taktyka]

I always use "Unread posts" button 0_o. It's so much easier.

[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.

[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.

[Endelyon]

Y'all see that super visible page icon next to the unread posts right?

[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.

[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.

[Endelyon]

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.

[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):

Hidden: show

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.

[Zanniej]

Smol update: I've got a couple of offers from people to help with creating icons. Thank you very much for that!

[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.

[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!

[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.