How to swap the new design with the old one

[The Nuzzer]

Nice work, thanks

[CoreySteel]

It worked for me! Thank you so much!!!!! At least now I can see the cards

Sadly I still cannot read some of the numbers and stuff iin the history (I'm visually impaired and putting the colors there means not sufficient contrast for me to be able to distinguish them on the background and/or between the colors that are almost identifcal)

Yeah, they are hard to read. I can't recreate the old history, because it's a different system now, but I tried putting a black background on all the numbers, made blue a bit lighter and orange back to red. You can try if this suits you better.

And as @mbjurstrom said, if anything goes wrong or you want to revert to the original design, you can just delete everything from that CSS box.

Here's the additional code:

Code: Select all

.logicon {
    background-color: #1f1f1e;
    border-radius: 4px;
    padding: 1px 4px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.logicon_value_blue {
    color: #4da6ff !important;
}

.logicon_value_orange {
    color: #d83a40 !important;
}

.logicon_value_purple {
    color: #fefdfe !important;
}

[Maneri]

I used the css you gave first but the second time I played I received just one card so I hade to play every time the only card I had. Lost a match that I was winning...

[CoreySteel]

If anything goes wrong, you just delete the stuff you entered in the CSS, and it will all be back to normal.

[TomFCG]

Thank you for this! Added to my BGA CSS collection.

[FernBymob]

OMG, THANK YOU SO MUCH!!!

[CoreySteel]

All good!


As said, I also added black borders to the numbers in the history panel and changed some colors to make it easier to see. As you can see below, you can play with this yourself, changing #colors to whatever you like.



Here's a code for this:

Code: Select all

.logicon {
    background-color: #1f1f1e;
    border-radius: 4px;
    padding: 1px 4px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.logicon_value_blue {
    color: #4da6ff !important;
}

.logicon_value_orange {
    color: #d83a40 !important;
}

.logicon_value_purple {
    color: #fefdfe !important;
}

And I also switched the board to the old design. I feel with the new one, it's hard to see if cards were taken or put on the board.



Code:

Code: Select all

#board_surface {
    background-image: url("https://i.imgur.com/wfF2B5E.jpeg") !important;
}

[CosmoTable]

I switched to this way of playing after my first few games with the new system. Unfortunately I have found some bugs that seem to be associated with this method? Specifically the cards in the middle discard piles don't properly update. Once one is drawn it continues to display as if it is in the middle, and once that card is played it results in an awkward animation in which it shifts from discard pile to column.

The other notable problem was that cards drawn from e discard piles didn't have an associated animation, they simply disappeared in an instance which was easy to miss. Having to check logs often as a result.

Switching back to he new card art fixed these problems. I will attempt to use the changes again to confirm that the bugs are caused by using the image replacements.

[CoreySteel]

FWIW, these are almost certainly bugs in the game's new update (99%) and not because of the CSS used. These are game mechanics bugs and all that CSS does is change the design of the cards.

You can see your bug has already been reported here before: https://boardgamearena.com/#!bugs
And I had the same "no animation/disappearing discard card" bug before I did the CSS thing.

[FeistyBadger]

The bug of the cards simply disappearing from the middle is definetely in the new update. Happened to me when I played the game (first time after the update and most likely last time, unless they roll back the update)