Actorle Dark Mode by lawrencewlee

/* ==UserStyle==
@name         Actorle Dark Mode
@version      20220818.02.41
@namespace    userstyles.world/user/lawrencewlee
@description  Dark mode for Actorle based on Wordle dark mode colors.
@author       lawrencewlee
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://actorle.com/") {
/* FONT COLORS */
body > div,.css-1wtmbis, table > tbody, table > thead > tr > th, .css-d7wlfo > div, .css-r2ogg1 a, .css-1rvk0k6, .css-1bemwuu, .css-1oebju6, .css-10qzet0, a[color="primary"], .css-5dv1p6, .ant-btn, .css-18v019f, .css-fgov5n, .css-1p0il1k, .css-4mugdd, .css-1fapvp5,.css-3f6grk, .css-i3x3aq, .css-y926p7, .css-lk1gh7, .css-1r5y8jc, .css-4zjrso, .css-ioxgnr { color: #FFF !important; } /* WHITE FONTS */
.css-bopld4, .ant-select-selection-search, .ant-modal-body, .css-a3xs1n, h1, h2, h3 { color: #DDD !important; } /* OFF WHITE FONTS */

/* BACKGROUND COLORS */
body, body > div, .css-1wtmbis, table > thead > tr { background-color: #181a1b !important; }
table > tbody, .css-1mk5b2z, .ant-select:not(.ant-select-customize-input) .ant-select-selector, .css-y926p7, .css-vvlozx > .ant-select-selector { background-color: #282a2b !important; caret-color: #FFF; }
table > thead > tr > th, .ant-modal-body, .css-a3xs1n { background-color: #383a3b !important; }
.css-1nbfg7m, .css-nv4d2r, .css-18v019f, .css-fgov5n, .css-1p0il1k, .css-4zjrso, .css-ioxgnr { background-color: #538D4E; } /* CORRECT COLORS */
.css-1rvk0k6, .css-1bemwuu, .css-4mugdd, .css-1r5y8jc { background-color: #B59F3B; } /* PARTIALLY CORRECT COLORS */
.css-1oebju6, .css-10qzet0, .css-3f6grk, .css-i3x3aq { background-color: #F16078; }  /* INCORRECT COLORS */

/* PAST GAME BUTTONS COLORS */
.ant-btn, .ant-btn:hover{ background-color: #282a2b; }
button.ant-btn:disabled, button.ant-btn:disabled:hover { background-color: #555; }
button.ant-btn:disabled span { color: #999; }
.ant-btn[disabled]:focus, .ant-btn[disabled]:hover, .ant-btn:hover { border-color: #A00 !important; }

/* OTHER CHANGES */
.css-1wtmbis { border-bottom: 1px solid #555 !important; }
.css-1rvk0k6 span, .css-1bemwuu span { text-decoration: none !important; }
.ant-select-selection-placeholder, footer { border: none !important; }
[id*="ezoic"], .ezmob-footer { display: none !important; }
}