Custom Darker Blue Theme

[zanthian]

I was playing around with the advanced Editor and came up with a theme I like and thought I would share.

Code: Select all

html,body {
height:100%;
background-image:url(http://3.bp.blogspot.com/-5K6ttOvC4qY/VK07YOHcPxI/AAAAAAAAGy8/vcAa3Rm9MoE/s1600/web-texture-brown-canvas.jpg);
}

.portlet,pagesection h2,.portlet h2,.pagesection h3,.portlet h3,.pagesection,.chatwindowexpanded,.chatwindowlogs,.roundedbox,.roundedbox .roundedbox_topleft,.roundedbox .roundedbox_topmain,.roundedbox .roundedbox_topright,.roundedbox .roundedbox_main,.roundedbox .roundedbox_bottom,.roundedbox .roundedbox_bottomleft,.roundedbox .roundedbox_bottomright,.roundedbox .roundedbox_bottommain,.roundedbox .roundedboxinner,.l_content_block,.player-board {
background-color:#D3D7DB;
}

#async_table_banner {
background-color:#9EA4A9;
}

.pageheader {
background-color:#A8B7C3;
}

.gametable_status_meeting .pageheader,.gametable_status_asyncopen .pageheader,.gametable_status_asyncinit .pageheader,.gametable_status_tournamentopenturnbased .pageheader,.gametable_status_meeting.gametable,.gametable_status_asyncopen.gametable,.gametable_status_asyncinit.gametable,.gametable_status_tournamentopenturnbased.gametable {
background-color:#D3D0C6;
}

It results in the following:


If you would like a preview click this link: http://boardgamearena.com/?use_custom_style=11041168
If you would like to undo the preview click this link: http://boardgamearena.com/?use_custom_style=0

If you would like to make it permanent:

• Navigate here: http://en.boardgamearena.com/#!preferen ... n=advanced
  Enter the Code from above
  Click the Save Button

To Customize for your use:

• Backgroud: replace the image url in "background-image:url"
  Colors: update the different "background-color:" elements with different colors until you are happy.
  Here is a nice palette tool to help with color selection: http://paletton.com/

[senatorhung]

thanks for posting your actual CSS code !

here was the official announcement thread and my custom theme :

http://forum.boardgamearena.com/viewtop ... 6&start=20

all i did was replace the woodgrain with a feltgreen.

other folks with more advanced CSS skills posted previews of their setups earlier in that topic.