Twitter Bar is white in dark mode.

[Anish]

When you're a dark theme user, your eyes are adjusted to the dark theme. Your browsing the site normally like a regular user, and then bam, this Giant White Block that COMPLETLY defeats the purpose of the dark mode in that section.

Ok let's be real, it's not THAT bad it's just fairly annoying seeing this white block in the middle of darkness.

 

[Justis]

How’s that?

 

[Areeb]

How’s that?

The text could be made a little lighter, like a lighter grey

 

[Justis]

The text could be made a little lighter, like a lighter grey

The text is auto-generated by twitter’s embed, the css they’re using is external, so I can’t edit it. Not sure how I would go about making the text lighter as a result, but I can make the background darker so that it contrasts better.
How’s this:

 

[Areeb]

The text is auto-generated by twitter’s embed, the css they’re using is external, so I can’t edit it. Not sure how I would go about making the text lighter as a result, but I can make the background darker so that it contrasts better.
How’s this:

Much better

 

[Anish]

The text is auto-generated by twitter’s embed, the css they’re using is external, so I can’t edit it. Not sure how I would go about making the text lighter as a result, but I can make the background darker so that it contrasts better.
How’s this:

Not to be picky but you should change the text color, and make the logo a square/change the background to black.
And you can just add style tags or add your own class to the element and change it to background-color:black and whatnot.

 

[Geek]

Not to be picky but you should change the text color, and make the logo a square/change the background to black.
And you can just add style tags or add your own class to the element and change it to background-color:black and whatnot.

Did you actually read what you quoted Justis on?

 

[Anish]

Did you actually read what you quoted Justis on?

I'm aware, but if he can't make the text lighter, then that makes the whole thing useless as its really hard to read the twitter embed when it has a dark background and grey text.

 

[Geek]

The text is auto-generated by twitter’s embed, the css they’re using is external, so I can’t edit it. Not sure how I would go about making the text lighter as a result, but I can make the background darker so that it contrasts better.
How’s this:

Looking on their embed site, you could do something like this after checking if the user is on the dark theme. Should just be a simple script really.

<a class="twitter-timeline" data-theme="dark" href="https://twitter.com/MCMarket_org?ref_src=twsrc%5Etfw">Tweets by MCMarket_org</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

and would produce

I'm aware, but if he can't make the text lighter, then that makes the whole thing useless as its really hard to read the twitter embed when it has a dark background and grey text.

Just use the website or the app like any normal person then?

 

[Anish]

Looking on their embed site, you could do something like this after checking if the user is on the dark theme. Should just be a simple script really.

<a class="twitter-timeline" data-theme="dark" href="https://twitter.com/MCMarket_org?ref_src=twsrc%5Etfw">Tweets by MCMarket_org</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

and would produce

Just use the website or the app like any normal person then?

That makes the point of the embed useless?

 

[Justis]

data-theme="dark"

Thanks for this Geek! I’ve gone ahead and made two different twitter widgets, one for dark theme and one for light theme, and have applied that theme conditional to the embed data for dark theme users.

Everyone should be satisfied now.

 

[adamawesome135]

Thanks for this Geek! I’ve gone ahead and made two different twitter widgets, one for dark theme and one for light theme, and have applied that theme conditional to the embed data for dark theme users.

Everyone should be satisfied now.

Looks great

 

[Mick]

Thanks for this Geek! I’ve gone ahead and made two different twitter widgets, one for dark theme and one for light theme, and have applied that theme conditional to the embed data for dark theme users.

Everyone should be satisfied now.

You're a wizard, Justis.

I'll move this to accepted, thanks for bringing this to our attention.