Replies

Apr 7, 2019 6 years ago
Crow_914
has pride
User Avatar
Taako from TV

The automatic picking of white or black text works for most of the color spectrum, but a lot of shades of purple, pink, and blue end up with black text when white would be much easier to read. Often the colors are so bad that trying to read black text on it physically affects my head.

My suggestion is to either re-calibrate the automatic switch between white and black text for these colors, or allow users to pick whether they want white or black text when they pay for the color.

Demiboy (He/They) ALWAYS LOOKING FOR: | or similar | any magpie-looking wings | Cool Ears

Apr 7, 2019 6 years ago
Bug
User Avatar
Segfault

This isn't an "official" solution, but I dug up my shoutbox css that might make things nicer for you in the meantime

Quote by Bug
I&;m not sure how useful others will find this, but I figure I&;d share anyway c:</p>
<p>This is the code I use to make the shoutbox a little prettier and easier to read. It keeps the background colors (since those are fun) but mutes the color beneath the text. You kinda have to see it to know what I mean, so give it a try :)</p>
<p>.shoutbox_shout{color:!important;position:relative;margin:3px;border:0!important;}
.shoutbox_shout:before{content:&;&;;background-color:;position:absolute;right:0;top:20px;left:0;bottom:0;z-index:-3;}
.shoutbox_user{border-radius:unset!important;border:0!important;font-weight:normal;}
.shoutbox_user a{color:!important;font-size:110%;}

And here is a quick link to your custom CSS page where you can paste it in as-is.</p>
<p>Pinging (sorry if this was a double ping!!)

from here Some free customCSS for the shoutbox (don't post there though, it might be a necro...)

[edit] WHOOPS i accidentally pinged the shoutbox group by quoting myself... sorry if that annoyed anyone !!

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Apr 7, 2019 6 years ago
Quark
User Avatar

Would it be possible to introduce customizable shoutbox text, the same way we have custom shoutbox colors? I don't think the text should be the same price, maybe 10CSC per font color

Apr 7, 2019 6 years ago
shylarah
is a Time Lord
User Avatar
Yahrzeit

.> I bet I'm one of the bad colors. I often am. I use Bug's code and it really does help with things! And it solves the link color issue too, which is fun on a lot of darker shades.

The way some people spell makes me wonder about their pronunciation. My CW shop, and my ping group

Apr 7, 2019 6 years ago
Crow_914
has pride
User Avatar
Taako from TV

I'm gonna do that css thing in a hot second but also that doesn't change the fact that I'd feel bad using the color I'd like most (purple as close to ultraviolet as we can physically see) because most users don't have that CSS going on.

I like this idea though I worry that allowing users to pick colors will lead to nightmare color schemes like blue on bright red (which is basically scientifically nearly impossible to read)

Demiboy (He/They) ALWAYS LOOKING FOR: | or similar | any magpie-looking wings | Cool Ears

Apr 7, 2019 6 years ago
Quark
User Avatar

I do have another solution to the dilema and that would be a total redesign to the shoutbox colors. I play at another site that uses shoutbox colors but the do so in a different way. Instead of user dictaing the color of their shoutbox, the site releases a monthly collection of shoutbox colors, with different colors and font colors for each shade released.

For example Black with Gold Font, etc Subeta could do something similar, with release a monthly collection of shoutbox colors and that way only staff can dictate what color of text gets used.

Also, purchasing these colors, would be account bound and saved to the account in some fashion.

Apr 8, 2019 6 years ago
placebo
has x-ray vision
User Avatar
dimitri.

yay! thanks for the SB ping, ;) if you didn't, i would never have seen it. not that i need this trick/fix since i use a light shade of olive green (i think that is). Or do i use that code to make sure i can read everyone's messages? im a bit confused at what that code does. o.o -if you're awake, should i bring you some rifted coffee? lol

I really have to update my blog ObscureJourney and my review site BeingObscure. French speakers can read my reviews here.

Apr 8, 2019 6 years ago
Bug
User Avatar
Segfault

Coffee this late isn't good for me... But I think I might be awake because I had a bit too much coffee earlier in the evening D:

The code is meant to make everybody's text more readable. It's kinda hard to describe so you should just give it a try! You can just remove the custom CSS again if you decide you don't like it :)

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Apr 8, 2019 6 years ago
placebo
has x-ray vision
User Avatar
dimitri.

aha! ok, i understand ;) and no coffee for you at the moment. tomorrow then ;)

I really have to update my blog ObscureJourney and my review site BeingObscure. French speakers can read my reviews here.

Mar 11, 2020 6 years ago Official
Bug
User Avatar
Segfault

Quote by Bug
I&;m not sure how useful others will find this, but I figure I&;d share anyway c:</p>
<p>This is the code I use to make the shoutbox a little prettier and easier to read. It keeps the background colors (since those are fun) but mutes the color beneath the text. You kinda have to see it to know what I mean, so give it a try :)</p>
<p>.shoutbox_shout{color:!important;position:relative;margin:3px;border:0!important;}
.shoutbox_shout:before{content:&;&;;background-color:;position:absolute;right:0;top:20px;left:0;bottom:0;z-index:-3;}
.shoutbox_user{border-radius:unset!important;border:0!important;font-weight:normal;}
.shoutbox_user a{color:!important;font-size:110%;}

Hey !! So as you know, the SB has a problem where text is sometimes unreadable or makes your eyes hurt on darker or more vibrant background colors.

We don't want to disallow any background colors, so I've been thinking about how to officially solve this problem.

The custom CSS quoted above is something I had written a while back to solve this very problem. I hesitate to make it "official" CSS since it started as a custom CSS, but I think it makes the SB more readable and easier on the eyes, and I haven't been able to improve on it much.

I like that, with custom CSS, you can opt in and opt out of using it. I love that we all have that choice. In this case, though, it seems like there's a huge benefit to making this the default for everyone: it means you don't have to worry about picking a background color that looks nice with the CSS but will look bad/unreadable to people who aren't using it.

I wanted to ask the community to give the CSS above a try, and let me know: would you like to see this become the official CSS? If we go ahead and make this the default SB style, are there any downsides you can foresee that I don't? I want to be sure to hear your thoughts and concerns before going through with something like this.

Thanks <3

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Mar 11, 2020 6 years ago
Aries
is a gem
User Avatar

thank you for the custom css as now I can read what starscream is saying with her dark red sb colour and black text.

Sp vouchers [tot=aries][tot=pyritefraxure]

Mar 11, 2020 6 years ago
shylarah
is a Time Lord
User Avatar
Yahrzeit

I loved this code back when you made it, but for some reason it no longer works for me and hasn't for a while.

my CSS in use

The way some people spell makes me wonder about their pronunciation. My CW shop, and my ping group

Mar 11, 2020 6 years ago
Crow_914
has pride
User Avatar
Taako from TV

I've been using this one since you posted it here and when i've actually been in the SB its worked very well, so I'm very in favor of it becoming the default!

Demiboy (He/They) ALWAYS LOOKING FOR: | or similar | any magpie-looking wings | Cool Ears

Mar 11, 2020 6 years ago
Tomorrow
has seen too much
User Avatar

feels judged


Hoarding: 2986/??? (turns out I haven't updated in a while. Whoops!) Thank you anon ;_; x10 March 4/21/21 (RIP Storm-buddy the leopard gecko- you lived a great 16.5 years.)

Mar 12, 2020 6 years ago
Scy64
beat crabs
User Avatar
Terminated

I like the idea but copied/pasted this in my custom CCS and users with a very dark sb color ended up unreadable (ie their text was black on a dark bg).

I think either way it’s a good idea to have (providing it makes all text more readable), though I’d personally vote for it to be an option rather than default. Maybe turn it into something you can toggle on and off in the event you change your mind?

Dec 9, 2020 5 years ago
Gatta
User Avatar

I know my SB is on the harder side to read. I used to have a darker blue that was still black that was impossible.

Aug 18, 2021 4 years ago
Soleta
will put a spell on you
User Avatar

Increased contrast is easier on my eyes. The dark background and dark font are hard to look at, as is the darker background (ex. green) and light font. What's easier on your eyes is likely easier on mine too! I just posted and it was light font on yellow background, which was fine. I don't mind a default if it's easier to read. Maybe have some pre-made options for people who want variety?

[tot=Soleta]

Aug 19, 2021 4 years ago
WindKitsune
has seen too much
User Avatar

Is there a way to make it so the text goes white on a dark background on earlier hues? It already happens, but there's a range where it doesn't pick up.

Tricks are overrated. Treats, please.

Please log in to reply to this topic.