:root[data-theme="dark"] { color-scheme: dark; --blue: #4f9dff; --blue-600: #74b0ff; --blue-700: #9cc8ff; --blue-50: rgba(79,157,255,.14); --blue-100: rgba(79,157,255,.28); --ink: #e8eefc; --ink-2: #a9b6cd; --muted: #8493ad; --line: rgba(255,255,255,.08); --line-2: rgba(255,255,255,.14); --bg: #070c16; --surface: #131c2e; --surface-2: #0f1727; --green: #35d07f; --amber: #ffb445; --red: #ff6b63; --slate: #7d8ba6; --blue-brand: #4f9dff; --blue-brand-50: rgba(79,157,255,.14); --blue-brand-100: rgba(79,157,255,.28); --violet: #9d8fff; --brand-grad: linear-gradient(100deg, #4f9dff 8%, #78b0ff 55%, #9d8fff 100%); --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 36px -18px rgba(0,0,0,.8); --shadow-lg: 0 26px 66px -26px rgba(0,0,0,.9), 0 2px 8px rgba(0,0,0,.35); --ring: 0 0 0 4px rgba(79,157,255,.24); --amb-1: rgba(28,92,210,.32); --amb-2: rgba(104,86,232,.26); --amb-3: rgba(0,150,200,.20); --amb-base: #070c16; --glass: rgba(22,31,52,.58); --glass-2: rgba(26,36,60,.72); --glass-edge: rgba(255,255,255,.08); --glass-top: rgba(255,255,255,.07); } :root[data-theme="dark"] .login-card, :root[data-theme="dark"] .list-card, :root[data-theme="dark"] .hero, :root[data-theme="dark"] .client-grid, :root[data-theme="dark"] .svc-list, :root[data-theme="dark"] .dl-list, :root[data-theme="dark"] .app-detail-head, :root[data-theme="dark"] .node-detail-head, :root[data-theme="dark"] .adm-user, :root[data-theme="dark"] .ref-card, :root[data-theme="dark"] .ref-person, :root[data-theme="dark"] .acct-card, :root[data-theme="dark"] .mod-card, :root[data-theme="dark"] .seg-type, :root[data-theme="dark"] .comm-done, :root[data-theme="dark"] .level-card, :root[data-theme="dark"] .mc-card, :root[data-theme="dark"] .modc-card, :root[data-theme="dark"] .nt-list, :root[data-theme="dark"] .report-modal { background: var(--glass); border-color: var(--glass-edge); box-shadow: inset 0 1px 0 var(--glass-top), var(--shadow-lg); } :root[data-theme="dark"] .doc-body { background: var(--glass-2); border-color: var(--glass-edge); } :root[data-theme="dark"] .rep-field select, :root[data-theme="dark"] .rep-field input { background: rgba(255,255,255,.05); border-color: var(--line-2); color: var(--ink); } :root[data-theme="dark"] .row-link, :root[data-theme="dark"] .row-static, :root[data-theme="dark"] .row-action { border-top-color: rgba(255,255,255,.07); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); } :root[data-theme="dark"] .row-ico { background: linear-gradient(160deg, rgba(255,255,255,.10), rgba(79,157,255,.20)); border-color: rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 2px 6px -3px rgba(0,0,0,.6); } :root[data-theme="dark"] .node-item { background: rgba(255,255,255,.04); border-color: var(--line-2); } :root[data-theme="dark"] .node-item:hover { background: rgba(255,255,255,.07); border-color: rgba(79,157,255,.42); } :root[data-theme="dark"] .prop-card { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); box-shadow: inset 0 1px 1px rgba(255,255,255,.07), var(--shadow); } :root[data-theme="dark"] .prop-card:hover { background: rgba(255,255,255,.08); } :root[data-theme="dark"] .cab-topbar { background: rgba(9,14,26,.82); border-bottom-color: var(--line); } :root[data-theme="dark"] .cab-bottomnav { background: rgba(9,14,26,.92); border-top-color: var(--line); } :root[data-theme="dark"] .btn:not([class*="btn-"]) { border-color: rgba(255,255,255,.12); background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 6px 18px -12px rgba(0,0,0,.8); } :root[data-theme="dark"] .btn:not([class*="btn-"]):hover { background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.07)); } :root[data-theme="dark"] .btn-primary, :root[data-theme="dark"] .btn-telegram, :root[data-theme="dark"] .btn-email { border-color: rgba(255,255,255,.18); } :root[data-theme="dark"] .ref-copy { background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)), linear-gradient(180deg, rgba(79,157,255,.22), rgba(79,157,255,.10)); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 20px -12px rgba(0,0,0,.7); } :root[data-theme="dark"] .dev-tile { background: rgba(255,255,255,.04); border-color: var(--line-2); } :root[data-theme="dark"] .dev-tile:hover { background: rgba(255,255,255,.08); } :root[data-theme="dark"] .report-btn { background: rgba(255,255,255,.05); border-color: var(--line-2); } :root[data-theme="dark"] .report-btn:hover { background: rgba(255,255,255,.09); } :root[data-theme="dark"] .md-copy { background: rgba(255,255,255,.06); border-color: var(--line-2); } :root[data-theme="dark"] .doc-share:hover { background: rgba(255,255,255,.08); } :root[data-theme="dark"] .avatar-del-no:hover { background: rgba(255,255,255,.09); } :root[data-theme="dark"] .adm-sw.sw-none .sw-dot { background: rgba(255,255,255,.35); } :root[data-theme="dark"] body[data-status] .avatar { box-shadow: 0 0 0 3px #0c1424, 0 10px 26px -8px var(--star-glow); } :root[data-theme="dark"] .star-badge { background: color-mix(in srgb, var(--star, var(--blue)) 22%, #0e1626); } :root[data-theme="dark"] .lte-tip { background: rgba(26,36,60,.96); border: 1px solid var(--glass-edge); } :root[data-theme="dark"] .top-badge { border-color: rgba(255,255,255,.16); } :root[data-theme="dark"] .nt-row:hover { background: rgba(255,255,255,.05); } :root[data-theme="dark"] .crop-mask::after { border-color: rgba(255,255,255,.55); } :root[data-theme="dark"] .recovery-warn, :root[data-theme="dark"] .prop-badge.type-idea, :root[data-theme="dark"] .seg-opt[data-t="idea"].active, :root[data-theme="dark"] .wiki-chip.wait, :root[data-theme="dark"] .wiki-flags b, :root[data-theme="dark"] .wiki-origin-note, :root[data-theme="dark"] .wiki-lead-hint, :root[data-theme="dark"] .doc-body .md-quote.q-warn { background: rgba(255,180,69,.12); border-color: rgba(255,180,69,.32); } :root[data-theme="dark"] .prop-badge.type-idea, :root[data-theme="dark"] .wiki-chip.wait, :root[data-theme="dark"] .wiki-flags b, :root[data-theme="dark"] .wiki-origin-note, :root[data-theme="dark"] .wiki-lead-hint { color: #ffc46b; } :root[data-theme="dark"] .modc-card.s-pending { border-color: rgba(255,180,69,.42); } :root[data-theme="dark"] .quota-card.quota-empty, :root[data-theme="dark"] .prop-badge.type-bug, :root[data-theme="dark"] .prop-status.st-rejected, :root[data-theme="dark"] .prop-modnote, :root[data-theme="dark"] .seg-opt[data-t="bug"].active, :root[data-theme="dark"] .prop-del:hover, :root[data-theme="dark"] .mod-del:hover, :root[data-theme="dark"] .host-st.st-rejected, :root[data-theme="dark"] .modc-chip.warn, :root[data-theme="dark"] .modc-block:hover, :root[data-theme="dark"] .wiki-chip.no, :root[data-theme="dark"] .wiki-error, :root[data-theme="dark"] .wiki-diff-line.del, :root[data-theme="dark"] .doc-body .md-quote.q-stop { background: rgba(255,107,99,.11); border-color: rgba(255,107,99,.30); } :root[data-theme="dark"] .quota-card.quota-empty, :root[data-theme="dark"] .prop-badge.type-bug, :root[data-theme="dark"] .prop-status.st-rejected, :root[data-theme="dark"] .prop-modnote, :root[data-theme="dark"] .host-st.st-rejected, :root[data-theme="dark"] .modc-chip.warn, :root[data-theme="dark"] .wiki-chip.no, :root[data-theme="dark"] .wiki-error { color: #ff8b84; } :root[data-theme="dark"] .prop-status.st-done, :root[data-theme="dark"] .host-st.st-done, :root[data-theme="dark"] .wiki-chip.ok, :root[data-theme="dark"] .wiki-diff-line.add, :root[data-theme="dark"] .doc-body .md-quote.q-tip { background: rgba(53,208,127,.11); border-color: rgba(53,208,127,.30); } :root[data-theme="dark"] .prop-status.st-done, :root[data-theme="dark"] .host-st.st-done, :root[data-theme="dark"] .wiki-chip.ok { color: #62dd9d; } :root[data-theme="dark"] .av-ok, :root[data-theme="dark"] .pm-result { border-color: rgba(53,208,127,.34); } :root[data-theme="dark"] .prop-status.st-in_progress, :root[data-theme="dark"] .acct-ico.tg { background: rgba(79,157,255,.14); border-color: rgba(79,157,255,.32); } :root[data-theme="dark"] .prop-status.st-in_progress { color: #9cc8ff; } :root[data-theme="dark"] .acct-ico.tg { color: #57bdea; } :root[data-theme="dark"] .prop-badge.type-security, :root[data-theme="dark"] .seg-opt[data-t="security"].active { background: rgba(157,143,255,.14); border-color: rgba(157,143,255,.32); } :root[data-theme="dark"] .prop-badge.type-security { color: #b9a9ff; } :root[data-theme="dark"] .mod-hidden-badge { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.14); color: var(--ink-2); } :root[data-theme="dark"] .doc-body .md-code { background: rgba(255,255,255,.05); } :root[data-theme="dark"] .doc-body .md-table tbody tr:nth-child(even) { background: rgba(255,255,255,.03); } :root[data-theme="dark"] .cmt-form textarea, :root[data-theme="dark"] .cmt-edit textarea { background: rgba(255,255,255,.05); border-color: var(--line-2); color: var(--ink); } :root[data-theme="dark"] .cmt-del:hover, :root[data-theme="dark"] .cmt-ban:hover { background: rgba(255,107,99,.12); } :root[data-theme="dark"] .cmt-report:hover { background: rgba(255,180,69,.12); } :root[data-theme="dark"] .doc-comments { background: rgba(255,255,255,.03); border-color: var(--glass-edge); } :root[data-theme="dark"] { --glass: #131c2e; --glass-2: #131c2e; --glass-top: rgba(255,255,255,.05); } :root[data-theme="dark"] .prop-card { background: #131c2e; border-color: rgba(255,255,255,.08); } :root[data-theme="dark"] .prop-card:hover { background: #172238; } :root[data-theme="dark"] .node-item { background: #131c2e; } :root[data-theme="dark"] .node-item:hover { background: #172238; } :root[data-theme="dark"] .cab-topbar { background: #0b1220; } :root[data-theme="dark"] .cab-bottomnav { background: #0c1424; } :root[data-theme="dark"] .btn:not([class*="btn-"]) { background: linear-gradient(180deg, #1d2842, #161f35); } :root[data-theme="dark"] .btn:not([class*="btn-"]):hover { background: linear-gradient(180deg, #232f4c, #1a243c); } :root[data-theme="dark"] .doc-comments:not(:empty) { -webkit-backdrop-filter: none; backdrop-filter: none; background: #131c2e; border-color: rgba(255,255,255,.08); } :root[data-theme="dark"] .cab-sidenav { background: #0b1220; border-right-color: rgba(255,255,255,.07); }