Make boards more consistent

[benjaminpjones]

Currently, there are 3-4 ways to make a standard looking Baduk board:

• BadukBoard (obviously)
• BadukBoardAbstract
• MulticolorGridBoard
• [Coming soon] FractionalBoard

Some features are different by design:

• graph vs grid
• fractional stones
• black and white vs color stones

But some features are mismatched for no good reason (I'm not sure this is a complete list, but this is everything I noticed):

• last move marker
• score markings
• stone outlines
• stone width
• hover indicator
• margin width
• line weight

The task is to make the boards more consistent as the differences are quite obvious when they occur together on the game page. There may also be room for deduping the classes. BadukBoard may be implemented as a specialization of BadukBoardAbstract or MulticolorGridBoard, and FractionalBoard may be able to implement all four (although I am hesitant to replace grid-based boards with graph-based boards for performance reasons).

[merowin]

How should the last move marker for Taengeuk Stones look?
I like this idea, maybe it could also work well here: https://forums.online-go.com/t/fractional-multicolour-go/36996/64
(though maybe with filled circles for markers instead of squares)

[benjaminpjones]

Yeah that's a tough one. The linked solution looks mostly good, but does it work for gray stones? Another solution might be something like:

if (colors are mostly light) {
    useBlackIndicator();
} else {
    useWhiteIndicator();
}

[JonKo314]

but does it work for gray stones?

For some gray stones it wouldn't work. A filter that does something like (channel + 64) mod 256 for each color channel (r, g or b) would be nice.

Another option would be to define an indicator color for each stone color. And maybe have users pick an indicator color if they are allowed to define the stone color freely.

[JonKo314]

Maybe that's what we want:
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-contrast

But it's an "experimental technology" and not supported by any major browser yet.

Apparently mix-blend-mode is also not supported yet "on SVG elements" for most mobile browser:
https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode#browser_compatibility