/* ═══════════════════════════════════════════════════ SIGNUP: remove bright border-light divider above Authentication section in dark mode ═══════════════════════════════════════════════════ */ body.theme-dark #create-account .border-top.border-light, body.theme-auto #create-account .border-top.border-light { border-top-color: transparent !important; } /* * dark-overrides.css * Loaded LAST in , after all plugin-injected CSS (order.css, styles.css, etc.) * Ensures dark/auto mode rules beat plugin stylesheets on equal or lower specificity. * Do NOT add light-mode rules here. */ /* ═══════════════════════════════════════════════════ ORDER SUMMARY CARD (.card-order) order.css sets background-color: #fff — we beat it ═══════════════════════════════════════════════════ */ body.theme-dark .card-order, body.theme-auto .card-order { background-color: #161b22 !important; color: #cdd9e5 !important; } body.theme-dark .card-order .table, body.theme-auto .card-order .table { color: #cdd9e5 !important; background-color: #161b22 !important; } body.theme-dark .card-order table td, body.theme-dark .card-order table th, body.theme-auto .card-order table td, body.theme-auto .card-order table th { background-color: #161b22 !important; color: #cdd9e5 !important; border-color: #30363d !important; } body.theme-dark .card-order table thead th, body.theme-auto .card-order table thead th { background-color: #1c2330 !important; color: #e6edf3 !important; border-color: #30363d !important; } body.theme-dark .card-order table.table-striped > tbody > tr > td, body.theme-auto .card-order table.table-striped > tbody > tr > td { background-color: #161b22 !important; color: #cdd9e5 !important; } body.theme-dark .card-order table.table-striped > tbody > tr:nth-child(odd) > td, body.theme-auto .card-order table.table-striped > tbody > tr:nth-child(odd) > td { background-color: #1c2330 !important; } body.theme-dark .card-order table.table-striped > tbody > tr:nth-child(even) > td, body.theme-auto .card-order table.table-striped > tbody > tr:nth-child(even) > td { background-color: #161b22 !important; } /* ═══════════════════════════════════════════════════ DOMAIN TLD PRICING TABLE (form#configure_domain) Bootstrap table-striped forces rgba(0,0,0,.05) on white ═══════════════════════════════════════════════════ */ body.theme-dark form#configure_domain table, body.theme-auto form#configure_domain table { background-color: #161b22 !important; color: #cdd9e5 !important; border-color: #30363d !important; } body.theme-dark form#configure_domain table thead th, body.theme-auto form#configure_domain table thead th { background-color: #1c2330 !important; color: #e6edf3 !important; border-color: #30363d !important; } body.theme-dark form#configure_domain table td, body.theme-dark form#configure_domain table th, body.theme-auto form#configure_domain table td, body.theme-auto form#configure_domain table th { background-color: #161b22 !important; color: #cdd9e5 !important; border-color: #30363d !important; } body.theme-dark form#configure_domain table.table-striped > tbody > tr > td, body.theme-auto form#configure_domain table.table-striped > tbody > tr > td { background-color: #161b22 !important; color: #cdd9e5 !important; } body.theme-dark form#configure_domain table.table-striped > tbody > tr:nth-child(odd) > td, body.theme-auto form#configure_domain table.table-striped > tbody > tr:nth-child(odd) > td { background-color: #1c2330 !important; } body.theme-dark form#configure_domain table.table-striped > tbody > tr:nth-child(even) > td, body.theme-auto form#configure_domain table.table-striped > tbody > tr:nth-child(even) > td { background-color: #161b22 !important; } body.theme-dark form#configure_domain tr.tld_pricing td, body.theme-auto form#configure_domain tr.tld_pricing td { color: #cdd9e5 !important; } body.theme-dark form#configure_domain table td small, body.theme-dark form#configure_domain table td .text-muted, body.theme-auto form#configure_domain table td small, body.theme-auto form#configure_domain table td .text-muted { color: #8b949e !important; } body.theme-dark form#configure_domain table a, body.theme-auto form#configure_domain table a { color: #58a6ff !important; } body.theme-dark form#configure_domain table a:hover, body.theme-auto form#configure_domain table a:hover { color: #79baff !important; } /* ═══════════════════════════════════════════════════ TLD PRICING TABLE via .table-responsive wrapper Beats Bootstrap .table-striped and .table-curved border rules which set #e1e1e1 and white bg. ═══════════════════════════════════════════════════ */ body.theme-dark .table-responsive > table.table-curved.table-striped, body.theme-auto .table-responsive > table.table-curved.table-striped { background-color: #161b22 !important; color: #cdd9e5 !important; border-color: #30363d !important; } body.theme-dark .table-responsive > table.table-curved.table-striped > thead > tr > th, body.theme-auto .table-responsive > table.table-curved.table-striped > thead > tr > th { background-color: #1c2330 !important; color: #e6edf3 !important; border-color: #30363d !important; } body.theme-dark .table-responsive > table.table-curved.table-striped > tbody, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody { background-color: #161b22 !important; } body.theme-dark .table-responsive > table.table-curved.table-striped > tbody > tr, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody > tr { background-color: #161b22 !important; } body.theme-dark .table-responsive > table.table-curved.table-striped > tbody > tr > td, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody > tr > td { background-color: #161b22 !important; color: #cdd9e5 !important; border-color: #30363d !important; } /* Bootstrap .table-curved td rule: border-left/top #e1e1e1 — override */ body.theme-dark .table-responsive > table.table-curved.table-striped td, body.theme-dark .table-responsive > table.table-curved.table-striped th, body.theme-auto .table-responsive > table.table-curved.table-striped td, body.theme-auto .table-responsive > table.table-curved.table-striped th { border-left-color: #30363d !important; border-top-color: #30363d !important; border-color: #30363d !important; } /* Striped odd rows */ body.theme-dark .table-responsive > table.table-curved.table-striped > tbody > tr:nth-child(odd) > td, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody > tr:nth-child(odd) > td { background-color: #1c2330 !important; } /* Striped even rows */ body.theme-dark .table-responsive > table.table-curved.table-striped > tbody > tr:nth-child(even) > td, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody > tr:nth-child(even) > td { background-color: #161b22 !important; } /* tld_pricing rows */ body.theme-dark .table-responsive > table.table-curved.table-striped > tbody > tr.tld_pricing > td, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody > tr.tld_pricing > td { color: #cdd9e5 !important; background-color: inherit !important; } /* "Show All" / tld_pricing_show row */ body.theme-dark .table-responsive > table.table-curved.table-striped > tbody > tr.tld_pricing_show > td, body.theme-auto .table-responsive > table.table-curved.table-striped > tbody > tr.tld_pricing_show > td { background-color: #161b22 !important; color: #cdd9e5 !important; border-color: #30363d !important; } /* Small/muted text inside TLD table */ body.theme-dark .table-responsive > table.table-curved.table-striped td small, body.theme-dark .table-responsive > table.table-curved.table-striped td .text-muted, body.theme-auto .table-responsive > table.table-curved.table-striped td small, body.theme-auto .table-responsive > table.table-curved.table-striped td .text-muted { color: #8b949e !important; } /* Links inside TLD table */ body.theme-dark .table-responsive > table.table-curved.table-striped td a, body.theme-auto .table-responsive > table.table-curved.table-striped td a { color: #58a6ff !important; } body.theme-dark .table-responsive > table.table-curved.table-striped td a:hover, body.theme-auto .table-responsive > table.table-curved.table-striped td a:hover { color: #79baff !important; } /* ═══════════════════════════════════════════════════ PACKAGE BOXES (order/main/packages) order.css sets .package and .package-list to #fff ═══════════════════════════════════════════════════ */ body.theme-dark .package, body.theme-auto .package { background-color: #161b22 !important; border-color: rgba(255,255,255,0.12) !important; box-shadow: 0 3px 1px rgba(0,0,0,0.5) !important; color: #cdd9e5 !important; } body.theme-dark .package .price-box, body.theme-dark .package .order, body.theme-auto .package .price-box, body.theme-auto .package .order { background-color: #1c2330 !important; } body.theme-dark .package p, body.theme-auto .package p { border-bottom-color: rgba(255,255,255,0.08) !important; color: #cdd9e5 !important; } body.theme-dark .package-list, body.theme-auto .package-list { background-color: #161b22 !important; color: #cdd9e5 !important; } /* ═══════════════════════════════════════════════════ WHOIS / DOMAIN SEARCH order.css uses rgba(0,0,0,.05) on white base ═══════════════════════════════════════════════════ */ body.theme-dark .whois, body.theme-auto .whois { background-color: rgba(255,255,255,0.05) !important; color: #cdd9e5 !important; }