Dark mode themes (CSS)...here you go

[Salvidrim]

Yeah I had to stop using the dark mode themes because they weren't being supported by the dev, almost every new game release needs some tweaks to work properly. I was a hindrance to playing some of my faves (Hardback, Dragonheart, Yathzee) so I disabled it until it becomes actively maintained again

[Martan404]

For some reason the code in the original post doesn't work on my android app. I assume the css was written for the web browser, so I may have to tinker with it to get it to work on my phone.

I managed to fix this. At the top of the CSS edit this line to be shorter.

Code: Select all

content:"Reminder: You are using custom Dark Mode CSS Version 2.1. Licensed under CC BY-NC-SA 4.0. See https://boardgamearena.com/forum/viewtopic.php?f=3&t=18654 for details.";

I edited it to

Code: Select all

content:"Dark Mode CSS Version 2.1. Licensed under CC BY-NC-SA 4.0";

[SpaceMonkey2104]

First of all, let me express my gratitude to dapotamus for his great work on the dark themes. I've only built on his work and all credit goes to him for providing the original template. Everything i've done is based on variant #1 shown in the original post.

I've tinkered a bit to reintroduce the button that shows available tables to the "PLAY NOW" section, since i like not having to open the tableview for games to know if tables are available, so i didn't find that option redundant at all, and pushed the gamename back to being shown on top of the game instead of under it. The game overview in the "GAMES" section is unaffected by this, since i only use that list to find games to possibly favorite, so the button is of no use to me there.
I've styled the buttons in the process (to the original greyish font color), so they blend well with the rest of the theme, part of which was setting the font to white to make it pop more (the grey font was hard to read imo). I imagine the font might be a problem on very light backgrounds, but so far i haven't encountered any problems in the games i play. But no guarantees there, since i am not exactly sure where the font options are used and where they are overridden for specific games.
I also incorporated JPreto's idea of widening the row to display more games and set it to 1750px. You could squeeze in another game into the row by going up to 1900px, but imo it looks way uglier that way, since it looks really stuffed without any empty space around the list.

Feel free to give me feedback in case you find an issue i have introduced with my changes.

Code: Select all

#overall-footer::after {
font-family:Monaco,monospace;
white-space:pre;
display:block;
color:#999;
text-align:center;
font-size:8pt;
content:"Reminder: You are using custom Dark Mode.";
padding:1em;
}

html {
background:radial-gradient(ellipse/**/at/**/top,#555555,#0a0a0a),radial-gradient(ellipse/**/at/**/bottom,#555555,#0a0a0a),url(https://wallpaperaccess.com/full/781329.jpg);
background-attachment:fixed;
background-position:center;
}

#topbar {
background:#222;
}

#async_table_banner {
color:#fff;
background-color:#e00;
}

#page-title {
background-color:rgba(88,88,88,.75)!important;
color:#fff;
}

.current_player_is_active #page-title {
background-color:#777;
}

.pageheader {
background-color:transparent;
color:#fff;
}

.pageheader_menuitembar {
border-radius:0 0 6px 6px;
}

.newbgatable th {
text-transform:capitalize;
color:#fff;
}

.whiteblock {
background:rgba(0,0,0,.2);
color:#fff;
}

.gametable {
border:1px #000 solid;
background-color:#444;
padding-top:10px;
padding-bottom:10px;
}

.pagesection {
background-color:rgba(64,64,64,.5);
color:#fff;
}

.pagesection h2,.portlet h2,.pagesection h3,.portlet h3 {
background:linear-gradient(#888888,#777777);
color:#111;
}

a.bgabutton_gray {
background-color:#fff;
}

span.bgabutton_gray {
background:#bbb;
}

.bgabutton_blue {
background:#666;
}

.notouch-device .bgabutton_blue:hover {
background:#222;
}

.pageheader_menu_verylarge .pageheader_big_switch {
background-color:#333;
color:#fff;
}

#table_warnings {
color:#000;
}

.tabbed_slider_bar_left,.tabbed_slider_bar_right {
border-top:28px solid #444;
}

.tabbed_slider_bar_barcenter,#pageheaderlobby {
background:#444;
}

.switcher_zone {
background:linear-gradient(#333333,#111111);
border-left:1px solid #555;
}

.switcher_zone .fa-caret-down {
text-shadow:1px 0 1px #777;
color:#333;
}

.icon_plus span {
top:-3px!important;
}

.playernotification_not_read {
background-color:#edbab7;
}

.dijitInputInner {
background-color:#222!important;
color:#fff;
}

.controlpanelmenu .panelmenuicon,.controlpanelmenu .subtitle {
color:unset;
}

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

.dijitPopup>a.bgabutton_gray,.dijitPopup a.bgabutton_gray {
color:#111;
}

.dijitTooltipDialogPopup a.bgabutton_gray,.gametable a.bgabutton_gray {
border:1px solid #111;
color:#111;
}

#welcome-module .post {
border-bottom:1px #666 solid;
}

#welcome-module .comment {
background-image:none;
background-color:rgba(245,245,245,.15);
border-radius:6px;
}

#welcome-module .extended_message_hidden:after {
left:67px;
background:linear-gradient(to/**/bottom,rgba(32,32,32,0), #202020);
}

#welcome-module .board_fake_input {
background-color:#222;
border:1px solid #b3b3b3;
}

#gamelist-module select {
background-color:#222;
color:#fff;
}

#gamelist-module #col_filter_gamename {
margin-right:50px;
}

#gamelist-module .gamelist_item {
box-shadow:none;
margin-right:30px;
zoom:110%;
}

#gamelist-module .gamelist_item .game_box_image_wrap {
border-radius:8px;
border:2px solid #111;
background:radial-gradient(ellipse/**/at/**/center,#555/**/-50%,#191919);
padding:10px;
}

#gamelist-module .gamelist_item .game_box_image_wrap img:hover {
transform:scale(1.05);
}

#gamelist-module .gamelist_itemrow {
overflow:visible;
}

#gamelist-module .gamename {
font-size:20px;
position:relative;
left:10px;
top:2px;
color:#fff;
}

.notouch-device #gamelist-module .gamelist_item:hover {
background-color:transparent;
}

.notouch-device #gamelist-module a:hover {
color:#fff;
text-decoration:none;
}

.notouch-device #gamelist-module a .gamename:hover {
color:#fff;
text-decoration:underline;
}

#gamepanel-module .challenge_image {
filter:grayscale(1);
}

#gamelobby-module .pageheader_menu .pageheader_big_switch:hover,#gamelobby-module .pageheader_menu .dropdown_expanded .pageheader_big_switch {
background-color:#565656;
}

#gamelobby-module .pageheader_menu .pageheader_big_switch:hover .switcher_zone,#gamelobby-module .pageheader_menu .dropdown_expanded .pageheader_big_switch .switcher_zone {
background:linear-gradient(#c2c2c2,#efefef);
}

#gamelobby-module .game_box_wrap {
margin-right:20px;
border:2px solid #111;
}

#gamelobby-module .game_box_wrap.tables_available {
border:2px solid #000;
}

#gamelobby-module .game_box_wrap .wannaplay_item {
background:radial-gradient(ellipse/**/at/**/center,#555555/**/-50%,#191919);
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_mask {
left:unset;
right:-20px;
top:40px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_mask .wannaplay_mask_button.del_favorite {
background-color:#444;
border:1px solid #000;
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_image_wrap {
position:absolute;
top:7px;
zoom:120%;
}

#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename {
top:-6px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename .gamenameinner {
width:90%;
text-align:center;
left:8px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename .gamenameinner a:link,#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename .gamenameinner a:visited {
color:#fff;
}

#gamelobby-module .wannaplayauto_play_zone_content .wannaplayauto_button {
box-shadow:0 5px 10px 0 rgba(0,0,0,.7);
}

#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .game_box_image_wrap {
top:15px;
}

#gamelobby-module .tiny_verycompactlobby .game_box_wrap .wannaplay_item .game_box_image_wrap {
top:2px;
left:2px;
zoom:unset;
}

#table-module .pageheader {
background-color:rgba(0,0,0,.4);
color:#fff;
}

#table-module .game_progression_bar {
top:inherit;
border:1px #999 solid;
}

#table-module .whiteblock {
background-image:none;
background-color:#444;
border-radius:10px;
}

#table-module .active_player_left {
border-right:1px #666 solid;
}

#player-module #pagesection_lastresults .post {
border-bottom:1px #111 solid;
}

.game_interface #spectatorbox {
padding-left:8px;
}

.game_interface #logs {
overflow:scroll;
scrollbar-width:none;
-ms-overflow-style:none;
}

.game_interface #logs::-webkit-scrollbar {
width:0;
height:0;
}

.game_interface #logs .log .roundedbox {
background-color:#eee;
border-radius:5px;
}

.game_interface #logs .playername[style$="#3ea7c6;"] {
text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444;
}

.game_interface #logs #seemorelogs {
background:linear-gradient(0deg,black,transparent);
}

.game_interface .player-board {
background:#eee;
}

.game_interface .player-board.spectator-mode .roundedbox_topleft,.game_interface .player-board.spectator-mode .roundedbox_topmain,.game_interface .player-board.spectator-mode .roundedbox_topright,.game_interface .player-board.spectator-mode .roundedbox_main,.game_interface .player-board.spectator-mode .roundedbox_bottomleft,.game_interface .player-board.spectator-mode .roundedbox_bottommain,.game_interface .player-board.spectator-mode .roundedbox_bottomright {
background:unset;
}

.game_interface .player-board.spectator-mode .roundedboxinner {
left:5px;
}

.game_interface #pagemaintitletext>span[style$="#008000;"]:first-of-type {
text-shadow:-1px -1px 0 #030,1px -1px 0 #030,-1px 1px 0 #030,1px 1px 0 #030!important;
}

.game_interface #pagemaintitletext>span[style$="#0000ff;"]:first-of-type {
text-shadow:-1px -1px 0 #116,1px -1px 0 #116,-1px 1px 0 #116,1px 1px 0 #116!important;
}

#community-module .col-md-6 .tips {
background-color:#202020;
}

#chatbar .dropshadow {
background-image:none;
}

#chatbar .msgtime {
position:unset;
color:#888;
}

#chatbar .chatwindowexpanded {
background-color:#eee;
}

#chatbar .chatwindowcollapsed {
border-radius:7px 7px 0 0;
box-shadow:0 0 7px 5px rgba(0,0,0,.3);
background-color:rgba(255,255,255,.9);
}

#chatbar .chatwindowcollapsedtitle {
top:6px;
left:9px;
}

#chatbar .chatwindowlogs {
background-color:rgba(0,0,0,.85);
box-shadow:0 0 7px 5px rgba(0,0,0,.5);
}

#chatbar .chatwindowlogs_zone .roundedbox.chatlog .roundedboxinner {
background-color:rgba(255,255,255,.7);
color:#000;
}

#chatbar .chatwindowlogs_zone .roundedbox.chatlog.ownchatlog .roundedboxinner {
background-color:rgba(100,100,100,.7);
color:#fff;
}

.cantstop_asmodee #dicechoices {
color:#F5DEB3;
}

#game_play_area .lettertycoon_area {
background-color:rgba(255,255,255,.2);
border:none;
color:#fff;
}

#hanabi_prefs_button {
background-color:#ccc;
}

#krosmaster_interface #master_list .master {
-webkit-box-shadow:4px 4px 37px 0 #000;
-moz-box-shadow:4px 4px 37px 0 #000;
box-shadow:4px 4px 37px 0 #000;
}

#krosmaster_interface .playerstock {
background:rgba(255,255,255,.2);
}

#hints_wrap #deck {
border-color:#999;
}

#swd_wrap .progress_token_outline {
border:1px solid #111;
background:rgba(0,0,0,.2);
}

#pr_game_area #plantations,#pr_game_area #buildings {
background:rgba(0,0,0,.2);
}

#thething .player_view,#thething .info {
color:#fff;
background:rgba(0,0,0,.1);
}

#sa_main #diceboard {
background:rgba(0,0,0,.2);
color:#fff;
border:2px solid #111;
}

#welcometo-container #plan-cards-container,#welcometo-container #construction-cards-container {
background-color:rgba(128,128,128,.2);
}

#sushigo_wrapper .block_title {
background-image:linear-gradient(180deg,rgba(77,77,77,0.75), rgba(26,26,26,0.75));
}

#zoomBox #characterSelectionDescription {
background:rgba(0,0,0,.3)!important;
}

#lostcities_wrapper #round_count,#lostcities_wrapper #deck_count {
color:#fff!important;
}

#hud+.play_grids .play_grid .player_name {
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000!important;
}

#thurntaxis_board #carriages,#thurntaxis_board .gameAreaContainer {
border:rgba(100,100,100,.5);
}

#async_table_banner a,#async_table_banner a:link,#async_table_banner a:visited,.game_interface #not_playing_help {
color:#0cc;
}

.newbgatable td,#pagesection_about,#gamelobby-module .pageheader_menu #lobby_friend_list_state>h3,#gamelobby-module .pageheader_menu #lobby_invited_friend_section>h3,#coloretto_wrapper #round_status,#coloretto_wrapper #deck_count,#game_play_area .lettertycoon_area_label,#game_play_area .lettertycoon_deck_info,#playArea #down #decksizetext,#play-area #cards #cutCardSpace,#decks_and_available_achievements,#sevenwonder_wrap #card_rotation_wrap,#game_play_area_wrap #discard_count,#game_play_area_wrap #trees h3,#betpanel+h3,#myhand+h3,#card_played,#gosu_wrapper h3,.xdu_notifTop,#recruitment,br.clear+h3,#deck_wrap,#table_setup,#flt_counters,#kahuna_right_pane,#hints_wrap h3,#pr_game_area .tiles_label,#sushigo_wrapper #deck_container h3,#cards_title #torpedocards_title,#cards_title #playerhand_title,#bsk,#turn-container #nb-turns-container,#thurntaxis_board #carriages h3,#thurntaxis_board .gameAreaContainer h3,.coord_label.luis {
color:#fff;
}

.statstable th,.gametable_separator,#gamelobby-module .pageheader_menu #lobby_invite_more_friend_button .lobby_invite_friend_avatar,#gamelobby-module .pageheader_menu #lobby_add_friend_button .lobby_invite_friend_avatar {
background-color:#222;
}

#gamelist-module .game_category_more_wrap,#gamelobby-module .wannaplayauto_play_zone_content {
display:flex;
}

#gamelist-module .gamelist_item .game_box_image_wrap .emblempremium_big,#gamelobby-module .game_box_wrap .wannaplay_item .emblempremium_big {
position:absolute;
right:unset;
left:-16px;
}

#gamepanel-module .icon16_duration,#sevenwonder_wrap #card_rotation_wrap #handrotation {
filter:invert(1);
}

#gamelobby-module .compactlobby .game_box_wrap .wannaplay_item .game_box_mask,#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .game_box_mask {
right:-26px;
}

#gamelobby-module .compactlobby .game_box_wrap .wannaplay_item .wannaplay_gamename,#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .wannaplay_gamename {
top:4px;
}

#gamelobby-module .compactlobby .game_box_wrap .wannaplay_item .gamenameinner,#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .gamenameinner {
width:90%;
}

.game_interface .player-name>a[style="color: #ffffff"],.game_interface #pagemaintitletext>span:first-of-type,#krosmaster_interface .playerstock h2,#swd_wrap .player_area_name h3,#swd_wrap .end_game_player_name,#market_map+#playerareas .playerArea .player-name {
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}

.game_interface #pagemaintitletext>span[style$="#000000;"]:first-of-type,#coc_game #players-zone h3 span[style*="#000000"] {
text-shadow:-1px -1px 0 #777,1px -1px 0 #777,-1px 1px 0 #777,1px 1px 0 #777!important;
}

#krosmaster_interface .playerstock h2[style$="#6f1e6b"],#game_play_area_wrap #player_bid_zone .player_bid_zone span[style*="#000000"],#player_table h3[style*="#000000"],#market_map+#playerareas .playerArea .player-name[style*="#000000"] {
text-shadow:-1px -1px 0 #777,1px -1px 0 #777,-1px 1px 0 #777,1px 1px 0 #777;
}

#hud,#hud+.play_grids .play_grid {
box-shadow:inset 0 0 10px rgba(17,17,17,.67);
}

.desktop_version .compactlobby .wannaplayauto_item {
height: 175px;
}

#overall-footer::after {
font-family:Monaco,monospace;
white-space:pre;
display:block;
color:#999;
text-align:center;
font-size:8pt;
content:"Reminder: You are using custom Dark Mode CSS Version 2.1. Licensed under CC BY-NC-SA 4.0. See https://boardgamearena.com/forum/viewtopic.php?f=3&t=18654 for details.";
padding:1em;
}

html {
background:radial-gradient(ellipse/**/at/**/top,#555555,#0a0a0a),radial-gradient(ellipse/**/at/**/bottom,#555555,#0a0a0a),url(https://wallpaperaccess.com/full/781329.jpg);
background-attachment:fixed;
background-position:center;
}

#topbar {
background:#222;
}

#async_table_banner {
color:#fff;
background-color:#e00;
}

#page-title {
background-color:rgba(88,88,88,.75)!important;
color:#fff;
}

.current_player_is_active #page-title {
background-color:#777;
}

.pageheader {
background-color:transparent;
color:#fff;
}

.pageheader_menuitembar {
border-radius:0 0 6px 6px;
}

.newbgatable th {
text-transform:capitalize;
color:#fff;
}

.whiteblock {
background:rgba(0,0,0,.2);
color:#fff;
}

.gametable {
border:1px #000 solid;
background-color:#444;
padding-top:10px;
padding-bottom:10px;
}

.pagesection {
background-color:rgba(64,64,64,.5);
color:#fff;
}

.pagesection h2,.portlet h2,.pagesection h3,.portlet h3 {
background:linear-gradient(#888888,#777777);
color:#111;
}

a.bgabutton_gray {
background-color:#fff;
}

span.bgabutton_gray {
background:#bbb;
}

.bgabutton_blue {
background:#666;
}

.bgabutton_blue:hover {
background:#666;
}

.pageheader_menu_verylarge .pageheader_big_switch {
background-color:#333;
color:#fff;
}

#table_warnings {
color:#000;
}

.tabbed_slider_bar_left,.tabbed_slider_bar_right {
border-top:28px solid #444;
}

.tabbed_slider_bar_barcenter,#pageheaderlobby {
background:#444;
}

.switcher_zone {
background:linear-gradient(#333333,#111111);
border-left:1px solid #555;
}

.switcher_zone .fa-caret-down {
text-shadow:1px 0 1px #777;
color:#333;
}

.icon_plus span {
top:-3px!important;
}

.playernotification_not_read {
background-color:#edbab7;
}

.dijitInputInner {
background-color:#222!important;
color:#fff;
}

.controlpanelmenu .panelmenuicon,.controlpanelmenu .subtitle {
color:unset;
}

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

.dijitPopup>a.bgabutton_gray,.dijitPopup a.bgabutton_gray {
color:#111;
}

.dijitTooltipDialogPopup a.bgabutton_gray,.gametable a.bgabutton_gray {
border:1px solid #111;
color:#111;
}

#welcome-module .post {
border-bottom:1px #666 solid;
}

#welcome-module .comment {
background-image:none;
background-color:rgba(245,245,245,.15);
border-radius:6px;
}

#welcome-module .extended_message_hidden:after {
left:67px;
background:linear-gradient(to/**/bottom,rgba(32,32,32,0), #202020);
}

#welcome-module .board_fake_input {
background-color:#222;
border:1px solid #b3b3b3;
}

#gamelist-module select {
background-color:#222;
color:#fff;
}

#gamelist-module #col_filter_gamename {
margin-right:50px;
}

#gamelist-module .gamelist_item {
box-shadow:none;
margin-right:30px;
zoom:110%;
}

#gamelist-module .gamelist_item .game_box_image_wrap {
border-radius:8px;
border:2px solid #111;
background:radial-gradient(ellipse/**/at/**/center,#555/**/-50%,#191919);
padding:10px;
}

#gamelist-module .gamelist_item .game_box_image_wrap img:hover {
transform:scale(1.05);
}

#gamelist-module .gamelist_itemrow {
overflow:visible;
}

#gamelist-module .gamename {
font-size:20px;
position:relative;
left:10px;
top:2px;
color:#fff;
}

.notouch-device #gamelist-module .gamelist_item:hover {
background-color:transparent;
}

.notouch-device #gamelist-module a:hover {
color:#fff;
text-decoration:none;
}

.notouch-device #gamelist-module a .gamename:hover {
color:#fff;
text-decoration:underline;
}

#gamepanel-module .challenge_image {
filter:grayscale(1);
}

#gamelobby-module .pageheader_menu .pageheader_big_switch:hover,#gamelobby-module .pageheader_menu .dropdown_expanded .pageheader_big_switch {
background-color:#565656;
}

#gamelobby-module .pageheader_menu .pageheader_big_switch:hover .switcher_zone,#gamelobby-module .pageheader_menu .dropdown_expanded .pageheader_big_switch .switcher_zone {
background:linear-gradient(#c2c2c2,#efefef);
}

#gamelobby-module .game_box_wrap {
margin-right:20px;
border:2px solid #111;
}

#gamelobby-module .game_box_wrap.tables_available {
border:2px solid #000;
}

#gamelobby-module .game_box_wrap .wannaplay_item {
background:radial-gradient(ellipse/**/at/**/center,#555555/**/-50%,#191919);
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_mask {
left:unset;
right:-20px;
top:40px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_mask .wannaplay_mask_button.del_favorite {
background-color:#444;
border:1px solid #000;
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_image_wrap {
position:absolute;
top:7px;
zoom:120%;
}

#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename {
top:-6px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename .gamenameinner {
width:90%;
text-align:center;
left:8px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename .gamenameinner a:link,#gamelobby-module .game_box_wrap .wannaplay_item .wannaplay_gamename .gamenameinner a:visited {
color:#fff;
}

#gamelobby-module .wannaplayauto_play_zone_content .wannaplayauto_button {
box-shadow:0 5px 10px 0 rgba(0,0,0,.7);
}

#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .game_box_image_wrap {
top:15px;
}

#gamelobby-module .tiny_verycompactlobby .game_box_wrap .wannaplay_item .game_box_image_wrap {
top:2px;
left:2px;
zoom:unset;
}

#table-module .pageheader {
background-color:rgba(0,0,0,.4);
color:#fff;
}

#table-module .game_progression_bar {
top:inherit;
border:1px #999 solid;
}

#table-module .whiteblock {
background-image:none;
background-color:#444;
border-radius:10px;
}

#table-module .active_player_left {
border-right:1px #666 solid;
}

#player-module #pagesection_lastresults .post {
border-bottom:1px #111 solid;
}

.game_interface #spectatorbox {
padding-left:8px;
}

.game_interface #logs {
overflow:scroll;
scrollbar-width:none;
-ms-overflow-style:none;
}

.game_interface #logs::-webkit-scrollbar {
width:0;
height:0;
}

.game_interface #logs .playername[style$="#3ea7c6;"] {
text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444;
}

.game_interface #logs #seemorelogs {
background:linear-gradient(0deg,black,transparent);
}

.game_interface .player-board {
background:#eee;
}

.game_interface .player-board.spectator-mode .roundedbox_topleft,.game_interface .player-board.spectator-mode .roundedbox_topmain,.game_interface .player-board.spectator-mode .roundedbox_topright,.game_interface .player-board.spectator-mode .roundedbox_main,.game_interface .player-board.spectator-mode .roundedbox_bottomleft,.game_interface .player-board.spectator-mode .roundedbox_bottommain,.game_interface .player-board.spectator-mode .roundedbox_bottomright {
background:unset;
}

.game_interface .player-board.spectator-mode .roundedboxinner {
left:5px;
}

.game_interface #pagemaintitletext>span[style$="#008000;"]:first-of-type {
text-shadow:-1px -1px 0 #030,1px -1px 0 #030,-1px 1px 0 #030,1px 1px 0 #030!important;
}

.game_interface #pagemaintitletext>span[style$="#0000ff;"]:first-of-type {
text-shadow:-1px -1px 0 #116,1px -1px 0 #116,-1px 1px 0 #116,1px 1px 0 #116!important;
}

#community-module .col-md-6 .tips {
background-color:#202020;
}

#chatbar .dropshadow {
background-image:none;
}

#chatbar .msgtime {
position:unset;
color:#888;
}

#chatbar .chatwindowexpanded {
background-color:#eee;
}

#chatbar .chatwindowcollapsed {
border-radius:7px 7px 0 0;
box-shadow:0 0 7px 5px rgba(0,0,0,.3);
background-color:rgba(255,255,255,.9);
}

#chatbar .chatwindowcollapsedtitle {
top:6px;
left:9px;
}

#chatbar .chatwindowlogs {
background-color:rgba(0,0,0,.66);
box-shadow:0 0 7px 5px rgba(0,0,0,.5);
}

#chatbar .chatwindowlogs_zone .roundedbox.chatlog .roundedboxinner {
background-color:rgba(255,255,255,.7);
color:#000;
}

#chatbar .chatwindowlogs_zone .roundedbox.chatlog.ownchatlog .roundedboxinner {
background-color:rgba(100,100,100,.7);
color:#fff;
}

.cantstop_asmodee #dicechoices {
color:#F5DEB3;
}

#game_play_area .lettertycoon_area {
background-color:rgba(255,255,255,.2);
border:none;
color:#fff;
}

#hanabi_prefs_button {
background-color:#ccc;
}

#krosmaster_interface #master_list .master {
-webkit-box-shadow:4px 4px 37px 0 #000;
-moz-box-shadow:4px 4px 37px 0 #000;
box-shadow:4px 4px 37px 0 #000;
}

#krosmaster_interface .playerstock {
background:rgba(255,255,255,.2);
}

#hints_wrap #deck {
border-color:#999;
}

#swd_wrap .progress_token_outline {
border:1px solid #111;
background:rgba(0,0,0,.2);
}

#pr_game_area #plantations,#pr_game_area #buildings {
background:rgba(0,0,0,.2);
}

#thething .player_view,#thething .info {
color:#fff;
background:rgba(0,0,0,.1);
}

#sa_main #diceboard {
background:rgba(0,0,0,.2);
color:#fff;
border:2px solid #111;
}

#welcometo-container #plan-cards-container,#welcometo-container #construction-cards-container {
background-color:rgba(128,128,128,.2);
}

#sushigo_wrapper .block_title {
background-image:linear-gradient(180deg,rgba(77,77,77,0.75), rgba(26,26,26,0.75));
}

#zoomBox #characterSelectionDescription {
background:rgba(0,0,0,.3)!important;
}

#lostcities_wrapper #round_count,#lostcities_wrapper #deck_count {
color:#fff!important;
}

#hud+.play_grids .play_grid .player_name {
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000!important;
}

#thurntaxis_board #carriages,#thurntaxis_board .gameAreaContainer {
border:rgba(100,100,100,.5);
}

#async_table_banner a,#async_table_banner a:link,#async_table_banner a:visited,.game_interface #not_playing_help {
color:#0cc;
}

.newbgatable td,#pagesection_about,#gamelobby-module .pageheader_menu #lobby_friend_list_state>h3,#gamelobby-module .pageheader_menu #lobby_invited_friend_section>h3,#coloretto_wrapper #round_status,#coloretto_wrapper #deck_count,#game_play_area .lettertycoon_area_label,#game_play_area .lettertycoon_deck_info,#playArea #down #decksizetext,#play-area #cards #cutCardSpace,#decks_and_available_achievements,#sevenwonder_wrap #card_rotation_wrap,#game_play_area_wrap #discard_count,#game_play_area_wrap #trees h3,#betpanel+h3,#myhand+h3,#card_played,#gosu_wrapper h3,.xdu_notifTop,#recruitment,br.clear+h3,#deck_wrap,#table_setup,#flt_counters,#kahuna_right_pane,#hints_wrap h3,#pr_game_area .tiles_label,#sushigo_wrapper #deck_container h3,#cards_title #torpedocards_title,#cards_title #playerhand_title,#bsk,#turn-container #nb-turns-container,#thurntaxis_board #carriages h3,#thurntaxis_board .gameAreaContainer h3,.coord_label.luis {
color:#fff;
}

.statstable th,.gametable_separator,#gamelobby-module .pageheader_menu #lobby_invite_more_friend_button .lobby_invite_friend_avatar,#gamelobby-module .pageheader_menu #lobby_add_friend_button .lobby_invite_friend_avatar {
background-color:#222;
}

#gamelist-module .game_category_more_wrap,#gamelobby-module .wannaplayauto_play_zone_content {
display:flex;
}

#gamelist-module .gamelist_item .game_box_image_wrap .emblempremium_big,#gamelobby-module .game_box_wrap .wannaplay_item .emblempremium_big {
position:absolute;
right:unset;
left:-16px;
}

#gamepanel-module .icon16_duration,#sevenwonder_wrap #card_rotation_wrap #handrotation {
filter:invert(1);
}

#gamelobby-module .compactlobby .game_box_wrap .wannaplay_item .game_box_mask,#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .game_box_mask {
right:-26px;
}

#gamelobby-module .compactlobby .game_box_wrap .wannaplay_item .wannaplay_gamename,#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .wannaplay_gamename {
top:4px;
}

#gamelobby-module .compactlobby .game_box_wrap .wannaplay_item .gamenameinner,#gamelobby-module .verycompactlobby .game_box_wrap .wannaplay_item .gamenameinner {
width:90%;
}

.game_interface .player-name>a[style="color: #ffffff"],.game_interface #pagemaintitletext>span:first-of-type,#krosmaster_interface .playerstock h2,#swd_wrap .player_area_name h3,#swd_wrap .end_game_player_name,#market_map+#playerareas .playerArea .player-name {
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}

.game_interface #pagemaintitletext>span[style$="#000000;"]:first-of-type,#coc_game #players-zone h3 span[style*="#000000"] {
text-shadow:-1px -1px 0 #777,1px -1px 0 #777,-1px 1px 0 #777,1px 1px 0 #777!important;
}

#krosmaster_interface .playerstock h2[style$="#6f1e6b"],#game_play_area_wrap #player_bid_zone .player_bid_zone span[style*="#000000"],#player_table h3[style*="#000000"],#market_map+#playerareas .playerArea .player-name[style*="#000000"] {
text-shadow:-1px -1px 0 #777,1px -1px 0 #777,-1px 1px 0 #777,1px 1px 0 #777;
}

#hud,#hud+.play_grids .play_grid {
box-shadow:inset 0 0 10px rgba(17,17,17,.67);
}

.desktop_version .compactlobby .wannaplayauto_item {
height: 175px;
}

#gamelobby-module .game_box_wrap .wannaplay_item .game_box_image_wrap {
top: 17px;
}

.row {
max-width: 1735px;
}

#gamelist-module .game_category_more_wrap .game_category_more {
display: none;
}

.pagesection {
background-color: rgba(10,10,10,.5);
}

.post .postcontent .comment {
background-color: rgba(64,64,64,.5);
}

.extended_message_hidden:after {
background: linear-gradient(180deg, hsla(30,50%,95%,0),#444)
}

#chatbar .chatwindowlogs {
background-color: rgba(0,0,0,.85);
}

.bgabutton_blue {
border: 1px solid hsla(0,0%,100%,.5);
}

EDIT: Changed row width to 1600px since the overview in the games section had too much empty space to the right. Now it looks more even between the "PLAY NOW" and "GAMES" section. The next breaking point, that would allow more games to be shown in "GAMES" per row would be 1853px, which is too much for my taste (since i find 1900px to be ugly and this is pretty close). One might alter the view of the items shown there, but i didn't want to go through it, since i don't spend much time on that view.

EDIT2: Further changes to buttons (blue border changed to white border for example). Fixed some visibility issues for comments and chats.

[_Guitou]

SpaceMonkey2104 too many bugs with your last version on Android...