72 lines
4.6 KiB
CSS
72 lines
4.6 KiB
CSS
.theme-toggle { width: 38px; height: 38px; margin-left: auto; margin-right: 10px; border: 1px solid #dce3df; border-radius: 10px; background: #fff; color: #3e554d; cursor: pointer; display: grid; place-items: center; font-size: 16px; transition: background .18s, color .18s, border-color .18s, transform .18s; }
|
|
.theme-toggle:hover { transform: translateY(-1px); background: #edf4f0; }
|
|
.topbar .avatar { margin-left: 0; }
|
|
.theme-icon-dark { display: none; }
|
|
[data-theme="dark"] .theme-icon-light { display: none; }
|
|
[data-theme="dark"] .theme-icon-dark { display: inline; }
|
|
|
|
html[data-theme="dark"] { color-scheme: dark; --ink:#e7efeb; --muted:#97a7a0; --line:#293832; --paper:#0d1512; --card:#16211d; --green:#67bd98; --green2:#1d382e; --amber:#d8a457; --rose:#dd7d7d; --shadow:0 14px 38px rgba(0,0,0,.24); }
|
|
html[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
|
|
html[data-theme="dark"] .topbar { background: rgba(19,30,26,.92); border-color: var(--line); }
|
|
html[data-theme="dark"] .panel,
|
|
html[data-theme="dark"] .stat-card { background: var(--card); border-color: var(--line); }
|
|
html[data-theme="dark"] .theme-toggle { background:#1b2924; border-color:#33443d; color:#d5e5de; }
|
|
html[data-theme="dark"] .theme-toggle:hover { background:#253832; }
|
|
html[data-theme="dark"] input,
|
|
html[data-theme="dark"] select,
|
|
html[data-theme="dark"] textarea,
|
|
html[data-theme="dark"] .check-dropdown summary { background:#101a16; border-color:#35443e; color:#e2ece7; }
|
|
html[data-theme="dark"] input::placeholder { color:#697972; }
|
|
html[data-theme="dark"] input:disabled { background:#1c2723; color:#728079; }
|
|
html[data-theme="dark"] .check-options,
|
|
html[data-theme="dark"] .search-results { background:#18241f; border-color:#3a4c44; }
|
|
html[data-theme="dark"] .check-options label,
|
|
html[data-theme="dark"] .search-result strong { color:#dce8e3; }
|
|
html[data-theme="dark"] .check-options label:hover,
|
|
html[data-theme="dark"] .search-result:hover,
|
|
html[data-theme="dark"] .search-result:focus { background:#24362f; }
|
|
html[data-theme="dark"] .search-result { background:#18241f; }
|
|
html[data-theme="dark"] .search-result small,
|
|
html[data-theme="dark"] .search-message { color:#90a098; }
|
|
html[data-theme="dark"] th,
|
|
html[data-theme="dark"] td,
|
|
html[data-theme="dark"] .list-row,
|
|
html[data-theme="dark"] .activity,
|
|
html[data-theme="dark"] .handover-item,
|
|
html[data-theme="dark"] .rank-row,
|
|
html[data-theme="dark"] .monthly-metric { border-color:#293832; }
|
|
html[data-theme="dark"] td { color:#b9c8c1; }
|
|
html[data-theme="dark"] tbody tr:hover { background:#1b2924; }
|
|
html[data-theme="dark"] .item-symbol,
|
|
html[data-theme="dark"] .size-badge,
|
|
html[data-theme="dark"] .rank-row .rank { background:#25342e; color:#a9c9ba; }
|
|
html[data-theme="dark"] .pill { background:#27352f; color:#b3c2bb; }
|
|
html[data-theme="dark"] .pill.good { background:#1b3a2e; color:#77c8a2; }
|
|
html[data-theme="dark"] .pill.warning { background:#44351f; color:#e0b66e; }
|
|
html[data-theme="dark"] .pill.danger { background:#432729; color:#e99a9a; }
|
|
html[data-theme="dark"] .profile-strip { background:#1a2c26; }
|
|
html[data-theme="dark"] .bulk-stock-picker { background:#111b17; border-color:#34443d; }
|
|
html[data-theme="dark"] .bulk-picker-head,
|
|
html[data-theme="dark"] .bulk-size-row { border-color:#2b3a34; }
|
|
html[data-theme="dark"] .bulk-size-check strong { color:#d8e5df; }
|
|
html[data-theme="dark"] .progress-track,
|
|
html[data-theme="dark"] .bar-track { background:#293730; }
|
|
html[data-theme="dark"] .button.subtle { background:#18241f; border-color:#34453e; color:#b8d2c6; }
|
|
html[data-theme="dark"] .warning-box { background:#3c311f; color:#e7bf78; }
|
|
html[data-theme="dark"] .alert.success { background:#19372c; color:#80d0a9; }
|
|
html[data-theme="dark"] .alert.error { background:#412628; color:#ef9a9a; }
|
|
|
|
.login-theme-toggle { position: fixed; z-index: 20; top: 22px; right: 22px; margin:0; box-shadow:0 8px 22px rgba(0,0,0,.1); }
|
|
html[data-theme="dark"] .login-panel { background:#0d1512; }
|
|
html[data-theme="dark"] .login-card h2 { color:#e8f0ec; }
|
|
html[data-theme="dark"] .login-card > p { color:#94a39c; }
|
|
html[data-theme="dark"] .login-card label { color:#bac9c2; }
|
|
html[data-theme="dark"] .login-card input[type=email],
|
|
html[data-theme="dark"] .login-card input[type=password],
|
|
html[data-theme="dark"] .login-card input[type=text] { background:#15211c; border-color:#33443d; color:#e4ede9; }
|
|
html[data-theme="dark"] .remember span { color:#99a8a1; }
|
|
html[data-theme="dark"] .security-note { border-color:#2c3a34; color:#83928b; }
|
|
html[data-theme="dark"] .security-note strong { color:#aebdb6; }
|
|
|
|
@media(max-width:760px){.topbar .theme-toggle{margin-left:auto}.login-theme-toggle{top:14px;right:14px}}
|