Board Game Arena

Code: Select all

.message-box textarea, input.inputbox {
    background: #000;
}
#postingbox.panel {
    background-color: #191919; /* change to #2a2a2a & consider using a var --forum-background-color: #2a2a2a; */
}

Code: Select all

.codebox code {
    color: #a00; /* change to (e.g.) #c00 ? */
}
.codebox {
    background-color: #191919;
}

Code: Select all

.phpbb_iframed a {
    color: #4871b6; 
}
.phpbb_iframed a:hover {
    color: #3abdb8;
    text-decoration: underline;
}
html, body, body.mode_3d {
    background: url(chrome-extension://kchnhmpeopknjdjejognciimepllkacb/img/dark_theme/background.jpg);
}

Code: Select all

.bga-link, .bga-link .pagesection__content, .gamename {
    color: var(--blue-80);
}
.bga-link:hover, .bga-link:hover .pagesection__content, .gamename:hover {
    color: var(--violet-80);
}
.bga-link--active, .bga-link-inside a:not(.playername,.gamename,.bgabutton):active, .bga-link-inside a:not(.playername,.gamename,.bgabutton):hover, .bga-link:active, .bga-link:hover {
    text-decoration: underline;
}

Code: Select all

input::placeholder {
    color: #b3b3b3; /* default #757575 */
    border: 1px solid #b3b3b3; /* default #767676 */
}

Code: Select all

.statstable td, .statstable th {
    border: 1px solid #000; /* change to (e.g.) var(--light-70) */
}

Code: Select all

/* raceforthegalaxy.css */
.new_design a:link {
    color: #000; /* change to (e.g.) var(--light-70) */
}
.new_design .player-board, .new_design .roundedbox, .new_design .roundedbox .roundedbox_bottomleft, .new_design .roundedbox .roundedbox_bottommain, .new_design .roundedbox .roundedbox_bottomright, .new_design .roundedbox .roundedbox_main, .new_design .roundedbox .roundedbox_topleft, .new_design .roundedbox .roundedbox_topmain, .new_design .roundedbox .roundedbox_topright {
    background-color: #dadbdf; /* change back to (e.g.) transparent (see common.css)? */
}
/* common.css */
.chatwindowlogs_zone .roundedbox {
    background-color: transparent;
}

Code: Select all

#menubar-holder .bga-menu-subbar, #menubar-holder .bga-sub-menu, #menubar-holder .bga-omni-bar input {
    background: var(--dark-40); /* change to var(--dark-20) */
}

Code: Select all

.bg-bga-whitebg {
    background-color: rgba(244,244,244,var(--tw-bg-opacity));
}
.bga-friends-icon__dropdown {
    background: var(--dark-10); /* overridden by bg-bga-whitebg */
    color: var(--light-80);
}

Code: Select all

.newbgatable td {
    border: 0 solid #000;
    color: #000; /* change to (e.g.) var(--light-70) */
    padding: 9px 10px 0
}

Code: Select all

.bga-menu-bar-items__menu-item.bga-menu-sub-menu-item.svelte-1duixkh {
    background-color:#01408f; /* change to match .bga-menu-bar-items.bga-mobile .bga-menu-bar-items__menu-item--active color: var(--violet-80) */
}
.bga-menu-bar-items.bga-mobile .bga-menu-bar-items__menu-item--active {
    color: var(--violet-80)!important;
}

Code: Select all

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209,213,219,var(--tw-bg-opacity)); /* change to (e.g.) var(--dark-10) or transparent */
}
.standard_popin, .bga-popup-modal__content, .bga-popup-modal__content [class*=bg-bga-graybg], .bga-popup-modal__content [class*=text-bga-gray] {
    background: var(--dark-10);
    color: var(--light-80);
}

Code: Select all

.bga-ranking-entry.bga-ranking-entry--me.svelte-wtl1h {
    background: linear-gradient(#E9C700, #E88702); /* invert colours (e.g.) #3759FF, #0E6FF4 */
}

Code: Select all

.notouch-device .bga-hover-for-list:hover {
    background: linear-gradient(180deg,#e6e6e6 20%,#d8d8d8 80%); /* change to (e.g.) var(--dark-20) 20%, var(--dark-40) 80% */
}

Code: Select all

.bga-page-section>.bga-page-section__content {
    background-color: #e9e9e9; /* change to (e.g.) var(--dark-20) */
    background-image: linear-gradient(180deg,#e3e3e3,#e9e9e9 30px,#e9e9e9 calc(100% - 15px),#ddd); /* change to (e.g.) var(--dark-10) */
}
.bg-bga-whitebg {
    --tw-bg-opacity: 1;
    background-color: rgba(244,244,244,var(--tw-bg-opacity)); /* change to (e.g.) var(--dark-0) */
}
.text-bga-gray-78 {
    color: rgba(78,78,78,var(--tw-text-opacity)); /* change to (e.g.) var(--light-70) */
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107,114,128,var(--tw-text-opacity)); /* change to (e.g.) var(--light-70) */
}
.text-bga-gray-141 {
    color: rgba(141,141,141,var(--tw-text-opacity)); /* change to (e.g.) var(--light-100) */
}

Code: Select all

html {
    background: #fff; /* change to (e.g.) var(--dark-0) */
    color: #000; /* change to (e.g.) var(--light-100) */
}

Code: Select all

.notouch-device .chatwindowremovec:hover {
    background-position: 0 -1800px; /* change black icon to white at -1720px */
}

Code: Select all

html, body, body.mode_3d {
    background: url(chrome-extension://kchnhmpeopknjdjejognciimepllkacb/img/dark_theme/background.jpg);
}

Code: Select all

.palmares_details .icon20, .whypremium_icon, .panelmenuicon {
    filter: invert(.7);
}