Dark mode themes (CSS)...here you go

Discussions about BGA (all languages)
Forum rules
Warning: challenging a moderation in Forum = 10 days ban
More info & details about how to challenge a moderation: viewtopic.php?p=119756
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode theme (CSS)...here you go

Post by dapotamus »

Made a small update to #async_table_banner to make it match the icon above.

bga_update4.png
bga_update4.png (216.95 KiB) Viewed 1386 times

UPDATE: After testing, I've changed the contrast from what shows in the screenshot here to make it more readable.
Last edited by dapotamus on 29 December 2020, 12:10, edited 1 time in total.
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode theme (CSS)...here you go

Post by dapotamus »

And another update for today to significantly improve (IMHO) the game lobby ("PLAY NOW") page. I've removed the distracting and redundant "Play Now!" buttons, moved the position of the name of the game, and increased the size of the game box images—all to put more focus more on the games rather than the chrome.

This update also fixes problems with overlaps in other view modes. Thanks to JPreto for letting me know about them!

bga_update5.jpg
bga_update5.jpg (192.51 KiB) Viewed 1377 times
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode theme (CSS)...here you go

Post by dapotamus »

A major update to the Games list to make it consistent with the "Play now" (lobby) page. This one was challenging because the underlying markup is significantly different than the other page, so this was a matter of copying look and feel rather than reusing CSS.

bga_update6.jpg
bga_update6.jpg (218.59 KiB) Viewed 1364 times
User avatar
CB Droege
Posts: 344
Joined: 30 November 2012, 02:26
Location: Munich
Contact:

Re: Dark mode themes (CSS)...here you go

Post by CB Droege »

I've been using this theme for a few days now, and I really like it. It's the first dark theme I've run across that doesn't bork things overmuch.

I have one note:
Some games, like Cant Stop have some black text directly on the background, and that becomes nearly unreadable. I have to highlight the text with my cursor to read it. I blame the game dev for not thinking about possible background changes, but I still wonder if it's possible to add a glow or outline to any black text that sits right on the background.

Image
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode themes (CSS)...here you go

Post by dapotamus »

Big update! I've now published 4 rebuilt "official" variants in black, blue, purple, and cafe colors. See the first post in this thread for details.

bga_black.jpg
bga_black.jpg (223.97 KiB) Viewed 1354 times
bga_blue.jpg
bga_blue.jpg (224.03 KiB) Viewed 1354 times
bga_purple.jpg
bga_purple.jpg (224.62 KiB) Viewed 1354 times
bga_cafe.jpg
bga_cafe.jpg (238.42 KiB) Viewed 1354 times
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode themes (CSS)...here you go

Post by dapotamus »

CB Droege wrote: 29 December 2020, 12:38 I've been using this theme for a few days now, and I really like it. It's the first dark theme I've run across that doesn't bork things overmuch.
Hi CB, thanks!
CB Droege wrote: 29 December 2020, 12:38 I have one note:
Some games, like Cant Stop have some black text directly on the background, and that becomes nearly unreadable. I have to highlight the text with my cursor to read it. I blame the game dev for not thinking about possible background changes, but I still wonder if it's possible to add a glow or outline to any black text that sits right on the background.
Thanks for letting me know about these. I don't think the game dev can really do anything to account for this since I'm swapping in new CSS underneath, so it's more due to my inability to test all the games yet. If you have a list of games with problems other than Can't Stop, I can tune up my CSS to try to correct the problem.
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode themes (CSS)...here you go

Post by dapotamus »

By the way, CB Droege, my rebuilt variant #1 without the tiled background (just released tonight) doesn't totally fix the issue but does seem to work a little better:

Screen Shot 2020-12-29 at 4.41.40 AM.png
Screen Shot 2020-12-29 at 4.41.40 AM.png (206.45 KiB) Viewed 1351 times
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode themes (CSS)...here you go

Post by dapotamus »

OK, I've added a fix for Can't Stop and updated the first post with it. Please reinstall the CSS from there.
User avatar
CB Droege
Posts: 344
Joined: 30 November 2012, 02:26
Location: Munich
Contact:

Re: Dark mode themes (CSS)...here you go

Post by CB Droege »

Wonderful! Thanks. Do you have a tip jar somewhere?
User avatar
dapotamus
Posts: 19
Joined: 14 April 2020, 10:09

Re: Dark mode themes (CSS)...here you go

Post by dapotamus »

CB Droege wrote: 29 December 2020, 14:50 Wonderful! Thanks. Do you have a tip jar somewhere?
Not really, but thanks for the feedback! Let me know if you find any other glitches.
Locked

Return to “Discussions”