How to change Eidogo's color scheme?

[macelee]

I am setting up a Eidogo player as an alternative to my outdated Java applet Go board on Go4Go.net. Eidogo itself is easy enough to set up but I find its style sheet file very complex. Does anyone know how to customize the color scheme in use? In particular I want to change the color surrounding the board. Thanks in advance.

[Kanin]

Hi, if you use Chrome you can right-click on the Eidogo-player (or a specific part of it, like the part surrounding the board) and select "inspect element". This opens up a box which displays the code for that specific element. On the right side you will find the color of the element displayed in a tiny little box. You can click on it and change to whatever color you want and it will immediately implement the change in that Chrome window, which makes for a handy preview.

Maybe other browsers have a similar function.

[HermanHiddema]

In this case, the css in question is in player.css:

.eidogo-player .board-gutter.with-coords {
background: url("../images/board-bg-coords.png") no-repeat scroll 5px 5px #665544;
}

change the #665544 to a color that suits you.

[macelee]

Thanks that is a very elegant solution. The relevant element is called '.eidogo-player .board-gutter' which I would otherwise never pay attention to without your help. I have to admit the default color scheme is very well designed. It won't be easy to change.

[Alguien]

I suggest #FF00FF.

[macelee]

In this case, the css in question is in player.css:

.eidogo-player .board-gutter.with-coords {
background: url("../images/board-bg-coords.png") no-repeat scroll 5px 5px #665544;
}

change the #665544 to a color that suits you.

Looks like the board itself is load from an image, so are the coordinates. Won't be easy to change. Needs a lot of work.

[Alguien]

Looks like the board itself is load from an image, so are the coordinates. Won't be easy to change. Needs a lot of work.

No. The image is only for the coordinates and you'd want those anyway.

You can see the parts that are images here.

[HermanHiddema]

Looks like the board itself is load from an image, so are the coordinates. Won't be easy to change. Needs a lot of work.

No. The image is only for the coordinates and you'd want those anyway.

You can see the parts that are images here.

The board is an image too. That's also why eidogo does not support sizes other than 9x9, 13x13 and 19x19.

[macelee]

The board is an image too. That's also why eidogo does not support sizes other than 9x9, 13x13 and 19x19.

That why I say 'a lot of work' because one needs to find a nice-looking wood background of exactly the same size and needs to draw lines on it.

[HermanHiddema]

You can change the css background image from board-19-simple.gif to board-19.gif to get a wood background, if you want. (this does not work for 9x9 and 13x13)

[macelee]

Thanks for all your replies. I will for the moment keeping using the default color scheme and keep experimenting on my development system.

On Go4Go, Eidogo board is now up and running. Try today's latest game:

http://www.go4go.net/go/games/sgfview/31428

Visitors can keep using the old Java applet or the new board and the system will remember user preference.