boardgameareana.com - Dark theme (WIP)

copy-me-into-the-css-editor.css

/* 
# To do:
  * Chat windows
  * Settings page
  * ... probably a lot more
# Note:
After saving the custom CSS in BGA, the format of this code will be altered 
and these comments will be removed. This is expected.
Also, some games define their own colors which will cause some contrast issues.
*/
#__BACKGROUND-PURPLE,html,.playernotification_not_read {
background:#6b4d75;
}

#__DISABLE-BOX-SHADOW,.gamelist_item,.wannaplayauto_button {
box-shadow:none;
}

#__TEXT-COLOR,html,.pageheader_menuitem,.pageheader_menu_verylarge .pageheader_big_switch,a:link,a:visited,.notouch-device a:hover,.wannaplayauto_item .gamenameinner a,.pagesection h2,.portlet h2,.pagesection h3,.portlet h3,#lobby_invite_friend_zone {
color:#ececec;
}

.notouch-device .gamelist_item:hover {
background-color:#ffffff2b;
}

#__TOOLTIP,.tundra .dijitTooltipContainer {
background:#333;
color:#fff;
}

#__TOOLTIP,.dj_webkit .tundra .dijitTooltipContainer {
box-shadow:0 5px 10px #111;
}

#__TOOLTIP,.tundra .dijitTooltipAbove .dijitTooltipConnector {
background:none;
}

#__HEADER,#topbar {
background:linear-gradient(180deg,#222,#111);
}

#__HEADER-LINK,#topbar a {
color:#6e99e1;
}

#__SECTION-BACKGROUND,.pageheader,.pagesection,.portlet,.tips {
background-color:rgba(48,48,48,0.85);
}

#__SECTION-TITLE-BACKGROUND,#page-title,#page-title.current_player_is_active #page-title,.pagesection h2,.portlet h2,.pagesection h3,.portlet h3 {
background:linear-gradient(180deg,#333,#222);
}

#__SECTION-TITLE-LINK,.pagesection h2 a,.portlet h2 a,.pagesection h3 a,.portlet h3 a {
color:#aaa;
}

#__BUTTON,.bgabutton,a.bgabutton:link {
background:#999;
color:#000;
text-shadow:none;
}

#current_table_banner {
background-color:#748c26;
}

.roundedbox .roundedbox_main,.roundedbox .roundedbox_top > *,.roundedbox .roundedbox_bottom > *,.roundedbox {
background-color:rgba(48,48,48,0.85);
color:#ddd;
}

.pageheader_menu_verylarge .pageheader_big_switch_dropdown .pageheader_menuitem {
background:#2b2b2b;
}

#__INGAME-SETTINGS,.notouch-device .ingame_menu_item:hover {
background-color:#404040;
}

#__LOADING-SCREEN,#loader_mask {
background-color:#000;
}

#__ITSYOURTURN,.current_player_is_active #page-title {
border:2px dashed red;
}

#__FIX,.dijitTextBox {
max-width:100%;
}

#__GAME-SEARCH,.tundra .dijitMenu,.tundra .dijitMenuBar {
background-color:#444;
}

#__CHAT-WINDOW,.chatwindowlogs,.chatwindowexpanded {
background-color:#b07536;
}

#__CHAT-WINDOW-BUBBLE,.chatwindowlogs_zone .roundedbox.chatlog .roundedboxinner {
background-color:rgba(0,0,0,0.5);
color:#fff;
}

.whiteblock,#__GAME-START,.gamestart_overlay {
background:#222;
}

#__INPUT,.board_fake_input,input,textarea,select {
background-color:#333;
color:#ddd;
}

#__PLAY-GAMES,.switcher_zone {
color:#9e9e9e;
background:linear-gradient(#424242,#1d1d1d);
border-left:1px solid #636363;
}

.newbgatable td {
color:#ddd;
}

#__NEWS_GRADIENT,.extended_message_hidden:after {
background:linear-gradient(rgba(248,241,234,0), #39343a );
}

#__NEWS-COMMENTS,.comment {
background-image:none;
background-color:#282428;
}

#__CHAT-MOBILE-BACKGROUND,.mobile_version.chatbar_ontop #chatbar_inner:before {
background:rgba(64,64,64,0.88);
}

#__CHAT-CHECKBOX,#chatbarinput_stopnotif_general {
color:#333;
}

#__BACKGROUND-COLOR,.standard_popin_underlay,.standard_popin,.player-board,.chatwindowavatar,.gamestate_gameEnd #page-title,.pageheader_menu_verylarge .pageheader_big_switch,#ingame_menu_content,.head_info,.notouch-device .pageheader_menu_verylarge .pageheader_big_switch:hover,.pageheader_menu_verylarge .dropdown_expanded .pageheader_big_switch,.pageheader_menu_verylarge .pageheader_big_switch_dropdown .pageheader_menuitem.pageheader_menuitemselected {
background:#333;
}

#__AVATAR-MENU,#login-menu,#language_switcher_dropdown,#mobile-menu,#friend-menu {
background:#333;
color:#ccc;
}

#__AVATAR-MENU-LINK,#topbar #login-menu a,#language_switcher_dropdown a,#mobile-menu a,#friend-menu a {
color:#ccc;
}

#__CREATE-GAME,.gametable {
border:1px #333 solid;
background-color:#555;
}

#__GAME-TITLE-BAR,#page-title {
text-shadow:0 0 1px #ccc;
}

#__TABS,.tabbed_slider_bar_right,.tabbed_slider_bar_left,.pagesection .tabbed_slider_bar_right,.pagesection .tabbed_slider_bar_left {
border-top-color:#333;
}

.tabbed_slider_bar_barcenter,.pagesection .tabbed_slider_bar_barcenter {
background-color:#333;
}