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
pk5439
Posts: 4
Joined: 17 April 2020, 09:21

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

Post by pk5439 »

Hi, great work with this dark mode! I'm using the coffee variant and noticed that the text in the Game title search box is not displayed on this page: https://boardgamearena.com/gamelist I think the :focus version still has color: black, while it should be a light color.
User avatar
Salvidrim
Posts: 82
Joined: 29 November 2020, 22:27
Location: Canada
Contact:

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

Post by Salvidrim »

In Yathzee the description of the scoring fields is very dark gray on black too:

EDIT: As you can see the scores in the columns are also unreadable except the the cell for not-yet-assiged scores lights up on your turn
Untitled.png
Untitled.png (207.83 KiB) Viewed 1491 times
User avatar
kolofardos
Posts: 19
Joined: 05 February 2015, 17:40

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

Post by kolofardos »

Nice work!

Here is a bug I found. When using these themes, the "Collapse" button disappears. The "Collapse" button should be visible when you select Play, simple game, manual, after selecting a game.

At the same page, the "Play now" / "Available tables" button are missing, below each game
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 »

Cards are nearly unreadable in the new game (currently in Alpha) "Fluxx". Card text is white on white.
User avatar
Tun 1980
Posts: 3
Joined: 03 April 2021, 00:39

Is there anybody who knows this?

Post by Tun 1980 »

Thank you for your wonderful work. This has to be default option of bga. But there is a problem at Hardback game. You can not see scores (i have added as attachment) I hope somebody knows how to fix these two Hardback game problems:
1) We have to remove background images from score area
2) change font color and size.

Thank you.
Attachments
9392EE1E-6A39-41FB-8B1C-D56A5D5B2970.jpeg
9392EE1E-6A39-41FB-8B1C-D56A5D5B2970.jpeg (91.14 KiB) Viewed 1307 times
782EA1BD-90FC-41E6-B9EC-7D1FD3717356.jpeg
782EA1BD-90FC-41E6-B9EC-7D1FD3717356.jpeg (147.4 KiB) Viewed 1307 times
User avatar
GreatLands
Posts: 1
Joined: 17 December 2020, 02:14

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

Post by GreatLands »

Replies to posts on group pages weren't readable for Variant #1: Black dark mode. I copied the following from your welcome-module to apply to the group-module.

Code: Select all

#group-module .comment {
background-image:none;
background-color:rgba(245,245,245,.15);
border-radius:6px;
}
User avatar
Paul 3
Posts: 1
Joined: 11 April 2020, 19:36

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

Post by Paul 3 »

For some reason the code in the original post doesn't work on my android app. I assume the css was written for the web browser, so I may have to tinker with it to get it to work on my phone.
User avatar
asfasfoejif2089
Posts: 11
Joined: 09 June 2021, 08:39

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

Post by asfasfoejif2089 »

Wow! These look great! You could say they're... A game changer.... :-D
User avatar
JoeSondow
Posts: 2
Joined: 05 October 2015, 20:17

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

Post by JoeSondow »

Thanks for the great work! I'm using the latest black version from the edited initial post in this thread, and I love it. I play Can't Stop a lot, so I appreciate the edit that made the black text somewhat more readable in that game. For my own use I've added this CSS line to make that text white instead. I propose adding this to the dark mode CSS blobs as well. It doesn't appear to have any undesired consequences.

Code: Select all

#dicechoices { color: #FFF; } 
User avatar
sheppo
Posts: 19
Joined: 23 October 2020, 17:17

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

Post by sheppo »

This is wonderful, thank you.

Could you suggest a way to add an exception for certain game backgrounds? For example, Agricola uses a grassy field as its background which blends with the game board icons. It's playable with the dark mode background, but it looks kind of odd.

Image
Locked

Return to “Discussions”