/* Dark Mode Overrides — data-theme is set on */ :root[data-theme="dark"] { /* Monochrome - FULLY INVERTED */ --monochrome-100: #000000; --monochrome-98: #0D0C07; --monochrome-95: #1A1A19; --monochrome-90: #262624; --monochrome-75: #403F3D; --monochrome-60: #595855; --monochrome-50: #7d7c78; --monochrome-35: #999894; --monochrome-25: #BFBFBD; --monochrome-15: #E6E6E6; --monochrome-10: #F2F2F2; --monochrome-05: #FAFAFA; --monochrome-00: #FFFFFF; --monochrome-light-70: #0D0C0750; --monochrome-light-20: #0D0C0714; --monochrome-light-10: #0D0C071A; --monochrome-dark-70: #FAFAFA70; --monochrome-dark-20: #FAFAFA20; --monochrome-dark-10: #FAFAFA10; /* Backgrounds */ --background-main: #0D0C07; --background-alt: #1A1A19; --background-neutral: #262624; --background-brand: #3D3800; --section-mode-background-1: #0D0C07; /* Keep game pick buttons on the normal cream yellow */ --section-mode-background-2: #FFFACD; /* Foreground colors */ --foreground: #FAFAFA; --foreground-20: rgba(250, 250, 250, 0.2); --popover-foreground: #FAFAFA; /* Brand colors - keep gold but adjust lighter shades */ --brand-90: #2A2600; --brand-80: #3D3800; --brand-70: #4F4A00; --brand-50: #FBE24B; --brand-45: #FFE233; --brand-40: #F4D318; --brand-30: #CBAC00; --brand-20: #AA9000; --brand-10: #AA9000; --brand-0: #766400; /* Primary Buttons - invert */ --primary-font-color-default-prm: #000000; --primary-font-color-hover-prm: #000000; --primary-font-color-alt-prm: #F4D318; --primary-fill-default-prm: #FAFAFA; --primary-fill-hover-prm: #E6E6E6; --primary-fill-focused-prm: #BFBFBD; --primary-fill-selected-prm: #E6E6E6; /* Secondary Buttons - dark backgrounds */ --secondary-font-color-default-sec: #FAFAFA; --secondary-font-color-hover-sec: #FAFAFA; --secondary-font-color-alt-sec: #FFE233; --secondary-fill-default-sec: #262624; --secondary-fill-hover-sec: #403F3D; --secondary-fill-focused-sec: #595855; --secondary-fill-selected-sec: #403F3D; --secondary-btn-font-color-alt-sec: #FFE233; /* Accent Buttons */ --accent-font-color-default-sec: #000000; --accent-font-color-hover-sec: #000000; --accent-fill-default-sec: #FBE24B; --accent-fill-hover-sec: #FFE233; --accent-fill-focused-sec: #F4D318; --accent-fill-selected-sec: #FFE233; /* Borders */ --border-light: #403F3D; /* Utilities */ --utility-0: rgba(0, 0, 0, 0); } /* Page chrome — force past cream defaults */ :root[data-theme="dark"], :root[data-theme="dark"] body, :root[data-theme="dark"] .body-flex { background: #0D0C07 !important; color: #FAFAFA; } :root[data-theme="dark"] main { background: #0D0C07; color: #FAFAFA; } /* Keep header YELLOW/GOLD in dark mode */ :root[data-theme="dark"] .bg-gold, :root[data-theme="dark"] .header { background: #FBE24B !important; color: #0D0C07 !important; } :root[data-theme="dark"] #darkModeToggle { outline: 2px solid #0D0C07; outline-offset: -2px; } /* Only one icon visible at a time (beats flex / .btn-accent svg rules) */ .darkmode-toggle .darkmode-icon-light, .darkmode-toggle .darkmode-icon-dark, .darkmode-toggle svg[hidden] { display: none !important; } .darkmode-toggle .darkmode-icon-dark { display: block !important; } :root[data-theme="dark"] .darkmode-toggle .darkmode-icon-dark, .darkmode-toggle.is-dark .darkmode-icon-dark { display: none !important; } :root[data-theme="dark"] .darkmode-toggle .darkmode-icon-light, .darkmode-toggle.is-dark .darkmode-icon-light { display: block !important; } /* Dark mode for games section */ :root[data-theme="dark"] .v3-home-page-games { background: #0D0C07 !important; color: #FAFAFA; } :root[data-theme="dark"] .v3-home-page-games-info { background: #1A1A19 !important; color: #FAFAFA; } :root[data-theme="dark"] .v3-home-page-games-info-txt p, :root[data-theme="dark"] .v3-home-page-games-section-label { color: #FAFAFA; } :root[data-theme="dark"] .v3-home-page-games-pickgame { background: #1A1A19 !important; border-color: #403F3D !important; } :root[data-theme="dark"] .v3-home-page-games-originals { background: rgba(250, 250, 250, 0.08) !important; border-color: rgba(250, 250, 250, 0.2) !important; } :root[data-theme="dark"] .v3-home-page-about-block, :root[data-theme="dark"] .v3-home-page-about-block p { color: #0D0C07 !important; } /* About / footer pages — post titles */ :root[data-theme="dark"] .post-list-title, :root[data-theme="dark"] .post-item .post-list-title, :root[data-theme="dark"] .post-item h2.post-list-title, :root[data-theme="dark"] .post-item h3.post-list-title { color: #FAFAFA !important; } /* Dice center display stays on a light panel */ :root[data-theme="dark"] .magic-center-disp-block, :root[data-theme="dark"] .magic-center-disp-block .high-low-gen-num, :root[data-theme="dark"] .magic-center-disp-block .high-low-gen-sub-num { color: #0D0C07 !important; } :root[data-theme="dark"] .v3-home-page-games-wrappItems .v3-home-page-games-item, :root[data-theme="dark"] .v3-home-page-games-originals-wrappItems .v3-home-page-games-item { border: 1px solid #595855 !important; } :root[data-theme="dark"] .v3-home-page-games-wrappItems .v3-home-page-games-item img, :root[data-theme="dark"] .v3-home-page-games-originals-wrappItems .v3-home-page-games-item img { border: none !important; } /* Dark mode for bets table */ :root[data-theme="dark"] .v3-main-table { background: #1A1A19 !important; color: #FAFAFA; } :root[data-theme="dark"] .v3-main-table-bets-header { background: #262624 !important; border-color: #403F3D; } :root[data-theme="dark"] .v3-main-table-bet-item { background: #1A1A19 !important; border-color: #403F3D; } :root[data-theme="dark"] .v3-main-table-bet-item:hover { background: #262624 !important; } :root[data-theme="dark"] .v3-main-table-bet-item p { color: #FAFAFA; } /* Keep wallet button with dark background (like light mode) */ :root[data-theme="dark"] .btn-small-primary { background-color: #0D0C07 !important; color: #FFFFFF !important; } :root[data-theme="dark"] .btn-small-primary:hover { background-color: #1A1A19 !important; } /* Header accent buttons match wallet (black) in dark mode */ :root[data-theme="dark"] header .btn-accent { background-color: #0D0C07 !important; color: #FFFFFF !important; outline-color: #0D0C07 !important; } :root[data-theme="dark"] header .btn-accent:hover { background-color: #1A1A19 !important; } :root[data-theme="dark"] header .btn-accent:active { background-color: #262624 !important; color: #F4D318 !important; } :root[data-theme="dark"] header .btn-accent .header-text-desc, :root[data-theme="dark"] header .btn-accent span { color: #FFFFFF !important; } :root[data-theme="dark"] header .btn-accent svg path { fill: #FFFFFF !important; } :root[data-theme="dark"] header .btn-accent svg circle { fill: #FFFFFF !important; } :root[data-theme="dark"] header .btn-accent svg path[stroke] { stroke: #FFFFFF !important; fill: none !important; } :root[data-theme="dark"] header .btn-accent:active svg path { fill: #F4D318 !important; } :root[data-theme="dark"] header .btn-accent:active svg circle { fill: #F4D318 !important; } :root[data-theme="dark"] header .btn-accent:active svg path[stroke] { stroke: #F4D318 !important; fill: none !important; } /* Bet picker CTAs — black like wallet in dark mode */ :root[data-theme="dark"] .new-pick-picker .new-pick-picker-bet-place, :root[data-theme="dark"] .new-pick-picker-bet-place { background: #0D0C07 !important; color: #FFFFFF !important; border-color: #0D0C07 !important; } :root[data-theme="dark"] .new-pick-picker .new-pick-picker-bet-place:hover, :root[data-theme="dark"] .new-pick-picker-bet-place:hover { background: #1A1A19 !important; } :root[data-theme="dark"] .new-pick-picker .new-pick-picker-bet-place p, :root[data-theme="dark"] .new-pick-picker-bet-place p { color: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .new-pick-picker-bet-place svg path, :root[data-theme="dark"] .new-pick-picker-bet-place svg path { fill: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .new-pick-picker-bet-place svg path[stroke], :root[data-theme="dark"] .new-pick-picker-bet-place svg path[stroke] { stroke: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .new-pick-picker-bet-place .demo-sash, :root[data-theme="dark"] .new-pick-picker-bet-place .demo-sash { background: #FBE24B; color: #0D0C07; } /* Game pick buttons — black/grey like bet-box controls in dark mode */ :root[data-theme="dark"] .pick-select-btn, :root[data-theme="dark"] .new-pick-picker .pick-select-btn { background: #0D0C07 !important; color: #FFFFFF !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .pick-select-btn:hover, :root[data-theme="dark"] .new-pick-picker .pick-select-btn:hover { background: #1A1A19 !important; color: #FFFFFF !important; } :root[data-theme="dark"] .pick-select-btn:active, :root[data-theme="dark"] .pick-select-btn.active, :root[data-theme="dark"] .new-pick-picker .pick-select-btn:active, :root[data-theme="dark"] .new-pick-picker .pick-select-btn.active { background: #262624 !important; color: #FBE24B !important; border-color: #FBE24B !important; } :root[data-theme="dark"] .pick-select-btn p, :root[data-theme="dark"] .pick-select-btn .pick-select-btn-small-txt { color: inherit !important; } :root[data-theme="dark"] .pick-select-btn svg path, :root[data-theme="dark"] .new-pick-picker .pick-select-btn svg path { fill: #FFFFFF !important; } :root[data-theme="dark"] .pick-select-btn:active svg path, :root[data-theme="dark"] .pick-select-btn.active svg path { fill: #FBE24B !important; } :root[data-theme="dark"] .new-pick-picker .btn-medium-secondary, :root[data-theme="dark"] .new-pick-picker .infinity-btn { background: #0D0C07 !important; color: #FFFFFF !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .new-pick-picker .btn-medium-secondary svg path, :root[data-theme="dark"] .new-pick-picker .infinity-btn svg path { fill: #FFFFFF !important; } /* Bet amount rows and game controls */ :root[data-theme="dark"] .new-pick-picker .card-input-block, :root[data-theme="dark"] .new-pick-picker .manual-bet-fields-row, :root[data-theme="dark"] .new-pick-picker .auto-inputs-picks_wrapper .card-input-block, :root[data-theme="dark"] .new-pick-picker .autoBetOptions_checkbox_input, :root[data-theme="dark"] .new-pick-picker .checkbox-bet-actions-inputs .card-input-block { background: #0D0C07 !important; border-color: #FAFAFA !important; color: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .global-input-block, :root[data-theme="dark"] .new-pick-picker .input_with_usd, :root[data-theme="dark"] .new-pick-picker .input_with_prefix, :root[data-theme="dark"] .new-pick-picker .bet-box-mob-border { background: #0D0C07 !important; color: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .global-input-block p, :root[data-theme="dark"] .new-pick-picker .convertUSD, :root[data-theme="dark"] .new-pick-picker .prefix, :root[data-theme="dark"] .new-pick-picker .global-number { color: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .global-number { background: transparent !important; caret-color: #FFFFFF; } :root[data-theme="dark"] .new-pick-picker .input-icons-bg { background: #1A1A19 !important; border-left: 1px solid #FAFAFA; } :root[data-theme="dark"] .new-pick-picker .input-icons-bg svg path { fill: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .game-base-toggle-block, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptions { background: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .new-pick-picker .game-base-toggle, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptionsBtn, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptionsCloseBtn, :root[data-theme="dark"] .new-pick-picker .bet-actions-toggle { background: #0D0C07 !important; color: #FFFFFF !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .new-pick-picker .game-base-toggle.active, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptionsBtn:hover, :root[data-theme="dark"] .new-pick-picker .bet-actions-toggle.active { background: #1A1A19 !important; } :root[data-theme="dark"] .new-pick-picker .game-base-toggle p, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptionsBtn p, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptionsCloseBtn, :root[data-theme="dark"] .new-pick-picker .bet-actions-toggle, :root[data-theme="dark"] .new-pick-picker .autoBetOptions_checkbox_wrapper p { color: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .game-base-toggle svg path, :root[data-theme="dark"] .new-pick-picker .autoBetAddOptionsBtn svg path, :root[data-theme="dark"] .new-pick-picker .game-settings-music-wrap svg path { fill: #FFFFFF !important; } :root[data-theme="dark"] .new-pick-picker .game-settings-music-wrap { background: #1A1A19 !important; border-color: #FAFAFA !important; } /* Dice roll/chance/multiplier interface */ :root[data-theme="dark"] .high-low-new-pickers, :root[data-theme="dark"] .high-low-new-pickers-txt, :root[data-theme="dark"] .dice-control .high-low-new-pickers-txt { color: #FFFFFF !important; } :root[data-theme="dark"] .high-low-new-pickers-item input.global-number, :root[data-theme="dark"] .high-low-new-pickers .global-number, :root[data-theme="dark"] .magic-input-block .global-number { color: #FFFFFF !important; background: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .high-low-toggle { background: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .high-low-toggle:hover { background: #1A1A19 !important; } :root[data-theme="dark"] .high-low-toggle.active, :root[data-theme="dark"] .high-low-toggle:active { background: #262624 !important; border-color: #FBE24B !important; } :root[data-theme="dark"] .high-low-toggle svg path { fill: #FFFFFF !important; } :root[data-theme="dark"] .high-low-toggle.active svg path, :root[data-theme="dark"] .high-low-toggle:active svg path { fill: #FBE24B !important; } /* Coinflip: no black fill behind coins or multiplier label */ :root[data-theme="dark"] #diceGameRoot.coinflip-standalone .dice-coinflip-pick-block .high-low-toggle, :root[data-theme="dark"] #diceGameRoot.coinflip-standalone .dice-coinflip-pick-block .high-low-toggle:hover, :root[data-theme="dark"] #diceGameRoot.coinflip-standalone .dice-coinflip-pick-block .high-low-toggle:active, :root[data-theme="dark"] #diceGameRoot.coinflip-standalone .dice-coinflip-pick-block .high-low-toggle.active, :root[data-theme="dark"] #diceGameRoot.dice-mode-coinflip ~ .high-low-picker-win .magic-input-action-block .high-low-toggle.low, :root[data-theme="dark"] #diceGameRoot.dice-mode-coinflip ~ .high-low-picker-win .magic-input-action-block .high-low-toggle.high, :root[data-theme="dark"] #diceGameRoot.dice-mode-coinflip ~ .high-low-picker-win .magic-input-action-block .high-low-toggle.low:hover, :root[data-theme="dark"] #diceGameRoot.dice-mode-coinflip ~ .high-low-picker-win .magic-input-action-block .high-low-toggle.high:hover, :root[data-theme="dark"] #diceGameRoot.dice-mode-coinflip ~ .high-low-picker-win .magic-input-action-block .high-low-toggle.low.active, :root[data-theme="dark"] #diceGameRoot.dice-mode-coinflip ~ .high-low-picker-win .magic-input-action-block .high-low-toggle.high.active { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } :root[data-theme="dark"] #numberglobal2.dice-coinflip-payout-display, :root[data-theme="dark"] #numberglobal2.dice-coinflip-payout-display--label, :root[data-theme="dark"] .coinflip-board-meta #numberglobal2.dice-coinflip-payout-display, :root[data-theme="dark"] .magic-input-block #numberglobal2.dice-coinflip-payout-display, :root[data-theme="dark"] .high-low-new-pickers #numberglobal2.dice-coinflip-payout-display { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } :root[data-theme="dark"] .dice-coinflip-multi-text { color: #FFFFFF !important; } /* Footer */ :root[data-theme="dark"] footer, :root[data-theme="dark"] .wrapper__footer { background: #0D0C07 !important; color: #FAFAFA; } :root[data-theme="dark"] footer .txt-black, :root[data-theme="dark"] footer a, :root[data-theme="dark"] footer p { color: #FAFAFA !important; } :root[data-theme="dark"] footer .btn-medium-secondary { background: #262624; color: #FAFAFA; } :root[data-theme="dark"] footer .btn-medium-secondary svg path { fill: #FAFAFA; } :root[data-theme="dark"] .footer-divider { background: #403F3D; } :root[data-theme="dark"] .scroll-to-top { background: #262624 !important; } :root[data-theme="dark"] .scroll-to-top svg path { fill: #FAFAFA; } /* Blackjack / Baccarat hand boards — dim bright white borders */ :root[data-theme="dark"] .dealer-section, :root[data-theme="dark"] .player-section, :root[data-theme="dark"] .player-section > .hand-container, :root[data-theme="dark"] .hand-container { border-color: #595855 !important; outline-color: #595855 !important; } :root[data-theme="dark"] .count-display { border-color: #595855 !important; } :root[data-theme="dark"] .count-display .title { border-bottom-color: #595855 !important; } :root[data-theme="dark"] #deck-anim-layer, :root[data-theme="dark"] .v3-blackjack-game-table, :root[data-theme="dark"] .v3-blackjack-base-game-card-wrap { border-color: #595855 !important; } /* Pick-6 / roll result strip — drop cream yellow for dark chrome */ :root[data-theme="dark"] .new-pick-game-block-func-roll { background: #1A1A19 !important; } :root[data-theme="dark"] .new-pick-game-block-func-roll .func-bet-sub, :root[data-theme="dark"] .new-pick-game-block-func-roll .func-bet-head, :root[data-theme="dark"] .new-pick-game-block-func-roll .func-roll-text { color: #FAFAFA !important; } :root[data-theme="dark"] .new-pick-game-block-func-roll .new-pick-rows { background: #0D0C07 !important; color: #FAFAFA !important; border: 1px solid #595855; text-decoration: none; } :root[data-theme="dark"] .new-pick-game-block-func-roll .new-pick-rows:hover, :root[data-theme="dark"] .new-pick-game-block-func-roll .new-pick-rows.active { background: #262624 !important; } :root[data-theme="dark"] .new-pick-game-block-func-roll .new-pick-rows.focus { background: #262624 !important; outline-color: #FBE24B; } :root[data-theme="dark"] .new-pick-game-block-func-roll .func-roll-img img { filter: invert(1) brightness(1.1); } /* Verify bet / account seed inputs — kill nested white input fill */ :root[data-theme="dark"] .account-withdraw-inputs-wrapper, :root[data-theme="dark"] .account-info-inputs-wrapper { background: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .account-withdraw-inputs-wrapper input, :root[data-theme="dark"] .account-withdraw-inputs-wrapper input[type="text"], :root[data-theme="dark"] .account-info-inputs-wrapper input, :root[data-theme="dark"] .account-info-inputs-wrapper input[type="text"] { background: transparent !important; color: #FAFAFA !important; box-shadow: none !important; } :root[data-theme="dark"] .account-withdraw-inputs-wrapper input:-webkit-autofill, :root[data-theme="dark"] .account-withdraw-inputs-wrapper input:-webkit-autofill:hover, :root[data-theme="dark"] .account-withdraw-inputs-wrapper input:-webkit-autofill:focus, :root[data-theme="dark"] .account-info-inputs-wrapper input:-webkit-autofill, :root[data-theme="dark"] .account-info-inputs-wrapper input:-webkit-autofill:hover, :root[data-theme="dark"] .account-info-inputs-wrapper input:-webkit-autofill:focus, :root[data-theme="dark"] .v3-account-content-block-input input:-webkit-autofill, :root[data-theme="dark"] .v3-account-content-block-input input:-webkit-autofill:hover, :root[data-theme="dark"] .v3-account-content-block-input input:-webkit-autofill:focus { -webkit-text-fill-color: #FAFAFA; caret-color: #FAFAFA; transition: background-color 99999s ease-out; box-shadow: 0 0 0 1000px #0D0C07 inset !important; } :root[data-theme="dark"] .verify-bet-dropdown #account-select { background-color: #0D0C07 !important; border-color: #FAFAFA !important; color: #FAFAFA !important; } /* Account settings — privacy / notifications / inputs / wallet / seed / affiliate */ :root[data-theme="dark"] .v3-account-content-block-title-swatch { background: #0D0C07 !important; border: 1px solid #595855; } :root[data-theme="dark"] .v3-account-content-block-title-swatch .v3-account-content-block-item-title, :root[data-theme="dark"] .v3-account-content-block-text .v3-account-content-block-item-title { color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-content-block-description-swatch { color: #999894 !important; } :root[data-theme="dark"] .v3-account-content-block-input { background: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-content-block-input input, :root[data-theme="dark"] .v3-account-content-block-input input[type="text"] { background: transparent !important; color: #FAFAFA !important; box-shadow: none !important; } :root[data-theme="dark"] .v3-account-content-block-input input::placeholder { color: #999894 !important; } :root[data-theme="dark"] .v3-account-content-block-input-name-counter, :root[data-theme="dark"] .v3-account-content-block-input-name-counter p { color: #999894 !important; } /* Account page labels only — do NOT paint yellow wallet modals white */ :root[data-theme="dark"] .v3-account-content .account-info-inputs-block-content > p, :root[data-theme="dark"] .v3-account-content .walletPopUP_subtitle, :root[data-theme="dark"] .v3-account-content .walletPopUP_addtext { color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-content .selector-coins-input, :root[data-theme="dark"] #defaultSettingAddressAcc { background-color: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-content .selector-coins-input .txt-black, :root[data-theme="dark"] #defaultSettingAddressAccMoney, :root[data-theme="dark"] .v3-account-content .selector-coins-input p { color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-content .selector-coins-input svg path, :root[data-theme="dark"] #ArrowNavRotateDefaultSettingAddressAcc path { fill: #FAFAFA !important; } :root[data-theme="dark"] .menu-dropdown-selector-coins, :root[data-theme="dark"] #defaultSettingAddressAccList { background: #1A1A19 !important; border-color: #595855 !important; } :root[data-theme="dark"] .menu-dropdown-selector-coins .menu-dropdown-desctop-item-content p, :root[data-theme="dark"] #defaultSettingAddressAccList .menu-dropdown-desctop-item-content p { color: #FAFAFA !important; } :root[data-theme="dark"] .affiliate-balance-item-type { background: #0D0C07 !important; border-color: #FAFAFA !important; } /* Account mobile section dropdown */ :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle { background: #0D0C07 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle .v3-account-page-new-text, :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle .v3-account-page-new-text-base { color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle svg path { fill: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle.dropdown-open-acc { background: #1A1A19 !important; border-color: #FBE24B !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle.dropdown-open-acc .v3-account-page-new-text-base { color: #FBE24B !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-toggle.dropdown-open-acc svg path { fill: #FBE24B !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-menu { background-color: #0D0C07 !important; border-color: #FAFAFA !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.45); } :root[data-theme="dark"] .v3-account-page-new-dropdown-item { color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-item .v3-account-page-new-text { color: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-item svg path { fill: #FAFAFA !important; } :root[data-theme="dark"] .v3-account-page-new-dropdown-item:hover { background-color: #1A1A19 !important; } /* Home dash (Option 3) stays neon-dark in both themes */ :root[data-theme="dark"] .home-dash { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55); } /* -------------------------------------------------------------------------- */ /* Wallet modals — yellow chrome keeps dark text; inputs go dark + light text */ /* -------------------------------------------------------------------------- */ :root[data-theme="dark"] .walletPopUP { border-radius: 1rem; } :root[data-theme="dark"] .walletPopUP-gen-txt, :root[data-theme="dark"] .walletPopUP_subtitle, :root[data-theme="dark"] .walletPopUP_addtext, :root[data-theme="dark"] .walletPopUP-sub-txt, :root[data-theme="dark"] .walletPopUP-sub-txt .txt-black, :root[data-theme="dark"] .walletPopUP .account-info-inputs-block-content > p, :root[data-theme="dark"] .walletPopUP .vault-lock-label, :root[data-theme="dark"] .walletPopUP .wallet-inputs-math-head > p, :root[data-theme="dark"] .walletPopUP .verticalTxtFlex_toptxt, :root[data-theme="dark"] .walletPopUP .transactionFeesFlex > p, :root[data-theme="dark"] .walletPopUP .lh-16 { color: #0D0C07 !important; } /* Dark input fields (match bet picker) */ :root[data-theme="dark"] .walletPopUP .affiliate-balance-item, :root[data-theme="dark"] .walletPopUP .selector-coins-input, :root[data-theme="dark"] .walletPopUP .account-info-inputs-wrapper, :root[data-theme="dark"] .walletPopUP .balanceMatchInfoBlock, :root[data-theme="dark"] .walletPopUP .telephone-input .global-number { background: #0D0C07 !important; border-color: #FAFAFA !important; border-radius: 0.5rem; color: #FAFAFA !important; overflow: hidden; } :root[data-theme="dark"] .walletPopUP .affiliate-balance-item-type { background: #1A1A19 !important; border-color: #FAFAFA !important; } :root[data-theme="dark"] .walletPopUP .input_with_usd, :root[data-theme="dark"] .walletPopUP .input_with_prefix, :root[data-theme="dark"] .walletPopUP .affiliate-balance-item-value { background: transparent !important; color: #FAFAFA !important; } :root[data-theme="dark"] .walletPopUP .input_with_usd p, :root[data-theme="dark"] .walletPopUP .input_with_usd div, :root[data-theme="dark"] .walletPopUP .input_with_usd span, :root[data-theme="dark"] .walletPopUP .input_with_usd .prefix, :root[data-theme="dark"] .walletPopUP .affiliate-balance-item p, :root[data-theme="dark"] .walletPopUP .affiliate-balance-item-value p, :root[data-theme="dark"] .walletPopUP .affiliate-balance-item-value-gen-txt, :root[data-theme="dark"] .walletPopUP .walletPopUP_main .affiliate-balance-item p, :root[data-theme="dark"] .walletPopUP .global-number, :root[data-theme="dark"] .walletPopUP .selector-coins-input .txt-black, :root[data-theme="dark"] .walletPopUP .selector-coins-input p, :root[data-theme="dark"] .walletPopUP .balanceMatchInfoBlock p, :root[data-theme="dark"] .walletPopUP .balanceMatchInfoBlock span { color: #FAFAFA !important; } :root[data-theme="dark"] .walletPopUP .input_with_usd input, :root[data-theme="dark"] .walletPopUP .input_with_usd input.global-number, :root[data-theme="dark"] .walletPopUP .affiliate-balance-item-value input, :root[data-theme="dark"] .walletPopUP .account-info-inputs-wrapper input, :root[data-theme="dark"] .walletPopUP .account-info-inputs-wrapper input[type="text"] { background: transparent !important; color: #FAFAFA !important; box-shadow: none !important; caret-color: #FAFAFA; } :root[data-theme="dark"] .walletPopUP .global-number::placeholder, :root[data-theme="dark"] .walletPopUP input::placeholder { color: #999894 !important; } :root[data-theme="dark"] .walletPopUP .selector-coins-input svg path { fill: #FAFAFA !important; } :root[data-theme="dark"] .walletPopUP .menu-dropdown-selector-coins { background: #1A1A19 !important; border-color: #595855 !important; border-radius: 0.5rem; } :root[data-theme="dark"] .walletPopUP .menu-dropdown-selector-coins .menu-dropdown-desctop-item-content p { color: #FAFAFA !important; } /* Vault lock controls on yellow chrome */ :root[data-theme="dark"] #vaultPopUP .vault-lock-btn { background: #0D0C07 !important; border-color: #FAFAFA !important; color: #FAFAFA !important; border-radius: 0.5rem; } :root[data-theme="dark"] #vaultPopUP .vault-lock-btn:hover { background: #1A1A19 !important; border-color: #FBE24B !important; } :root[data-theme="dark"] #vaultPopUP #vaultLockStatus { color: #0D0C07 !important; } /* Subdued crypto line inside dark fields stays readable */ :root[data-theme="dark"] .walletPopUP .input_with_usd > p, :root[data-theme="dark"] .walletPopUP .affiliate-balance-item-value.read p { color: #BFBFBD !important; } :root[data-theme="dark"] .walletPopUP .input_with_usd .input_with_prefix, :root[data-theme="dark"] .walletPopUP .input_with_usd .input_with_prefix span, :root[data-theme="dark"] .walletPopUP .input_with_usd .input_with_prefix .prefix { color: #FAFAFA !important; } /* Redeem tickets inputs */ :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input { background: #0D0C07 !important; border-color: #FAFAFA !important; border-radius: 0.5rem; overflow: hidden; color: #FAFAFA !important; } :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input-img { background: #1A1A19 !important; } :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input-text p, :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input-text-with-date-txt, :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input-text-with-date-value p, :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input .global-number, :root[data-theme="dark"] .walletPopUP .add-symbol-in-input .global-number { color: #FAFAFA !important; } :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-input-text-with-date-value { background: #1A1A19 !important; border-radius: 0.25rem; } :root[data-theme="dark"] .walletPopUP .redeemTickets-box-block-flex svg path { fill: #0D0C07 !important; }