Implemented Dark Color scheme

[p3n7357]

hello
is it possible to create a bit more color contrast between read/unread greens as it is a bit difficult to distinguish which post is read and which one is unread.

 

[roydan]

You meant that you want a better distinction between threads 1&4 and 2&3?

 

[p3n7357]

yes read posts to be a bit more grayer or unread ones to be with a brighter shade of green so they are very well distinguishable which one is read and which one still unread

 

[Zwielicht]

We’ll look into this as soon as we can. Thanks for bringing it up!

 

[Zwielicht]

I'm still looking into this. The only difference so far is in regards to the "is-unread" links having a higher weight.

.is-unread .structItem-title {
    font-weight: 700;
}

I'm not sure how easy this is to adjust, because it's not a colour difference so much as it is a weight difference.

I'll keep looking into this, I just wanted to give you an update so you know it's still being looked into.

 

[p3n7357]

i did a code inspect and tried to modify some css to see which class was responsible for that and found it a bit difficult even just tried for around 15 min

 

[Zwielicht]

i did a code inspect and tried to modify some css to see which class was responsible for that and found it a bit difficult even just tried for around 15 min

I think one way of approaching it is to add a font color line to this section of code.

So something a little darker just to help differentiate it more, like this:

.is-unread .structItem-title {
    font-weight: 700;
    color: #3dcc77;
}

I haven't tested it yet, but I think it should work.

 

[p3n7357]

I think one way of approaching it is to add a font color line to this section of code.

So something a little darker just to help differentiate it more, like this:

.is-unread .structItem-title {
    font-weight: 700;
    color: #3dcc77;
}

I haven't tested it yet, but I think it should work.

this may work if not this can work as i tried locally to apply directly a attribute and worked

.is-unread .structItem-title a {
    font-weight: 700;
    color: #0be763;
}

and for me this color looks better
#0be763 for unread ones

 

[Zwielicht]

this may work if not this can work as i tried locally to apply directly a attribute and worked

.is-unread .structItem-title a {
    font-weight: 700;
    color: #0be763;
}

and for me this color looks better
#0be763 for unread ones

That colour should work out nicely. I’ll give it a go myself when I’m back at my PC.

Edit: This was a little too matrix green, in my opinion. However, we might be on the track with adjusting the colour slightly.

 

[Zwielicht]

Okay, so what I did was lighten the unread thread titles a bit. From my view, this gives a lot more distinction without it being a major change to the colour.

I compared a before and after side by side, and it seems distinct enough to me.

What do you think?

 

[p3n7357]

Okay, so what I did was lighten the unread thread titles a bit. From my view, this gives a lot more distinction without it being a major change to the colour.

I compared a before and after side by side, and it seems distinct enough to me.

What do you think?

yeah look good to me now. If possible you can apply same change on main categories of forum also.

 

[Zwielicht]

yeah look good to me now. If possible you can apply same change on main categories of forum also.

It looks like it's already applied to that. It might be hard to tell because it's a subtle change.