/************************************************* * TEMA DARK RED (MODEL BOSPLAY) * Berlaku kalau * HANYA SET VARIABLE – STYLE DI BAWAH UNIVERSAL *************************************************/ body.theme-dark-red { /* Warna utama brand */ --main-color: #ff0606; --main-color-haf: #ff06069c; /* Background utama – gelap tapi masih “hidup” */ --bg: radial-gradient(circle at top, #2b0c0c, #050816 65%); --theme: #050816; --secondary-color: #111827; /* Accent */ --orange: #fbbf24; --lg: linear-gradient(180deg, #ff4b4b, #8b0000); --lgr: linear-gradient(90deg, #8b0000, #ff0606); /* Neutral dibalik untuk dark mode */ --white: #f9fafb; --black: #000000; } /* ===================================================== UNIVERSAL DARK THEME BERLAKU UNTUK SEMUA: (MERAH, UNGU, HIJAU, BIRU, DLL) ===================================================== */ /* background global */ body[class*="theme-dark-"], body[class*="theme-dark-"] load { background: var(--bg); color: var(--white); } /* teks umum */ body[class*="theme-dark-"], body[class*="theme-dark-"] p, body[class*="theme-dark-"] span, body[class*="theme-dark-"] li, body[class*="theme-dark-"] a { color: var(--white); } body[class*="theme-dark-"] a:hover { color: var(--orange); } /* ========================================= HEADER / FOOTER / NAVBAR ATAS (LOGO, MENU) ========================================= */ body[class*="theme-dark-"] header, body[class*="theme-dark-"] .header, body[class*="theme-dark-"] .topbar, body[class*="theme-dark-"] .navbar, body[class*="theme-dark-"] nav.navbar, body[class*="theme-dark-"] footer, body[class*="theme-dark-"] .footer { background: var(--theme) !important; color: var(--white) !important; } /* teks / icon / logo di navbar */ body[class*="theme-dark-"] header a, body[class*="theme-dark-"] header span, body[class*="theme-dark-"] header i, body[class*="theme-dark-"] .navbar a, body[class*="theme-dark-"] .navbar span, body[class*="theme-dark-"] .navbar i { color: var(--white) !important; } /* menu aktif ikut accent tema (ungu / hijau / biru / merah) */ body[class*="theme-dark-"] .navbar a.active, body[class*="theme-dark-"] .navbar a.active span, body[class*="theme-dark-"] .navbar a.active i { color: var(--orange) !important; } /* layer background nav bawaan script */ body[class*="theme-dark-"] nav::before, body[class*="theme-dark-"] nav::after, body[class*="theme-dark-"] nav ul { background-color: var(--theme) !important; background-image: none !important; } /* ============================ BOX KANAN: LOGIN + MIN DEPOSIT ============================ */ body[class*="theme-dark-"] .sider { background: var(--theme) !important; border: 1px solid rgba(248, 250, 252, 0.14) !important; border-radius: 16px; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.85); } /* tulisan MINIMAL DEPOSIT/WITHDRAW */ body[class*="theme-dark-"] .info-cont li span { color: #e5e7eb; } body[class*="theme-dark-"] .info-cont li b { color: var(--orange); font-weight: 700; } /* tombol Setoran / Penarikan */ body[class*="theme-dark-"] .info-cont .btn, body[class*="theme-dark-"] .info-logout .btn { background: var(--lg) !important; border: 1px solid var(--main-color) !important; color: #fff !important; box-shadow: 0 0 14px rgba(0, 0, 0, .5); } /* ============================ TABS PROVIDER: SEMUA / CQ9 / ... ============================ */ body[class*="theme-dark-"] .subcategory { background-color: var(--theme) !important; border-radius: 14px; padding: 10px 8px; } /* semua tab (non-aktif) */ body[class*="theme-dark-"] .subcategory li a { width: 120px; background-color: #020617 !important; color: #e5e7eb !important; border-radius: 999px; border: 1px solid rgba(248, 250, 252, 0.16); box-shadow: 0 6px 18px rgba(0, 0, 0, .7); font-weight: 500; } /* tab aktif */ body[class*="theme-dark-"] .subcategory li.active a { background-image: var(--lg) !important; color: #fff !important; border-color: var(--orange) !important; box-shadow: 0 0 18px rgba(0,0,0,.75); } /* ============================ GRID GAME CARD ============================ */ body[class*="theme-dark-"] .game_page .item, body[class*="theme-dark-"] .game_page .game-item-card { background: var(--theme) !important; border-radius: 14px; box-shadow: 0 12px 30px rgba(0, 0, 0, .9); } /* nama provider di bawah gambar */ body[class*="theme-dark-"] .game_page .game-name, body[class*="theme-dark-"] .game_page .provider-name { color: #e5e7eb !important; } /* ============================ SERVICE BOX (wk-svc3) ============================ */ body[class*="theme-dark-"] .wk-svc3 { --card: #020617; --track: #111827; --text: #f9fafb; --muted: #9ca3af; --gold1: var(--orange); --gold2: var(--main-color); --fill1: var(--orange); --fill2: var(--main-color); } body[class*="theme-dark-"] .wk-svc3 .box { box-shadow: 0 12px 30px rgba(0, 0, 0, .85); } /* ============================ TRANSAKSI LANGSUNG (Dw list) ============================ */ body[class*="theme-dark-"] .transaction-main { background: #020617; } body[class*="theme-dark-"] .transaction-cont, body[class*="theme-dark-"] .transaction-cont ul { background: transparent; } body[class*="theme-dark-"] .transaction-cont ul li, body[class*="theme-dark-"] .transaction-cont ul li * { color: #e5e7eb !important; } body[class*="theme-dark-"] .transaction-cont .trx-name, body[class*="theme-dark-"] .transaction-cont .trx-user, body[class*="theme-dark-"] .transaction-cont .trx-id { color: var(--orange) !important; font-weight: 600; } /* ============================ METODE PEMBAYARAN ============================ */ body[class*="theme-dark-"] .paymethod-wrap { background: radial-gradient(circle at top, #2b0000, #050816); border-radius: 20px; box-shadow: 0 12px 32px rgba(0,0,0,.85); color: #e5e7eb !important; } body[class*="theme-dark-"] .pay-title, body[class*="theme-dark-"] .pay-subtitle { color: var(--orange) !important; } body[class*="theme-dark-"] .pay-card, body[class*="theme-dark-"] .paymethod-wrap .bank-box, body[class*="theme-dark-"] .paymethod-wrap .bank-item { background: #050816 !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.06) !important; box-shadow: 0 8px 22px rgba(0,0,0,.8); } body[class*="theme-dark-"] .paymethod-wrap img { filter: brightness(1.25) drop-shadow(0 0 4px rgba(0,0,0,.7)) !important; max-height: 30px; } body[class*="theme-dark-"] .paymethod-wrap .bank-box:hover, body[class*="theme-dark-"] .paymethod-wrap .pay-card:hover, body[class*="theme-dark-"] .paymethod-wrap .bank-item:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.9); border-color: rgba(248,250,252,.18) !important; transition: all .18s ease-in-out; } /* ============================ PLATFORM TERSEDIA / PENYEDIA ============================ */ /* wrapper section */ body[class*="theme-dark-"] .platform-engine, body[class*="theme-dark-"] [class*="platform-penyedia"], body[class*="theme-dark-"] [class*="platform_penyedia"], body[class*="theme-dark-"] [class*="platform-provider"], body[class*="theme-dark-"] [class*="provider-platform"], body[class*="theme-dark-"] .provider-wrap, body[class*="theme-dark-"] .provider-box { background: var(--theme) !important; color: #e5e7eb !important; border-top: 1px solid rgba(148, 163, 184, .35); } /* judul & title */ body[class*="theme-dark-"] .platform-engine h3, body[class*="theme-dark-"] [class*="platform-penyedia"] h1, body[class*="theme-dark-"] [class*="platform-penyedia"] h2, body[class*="theme-dark-"] [class*="platform-penyedia"] h3, body[class*="theme-dark-"] [class*="platform-provider"] h1, body[class*="theme-dark-"] [class*="platform-provider"] h2, body[class*="theme-dark-"] [class*="platform-provider"] h3, body[class*="theme-dark-"] .pfl-heading, body[class*="theme-dark-"] .pfl-card-title { color: var(--orange) !important; } /* kartu provider utama + list */ body[class*="theme-dark-"] .pfl-card { background: var(--theme) !important; border-radius: 20px; border: 1px solid rgba(148,163,184,.25); box-shadow: 0 18px 45px rgba(0,0,0,.95); } body[class*="theme-dark-"] .pfl-logo-list li { background: var(--theme) !important; border-radius: 16px; border: 1px solid rgba(148,163,184,.25); } /* ============================ FORM & INPUT ============================ */ body[class*="theme-dark-"] input, body[class*="theme-dark-"] select, body[class*="theme-dark-"] textarea { background: #020617 !important; border: 1px solid #334155 !important; color: #e5e7eb !important; } body[class*="theme-dark-"] input::placeholder, body[class*="theme-dark-"] textarea::placeholder { color: #64748b !important; } /* GARIS / HR */ body[class*="theme-dark-"] hr, body[class*="theme-dark-"] .divider, body[class*="theme-dark-"] .border-top, body[class*="theme-dark-"] .border-bottom { border-color: rgba(148, 163, 184, .45) !important; } /* ========================================= RUNNING TEXT / TICKER + NOTICE ========================================= */ body[class*="theme-dark-"] [class*="running"], body[class*="theme-dark-"] [class*="marquee"], body[class*="theme-dark-"] [class*="ticker"], body[class*="theme-dark-"] notice { background: var(--theme) !important; color: var(--orange) !important; } body[class*="theme-dark-"] [class*="running"] *, body[class*="theme-dark-"] [class*="marquee"] *, body[class*="theme-dark-"] [class*="ticker"] *, body[class*="theme-dark-"] notice marquee, body[class*="theme-dark-"] notice marquee a, body[class*="theme-dark-"] notice .ico { color: var(--orange) !important; text-shadow: 0 0 6px rgba(0, 0, 0, .9); } /* ========================================= NAVBAR BAWAH (BERANDA / LOGIN / LIVE CHAT) ========================================= */ body[class*="theme-dark-"] [class*="bottom-nav"], body[class*="theme-dark-"] [class*="nav-bottom"], body[class*="theme-dark-"] [class*="menu-bottom"], body[class*="theme-dark-"] [class*="bottom-menu"], body[class*="theme-dark-"] [class*="mobile-bottom"], body[class*="theme-dark-"] .menu-bottom, body[class*="theme-dark-"] .mobile-nav, body[class*="theme-dark-"] .nav-mobile, body[class*="theme-dark-"] .nav-footer { background: var(--theme) !important; border-top: 1px solid rgba(148, 163, 184, .5); box-shadow: 0 -10px 30px rgba(0, 0, 0, .9); color: #e5e7eb !important; } body[class*="theme-dark-"] [class*="bottom-nav"] a, body[class*="theme-dark-"] [class*="nav-bottom"] a, body[class*="theme-dark-"] [class*="menu-bottom"] a, body[class*="theme-dark-"] [class*="bottom-menu"] a, body[class*="theme-dark-"] [class*="mobile-bottom"] a, body[class*="theme-dark-"] .nav-footer a { color: #e5e7eb !important; } body[class*="theme-dark-"] [class*="bottom-nav"] a.active, body[class*="theme-dark-"] [class*="nav-bottom"] a.active, body[class*="theme-dark-"] [class*="menu-bottom"] a.active, body[class*="theme-dark-"] [class*="bottom-menu"] a.active, body[class*="theme-dark-"] [class*="mobile-bottom"] a.active, body[class*="theme-dark-"] .nav-footer a.active { color: var(--orange) !important; } /* icon di navbar bawah */ body[class*="theme-dark-"] [class*="bottom-nav"] i, body[class*="theme-dark-"] [class*="nav-bottom"] i, body[class*="theme-dark-"] [class*="menu-bottom"] i, body[class*="theme-dark-"] [class*="bottom-menu"] i, body[class*="theme-dark-"] [class*="mobile-bottom"] i { color: #e5e7eb !important; } /* ========================================= BANNER TARUHAN SEPAK BOLA ========================================= */ body[class*="theme-dark-"] .soccer .swiper { background-image: none !important; background-color: var(--theme) !important; } body[class*="theme-dark-"] .soccer .swiper-slide { background-color: rgba(5, 8, 22, 0.85) !important; } body[class*="theme-dark-"] .soccer .swiper h3, body[class*="theme-dark-"] .soccer-banner h3, body[class*="theme-dark-"] .sports-banner h3 { color: var(--orange) !important; } /* ========================================= ICON KATEGORI (SLOTS, CASINO, DLL) ========================================= */ #game-section { display: flex !important; flex-wrap: wrap !important; margin: 8px 0 !important; padding: 0 !important; list-style: none !important; justify-content: center !important; } #game-section > .game-item { width: 25% !important; padding: 6px 4px !important; box-sizing: border-box !important; text-align: center !important; } #game-section > .game-item > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; min-height: auto !important; padding: 0 !important; } /* ICON RING PAKAI WARNA TEMA */ #game-section > .game-item > a img { width: 82px !important; height: 82px !important; border-radius: 50% !important; background-color: #050816 !important; padding: 4px !important; object-fit: contain !important; display: block !important; } body[class*="theme-dark-"] #game-section > .game-item > a img { border: 3px solid var(--main-color) !important; box-shadow: 0 0 10px rgba(0,0,0,.8), 0 0 16px rgba(0,0,0,.6) !important; } /* NAMA KATEGORI DI BAWAH RING */ #game-section.classify li.game-item a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; } #game-section.classify li.game-item a span { display: block !important; position: static !important; margin-top: 6px !important; opacity: 1 !important; visibility: visible !important; text-indent: 0 !important; height: auto !important; overflow: visible !important; background: none !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; text-align: center !important; white-space: nowrap !important; text-shadow: 0 0 5px rgba(0,0,0,.9); } body[class*="theme-dark-"] #game-section.classify li.game-item a span, body[class*="theme-dark-"] .game_page .provider-name, body[class*="theme-dark-"] .game_page .game-name { color: var(--orange) !important; } /* ========================================= UNIVERSAL DARK MODE – MATIKAN BOX PUTIH ========================================= */ /* Semua elemen yang jelas-jelas dikasih class bg putih */ body[class*="theme-dark-"] .bg-white, body[class*="theme-dark-"] .bg-light, body[class*="theme-dark-"] .bg-body, body[class*="theme-dark-"] .white-box, body[class*="theme-dark-"] .panel-white { background-color: var(--theme) !important; color: var(--white) !important; } /* Inline style yang pakai background putih */ body[class*="theme-dark-"] [style*="background:#fff"], body[class*="theme-dark-"] [style*="background: #fff"], body[class*="theme-dark-"] [style*="background-color:#fff"], body[class*="theme-dark-"] [style*="background-color: #fff"], body[class*="theme-dark-"] [style*="background:#ffffff"], body[class*="theme-dark-"] [style*="background: #ffffff"], body[class*="theme-dark-"] [style*="background-color:#ffffff"], body[class*="theme-dark-"] [style*="background-color: #ffffff"] { background-color: var(--theme) !important; color: var(--white) !important; } /* Layer putih transparan */ body[class*="theme-dark-"] [style*="rgba(255,255,255"], body[class*="theme-dark-"] [style*="rgba(255, 255, 255"] { background: rgba(5, 8, 22, 0.82) !important; color: var(--white) !important; } /* === GOOGLE LOGIN BUTTON – biarkan default Google === */ .g_id_signin, .g_id_signin * { color: #202124 !important; text-shadow: none !important; font-weight: 600; } /* ===================================================== FIX PROMO (MENU PROMOSI) - UNIVERSAL UNTUK SEMUA theme-dark-* Tempel PALING BAWAH theme-nusa-themes.css ===================================================== */ /* paksa semua area promo ikut dark theme */ body[class*="theme-dark-"] [class*="promo"], body[class*="theme-dark-"] [id*="promo"], body[class*="theme-dark-"] .promo, body[class*="theme-dark-"] .promo-wrap, body[class*="theme-dark-"] .promo-box, body[class*="theme-dark-"] .promo-card, body[class*="theme-dark-"] .promo-detail, body[class*="theme-dark-"] .promo-content { background: transparent !important; color: var(--white) !important; } /* kotak / panel isi promo (yang biasanya putih / opacity) */ body[class*="theme-dark-"] [class*="promo"] .content, body[class*="theme-dark-"] [class*="promo"] .desc, body[class*="theme-dark-"] [class*="promo"] .detail, body[class*="theme-dark-"] [class*="promo"] .body, body[class*="theme-dark-"] [class*="promo"] .text, body[class*="theme-dark-"] [class*="promo"] [class*="syarat"], body[class*="theme-dark-"] [class*="promo"] [class*="ketentuan"], body[class*="theme-dark-"] [id*="promo"] [class*="syarat"], body[class*="theme-dark-"] [id*="promo"] [class*="ketentuan"] { background: rgba(2, 6, 23, .78) !important; /* navy gelap */ color: var(--white) !important; opacity: 1 !important; /* ini yang bikin tulisan “ketimpa” */ filter: none !important; border: 1px solid rgba(148,163,184,.35) !important; border-radius: 16px !important; } /* paksa semua teks di dalam promo jadi kebaca */ body[class*="theme-dark-"] [class*="promo"] *, body[class*="theme-dark-"] [id*="promo"] * { color: var(--white) !important; } /* judul / heading promo kasih accent */ body[class*="theme-dark-"] [class*="promo"] h1, body[class*="theme-dark-"] [class*="promo"] h2, body[class*="theme-dark-"] [class*="promo"] h3, body[class*="theme-dark-"] [class*="promo"] .title, body[class*="theme-dark-"] [class*="promo"] .promo-title { color: var(--orange) !important; text-shadow: 0 0 8px rgba(0,0,0,.75); } /* tombol "Syarat & Ketentuan" dan tombol lain di promo */ body[class*="theme-dark-"] [class*="promo"] .btn, body[class*="theme-dark-"] [class*="promo"] button, body[class*="theme-dark-"] [class*="promo"] a.btn, body[class*="theme-dark-"] [class*="promo"] [class*="btn"] { background: var(--lg) !important; border: 1px solid var(--main-color) !important; color: #fff !important; box-shadow: 0 10px 26px rgba(0,0,0,.65); } /* kalau ada border/glow emas dari wrapper lama, paksa ikut tema */ body[class*="theme-dark-"] [class*="promo"] [style*="gold"], body[class*="theme-dark-"] [class*="promo"] [style*="#fbbf24"], body[class*="theme-dark-"] [class*="promo"] [style*="#facc15"] { border-color: rgba(148,163,184,.35) !important; } /* Refresh icon ikut warna theme */ .ico-refresh{font-size:22px;color:var(--main-color);}