Styling requests

[evildice]

Announcements and some thread banners are hard to read in UI.X Dark (Mobile).

 

[Nuit]

Should be fixed.

 

[2 Hot Crown Subdues the Sinful]

P.S. We need that emoticon from SB, the eyebrow waggle one.

Click to shrink...

Is this where I go to suggest this be added?

 

[Nuit]

It's not under the purview of Stylists, you'd have to ask alethiophile or tehelgee as it's up to their discretion.
[dice]11353[/dice]

 

[Nuit]

Got tired of looking at the way thread tags looked for the Light Responsive theme and changed them a bit.

Changelog: Added following code to EXTRA.css

/* Tags */
.tagList, .tagList li {
	display: inline;
}
.tag {
	background-color: @contentBackground;
	border: 1px solid;
	text-decoration: none !important;
	border-radius: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.tag:hover {
	color: @textCtrlText !important;
	border: 1px solid @textCtrlText;
	background-color: #bcbcbc;
}

If I ever figure out where it in the the proper template I may transfer the changes over.

 

[OverReactionGuy]

The blackend theme needs a change if possible.

Spoiler: The spoiler tags

Are a blinding white and you can just barely read the text in them.

Everything else seems to be fine except for that little flaw. I understand if it can't be changed though, just thought I should bring it up since I've been using said theme for awhile and the spoiler tags always irritated me.

 

[macdjord]

The blackend theme needs a change if possible.

Spoiler: The spoiler tags

Are a blinding white and you can just barely read the text in them.

Everything else seems to be fine except for that little flaw. I understand if it can't be changed though, just thought I should bring it up since I've been using said theme for awhile and the spoiler tags always irritated me.

Click to shrink...

I'm on Blackened-Green, and I can read that just fine.

 

[OverReactionGuy]

I'm on Blackened-Green, and I can read that just fine.

Click to shrink...

I'm on blackend not green and it's still blinding white. >.>

It especially happens when you do a spoiler and click on preview.

 

[Nuit]

Both styles use the same spoilers, but how does it look for you now? OverReactionGuy

 

[OverReactionGuy]

Both styles use the same spoilers, but how does it look for you now? OverReactionGuy

Click to shrink...

Looks like you darkened it a bit. It's not blinding and I can read the text better. Seems to be better on my eyes too. So I say it's good, so thanks.

Honestly I blame the fact that my eyes are rather sensitive to such things in the first place.

 

[macdjord]

If you have a quote box inside a spoiler box, you end up with black text on a dark grey background, which is almost unreadable:

Spoiler

See?

Click to shrink...

The solution, I think, is to add CSS to the quote box which sets the default text colour back to the same off-white as it is outside of spoilers.

 

[Nuit]

The solution, I think, is to add CSS to the quote box which sets the default text colour back to the same off-white as it is outside of spoilers.

Click to shrink...

What Style are you using? There's way too many imo.

Edit: Looking back up, I'll assume Blackened-Green for now.

 

[macdjord]

Yeah, still Blackened-Green. Though you should check at least the other Blackened themes; they likely have the same problem.

 

[macdjord]

What Style are you using? There's way too many imo.

Edit: Looking back up, I'll assume Blackened-Green for now.

Click to shrink...

Okay, the fix works, but the colour you set the text in the quote boxes to isn't the same one as the default colour outside of quote boxes - it's several shades lighter.

 

[Nuit]

Done.

 

[macdjord]

Done.

Click to shrink...

Perfect; thank you!

 

[evildice]

Minor issue I just noticed: using the UI.X Dark (Mobile) theme, some user names are difficult to read:

 

[Nuit]

Minor issue I just noticed: using the UI.X Dark (Mobile) theme, some user names are difficult to read:

Click to shrink...

Added a small text-shadow in the EXTRA.css.

 

[evildice]

Added a small text-shadow in the EXTRA.css.

Click to shrink...

Hmm...

Well his subtitle is more correct -- he's shadowed af.

EDIT: It is more legible, so yeah this is probably good enough.

The issue is (and was) that the background and text are too close in luminosity, and the brighter background does help with contrast.

 

[Nuit]

So, what do you think needs changing? Because with my addition of the text-shadow, nothing in that image appears illegible to my eyes.

 

[evildice]

So, what do you think needs changing? Because with my addition of the text-shadow, nothing in that image appears illegible to my eyes.

Click to shrink...

It is a bit more legible now. Thanks!

It's just not as clear as most of the other names.

Do you have fine-grained control to change colors for specific themes? If so, maybe a brighter red to contrast the dark-gray background? Alternately. a darker shadow instead of a light shadow. (Or both.)

It's really not a big deal, since those names are so infrequent.

 

[Nuit]

It is a bit more legible now. Thanks!

It's just not as clear as most of the other names.

Do you have fine-grained control to change colors for specific themes? If so, maybe a brighter red to contrast the dark-gray background? Alternately. a darker shadow instead of a light shadow. (Or both.)

It's really not a big deal, since those names are so infrequent.

Click to shrink...

One more try, this time a lighter red with no shadow.

 

[evildice]

One more try, this time a lighter red with no shadow.

Click to shrink...

Better!

Now it's on par with the green names:

 

[macdjord]

NuitTombee: Can you fix the text colour of [code] boxes the same as you did quote boxes?

 

[Nuit]

Testing.

.messageText {
	font-size: 10pt;
	font-family: sans-serif, Georgia, "Times New Roman", Times, serif;
	line-height: 1.4;
}

Seems good now.

 

[macdjord]

Spoiler: Test

This is a test.

Yup, works now.

 

[asdx]

I'm not sure if it's just me or the style itself but... Flexile Dark seems to be unable to show dice rolls properly. No numbers appear in the box, it's just a big blue square.
[dice]16295[/dice]

 

[Nuit]

Gave a post of mine a test roll.

I mean they do look like shit imo, but it seems to be working.

 

[asdx]

Gave a post of mine a test roll.

I mean they do look like shit imo, but it seems to be working.

Click to shrink...

Weird, I only see flat blue squares on my end... Maybe it's just an IE thing?

 

[End of Line]

Could the color of the text and/or background on threadmark labels attached to threadmarked posts be changed in the Blackend styles? It's currently black text on a darkish grey background and hard to read.

Also, you might want to change the grey background on those either way. While checking I noticed that the colored text on the threadmark labels in both Blackend-Blue and Blackend-Purple have bad contrast against it.

Edit: Added example image.