Git Product home page Git Product logo

bga-dark-theme's Introduction

A dark css theme for boardgamearena.com

Installation :

Screenshots :

Homepage

homepage

Game selection

gamelist

In-game

ingame

Found a bug ?

I'm doing my best to make this theme work on most games, but won't have time to check them all, so feel free to create an issue if you find any visibility issue in-game.

bga-dark-theme's People

Contributors

audabas avatar joesondow avatar lehenry avatar athryell avatar chainsawriot avatar

Stargazers

 avatar  avatar Getaway avatar Nuno Miguel Mendonça avatar  avatar Joe avatar  avatar Anthony avatar Andreas Olsson avatar Zabriskije avatar Kristopher Siman avatar  avatar kiritjom avatar Oreg Sam avatar Shopen avatar Jay Peyer avatar Benjamin Führmann avatar  avatar Stephen Goncher avatar Tom avatar  avatar Zach Gleason avatar  avatar PierôK avatar  avatar Shervin Sahba avatar Andreas J. Caspers avatar Tommy Mendys avatar Alexandre Leroux avatar Mike avatar  avatar Zou avatar  avatar  avatar  avatar Paul Morganthall avatar Boston Cartwright avatar

Watchers

 avatar James Cloos avatar  avatar Mike avatar  avatar Bradley Ward avatar  avatar Joe avatar

bga-dark-theme's Issues

We need guidelines for contributions

In order to have consistent styles.
Until now I was removing background images that had no gameplay value.
Which color variable to use in which case is not always clear.
What to do if a style for a game is not in the bgagame-* parent (as it is the case for tooltips)

Period display in Ice Cold Ice Hockey is navy blue on black

I noticed that in Ice Cold Ice Hockey the current period and number of cards left in the draw pile for that period is a navy blue. When using the dark mode CSS, it means that navy blue is on top of black, making it really hard to read.

NOTE: This is somewhat alleviated when there are less than 15 cards in the draw pile because it pulses between navy blue to red.

In looking in the HTML for the page, here's what it looks like:

<div class="fake_card" id="fake_deck">
        <div id="period">Period 3-1</div>
        <div class="normalPeriod" id="nbr_cards">x23</div>
</div>

Below is the way it displays on the page (at least how it displays to me):

Screen Shot 2021-11-09 at 8 48 22 AM

Thank you for a great theme!

Fluxx cards are unreadable

In Fluxx, the card text is white on the regular white background on the cards, which requires other methods to be able to read them: The side of the card is accurately rendered, the rollover tip is correctly rendered and the images generally tell you what's going on, but sometimes it is nice to be able to read the cards for specific details on actions or keepers/creepers that have secondary effects.

Looking at the HTML for a card in my hand:

<div id="handStock_item_68" class="stockitem stockitem_unselectable" style="top: 0px; left: 1000px; width: 150px; height: 233px; background-image: url(&quot;https://x.boardgamearena.net/data/themereleases/current/games/fluxx/210918-2146/img/cards.png&quot;); background-position: 0% -400%; opacity: 1; z-index: 10;"><div class="flx-card-overlay-title">
		<div class="flx-card-title flx-card-title-base flx-card-title-rule" id="flx-card-overlay-title-220">
			<div class="card-overlay-title">
        <div class="card-type">New&nbsp;Rule</div>
			</div>
		</div>
</div><div class="flx-card-overlay">
		<div class="flx-card flx-card-base flx-card-rule" id="flx-card-overlay-220">
			<div class="card-overlay">
        <div class="card-name card-name-normal">Double Agenda</div>
        <div class="card-subtitle">Takes Instant Effect</div>
				<div class="card-description card-desc-normal" "="">A second Goal can now be played. After this, whoever plays a new Goal must choose which of the current Goals to discard. You win if you satisfy either Goal.</div>
			</div>
		</div>
</div></div>

At least to my eye, card-name, card-subtitle, card-description, and card-type would need to be updated to a different color.

This is how it displays on the page, at least to me:

Screen Shot 2021-11-15 at 8 24 59 AM

Thank you!

Spades game issues

In the game the individual bids and progress completely blend into the cream background of the box, the team bids and progress are more readable on the light blue background. When you are bidding it has the same issue until you click on one of the choice bubbles and then it will flash the the number for just a moment before the menu closes.

Dark blue font in Dungeon Twister

Hi and thanks for the theme. In Dungeon Twister the blue player has a very dark font in the game history, would it be possible to change it to a lighter blue ?

White text on white background in Azul

See attached screenshot, issue with white text on white background in Azul. Thanks for this wonderful theme, it really should be officially provided by BGA!

Image

Cannot access bug page due to dark theme CSS

First, big thanks for this BGA dark theme. Just started using it and loving it so far.

Potential bug when this CSS is enabled:

Désolé, une erreur inattendue s'est produite...

You cannot access this section because you are using some custom CSS (see Preferences > Advanced)

>> Sortez-moi d'ici <<

Thanks! :-)

7 Wonders: white name of cards on light grey

See attached screenshot, the name of the cards at the top is barely readable: white text for the name of the cards in a light grey box.

Thanks a lot & have an excellent year 2022 :-)

Image

Issues with intermediate scores for Boomerang

Boomerang intermediate scores on the score sheet have white text in white squares which is not visible.

As a workaround adding the following should solve the issue.

.bgagame-boomerangaustralia .box-normal-content {
color:#000;
}

.bgagame-boomerangaustralia .box-normal-content.total-value.total-tmp {
color:#d3d3d3;
}

Issues with tournament list

Hi, please have a look at the attached screenshot, I see 3 improvements to the tournament list with the dark mode:

  • missing max number of players in a tournament : white text on white background
  • tournament name : black text on dark grey background
  • participation notice : black text on dark grey background

Example of a tournament list. Thanks a lot!

issue_bga_tournament-list_dark-mode

Agricola has a lot of white text and glyphs on the yellow cards.

Nice theme! I noticed that Agricola has a lot of white text and glyphs on the yellow cards. Here's a pic below. Also, the "grass" background of course disappears which gives the board a patchy look, but I think that's unavoidable and, frankly, minor in terms of playability.

agricola

Viticulture issue : white text in white boxes

Thanks for the theme :-)

There's an issue with the Viticulture game, where there is white text in white boxes. We thus can't see the text (but can select it). This happens at least for the 'count of cards' and the 'year and season info', as seen in the attached screenshot.

Merci !

Image 2021-11-07 à 10 38

Theme does not work for Remember When...

All text on the cards in Remember When... is hidden with the theme enabled

Untitled

You can hover over the cards to get the tool tip to display, but the tool tip for the currently oriented card is white text on yellow, and is also not visible.

Game normally would be displayed as below

Untitled

Bang! game white text on white background in stores

See attached screenshot. In the Bang! game, the card name text at top of card can't be seen given white text on white background.

This happens when a player plays a "store" card and the available cards in the store are shown to players.

Image

Thanks, this dark theme is so useful!

Rallyman GT issue with buttons

See attached image. There recently was an update to Rallyman GT and I suspect it broke the dark theme for some buttons. White text on very light grey background. Thx.

Image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.