diff --git a/web/static/themes/win95-beta-neon.css b/web/static/themes/win95-beta-neon.css new file mode 100644 index 0000000..e2df518 --- /dev/null +++ b/web/static/themes/win95-beta-neon.css @@ -0,0 +1,353 @@ +/* =============================== + Windows 95 — Nostalgia Mode + =============================== */ +/* Palette + notes: + - 3D light: #FFFFFF + - Face: #C0C0C0 + - Dark face: #A0A0A0 + - Shadow: #808080 + - Dark: #000000 + - Title Bar: #000080 + - Text: #000000 +*/ + +html[data-theme="win95"] { + --w95-face: #C0C0C0; + --w95-face-dark: #A0A0A0; + --w95-light: #FFFFFF; + --w95-shadow: #808080; + --w95-dark: #000000; + --w95-blue: #000080; +} + +html[data-theme="win95"] body{ + background:#00808010; /* faint teal tint */ + color:#000; + min-height:100vh; + font-family: "Tahoma","MS Sans Serif",system-ui,Segoe UI,Arial,sans-serif; +} + +/* Selection */ +html[data-theme="win95"] ::selection{ + background:var(--w95-blue); + color:#fff; +} + +/* ---------- Top bar ---------- */ +html[data-theme="win95"] .topbar-wrap{ + background:var(--w95-blue); + border-bottom:2px solid var(--w95-dark); + box-shadow:none; + position: sticky; + top: 0; + z-index: 1000; +} +html[data-theme="win95"] .brand-title, +html[data-theme="win95"] .brand .tagline, +html[data-theme="win95"] .version-link{ + color:#fff !important; + text-decoration:none; +} +html[data-theme="win95"] .version-link:hover{ + text-decoration:underline; +} + +/* ---------- Nav Buttons (Find/Create/Insights) ---------- */ +html[data-theme="win95"] .topbar .nav-btn{ + background:var(--w95-face) !important; + color:#000 !important; + border:2px solid var(--w95-face) !important; + border-top-color:var(--w95-light) !important; + border-left-color:var(--w95-light) !important; + border-right-color:var(--w95-shadow) !important; + border-bottom-color:var(--w95-shadow) !important; + border-radius:0 !important; + display:inline-flex !important; + align-items:center !important; + justify-content:center !important; + padding:6px 14px !important; /* consistent size */ + height:36px !important; /* lock height */ + box-sizing:border-box !important; + font-size:15px !important; + line-height:1 !important; + box-shadow: inset -1px -1px 0 var(--w95-dark) !important; +} +html[data-theme="win95"] .topbar .nav-btn:active{ + border-top-color:var(--w95-shadow) !important; + border-left-color:var(--w95-shadow) !important; + border-right-color:var(--w95-light) !important; + border-bottom-color:var(--w95-light) !important; + box-shadow: inset 1px 1px 0 var(--w95-dark) !important; +} + +/* ---------- Topbar .btn/.btn-success match nav buttons (for CREATE) ---------- */ +html[data-theme="win95"] .topbar .btn, +html[data-theme="win95"] .topbar .btn-success{ + background:var(--w95-face) !important; + color:#000 !important; + border:2px solid var(--w95-face) !important; + border-top-color:var(--w95-light) !important; + border-left-color:var(--w95-light) !important; + border-right-color:var(--w95-shadow) !important; + border-bottom-color:var(--w95-shadow) !important; + border-radius:0 !important; + + display:inline-flex !important; + align-items:center !important; + justify-content:center !important; + + padding:6px 14px !important; + height:36px !important; + box-sizing:border-box !important; + font-size:15px !important; + line-height:1 !important; + + box-shadow: inset -1px -1px 0 var(--w95-dark) !important; +} +html[data-theme="win95"] .topbar .btn:active, +html[data-theme="win95"] .topbar .btn-success:active{ + border-top-color:var(--w95-shadow) !important; + border-left-color:var(--w95-shadow) !important; + border-right-color:var(--w95-light) !important; + border-bottom-color:var(--w95-light) !important; + box-shadow: inset 1px 1px 0 var(--w95-dark) !important; +} + +/* ---------- Username Chip ---------- */ +html[data-theme="win95"] .topbar .user-chip{ + background:var(--w95-face-dark) !important; + color:#000 !important; + border:2px solid var(--w95-face-dark) !important; + border-top-color:var(--w95-light) !important; + border-left-color:var(--w95-light) !important; + border-right-color:var(--w95-shadow) !important; + border-bottom-color:var(--w95-shadow) !important; + border-radius:0 !important; + display:inline-flex !important; + align-items:center !important; + justify-content:center !important; + padding:6px 14px !important; + height:36px !important; + box-sizing:border-box !important; + font-size:15px !important; + line-height:1 !important; + box-shadow: inset -1px -1px 0 var(--w95-dark) !important; +} + +/* ---------- 3D Windows (cards/panels) ---------- */ +html[data-theme="win95"] .card, +html[data-theme="win95"] .result-card, +html[data-theme="win95"] .search-form, +html[data-theme="win95"] .form-card, +html[data-theme="win95"] .mobile-menu-inner, +html[data-theme="win95"] .user-menu{ + background:var(--w95-face); + color:#000; + border: 2px solid var(--w95-face); + border-top-color: var(--w95-light); + border-left-color: var(--w95-light); + border-right-color: var(--w95-shadow); + border-bottom-color: var(--w95-shadow); + border-radius: 0; + box-shadow: 1px 1px 0 var(--w95-dark) inset; +} + +/* Section headers */ +html[data-theme="win95"] .cc-panel-head, +html[data-theme="win95"] .page-title, +html[data-theme="win95"] .cc-panel-title{ + color:#000; +} +html[data-theme="win95"] .cc-kicker, +html[data-theme="win95"] .muted, +html[data-theme="win95"] .page-subtitle, +html[data-theme="win95"] .meta-label, +html[data-theme="win95"] .section-label{ + color:#000; + opacity:.75; +} + +/* Tables */ +html[data-theme="win95"] table{ border-collapse:collapse; } +html[data-theme="win95"] th, +html[data-theme="win95"] td{ + border:1px solid var(--w95-shadow); + background:#DFDFDF; + color:#000; +} + +/* ---------- Inputs ---------- */ +html[data-theme="win95"] .search-input, +html[data-theme="win95"] .form-control, +html[data-theme="win95"] .login-input, +html[data-theme="win95"] .tool-input, +html[data-theme="win95"] textarea{ + background:#fff; + color:#000; + border:2px solid var(--w95-face); + border-top-color:var(--w95-light); + border-left-color:var(--w95-light); + border-right-color:var(--w95-shadow); + border-bottom-color:var(--w95-shadow); + border-radius:0; + box-shadow:none; +} +html[data-theme="win95"] .search-input:focus, +html[data-theme="win95"] .form-control:focus, +html[data-theme="win95"] .login-input:focus, +html[data-theme="win95"] .tool-input:focus{ + outline: 1px dotted #000; +} + +/* ---------- Pills & Chips ---------- */ +html[data-theme="win95"] .check-pill, +html[data-theme="win95"] .chip, +html[data-theme="win95"] .chip-link, +html[data-theme="win95"] .chip-muted{ + background:var(--w95-face); + color:#000; + border:1px solid var(--w95-shadow); + border-radius:0; +} + +/* ---------- Buttons ---------- */ +html[data-theme="win95"] .btn{ + background:var(--w95-face); + color:#000; + border:2px solid var(--w95-face); + border-top-color:var(--w95-light); + border-left-color:var(--w95-light); + border-right-color:var(--w95-shadow); + border-bottom-color:var(--w95-shadow); + border-radius:0; + padding:6px 12px; + box-shadow: inset -1px -1px 0 var(--w95-dark); + cursor: default; +} +html[data-theme="win95"] .btn:active{ + border-top-color:var(--w95-shadow); + border-left-color:var(--w95-shadow); + border-right-color:var(--w95-light); + border-bottom-color:var(--w95-light); + box-shadow: inset 1px 1px 0 var(--w95-dark); +} +html[data-theme="win95"] .btn-danger{ color:#8B0000; } + +/* ---------- Menus ---------- */ +html[data-theme="win95"] .user-menu .menu-item, +html[data-theme="win95"] .mobile-link{ + color:#000; + border-radius:0; +} +html[data-theme="win95"] .user-menu .menu-item:hover, +html[data-theme="win95"] .mobile-link:hover{ + background:var(--w95-blue); + color:#fff; +} + +/* ---------- Messages ---------- */ +html[data-theme="win95"] .msg{ + background:#DFDFDF; + color:#000; + border:2px solid var(--w95-face); + border-top-color:var(--w95-light); + border-left-color:var(--w95-light); + border-right-color:var(--w95-shadow); + border-bottom-color:var(--w95-shadow); + border-radius:0; +} +html[data-theme="win95"] .msg.info { background:#eaf2ff; border-color:#8aaad6; color:#003366; } +html[data-theme="win95"] .msg.success { background:#e8f5e8; border-color:#6aa86a; color:#104010; } +html[data-theme="win95"] .msg.warning { background:#fff7e0; border-color:#d4b96a; color:#5a4100; } +html[data-theme="win95"] .msg.error { background:#fff0f0; border-color:#cc6666; color:#7a1d1d; } + +/* ---------- Links ---------- */ +html[data-theme="win95"] a{ color:#0000EE; } +html[data-theme="win95"] a:hover{ color:#551A8B; text-decoration: underline; } + +/* ---------- Command Center ---------- */ +html[data-theme="win95"] .settings-console .sec-tile{ + background:var(--w95-face); + color:#000; + border:2px solid var(--w95-face); + border-top-color:var(--w95-light); + border-left-color:var(--w95-light); + border-right-color:var(--w95-shadow); + border-bottom-color:var(--w95-shadow); + border-radius:0; +} +html[data-theme="win95"] .settings-console .sec-tile:hover{ + background:#DFDFDF; +} +html[data-theme="win95"] .settings-console .sec-icon{ + background:#DFDFDF; + color:#000; + border:1px solid var(--w95-shadow); + border-right-color:#fff; + border-bottom-color:#fff; + border-radius:0; +} +html[data-theme="win95"] .settings-console .swatch{ + border-radius:0; +} + +/* ---------- Highlights & Validation ---------- */ +html[data-theme="win95"] .mark-hit { + background: #ffff88; + color: #000; + padding: 0 2px; + border: 1px solid #c0c0c0; +} +html[data-theme="win95"] .form-control.scripture-valid, +html[data-theme="win95"] .search-input.scripture-valid { + border: 2px inset #008000; + background: #e8f5e8; +} +html[data-theme="win95"] .form-control.scripture-invalid, +html[data-theme="win95"] .search-input.scripture-invalid { + border: 2px inset #a00000; + background: #fff0f0; +} +html[data-theme="win95"] .scripture-pill-invalid { + background: #ffeaea; + border: 2px outset #cc6666; + color: #7a1d1d; +} +html[data-theme="win95"] .scripture-pill-wol { + background: #e8f4ff; + border: 2px outset #8aaad6; + color: #003366; +} +html[data-theme="win95"] a.chip:hover, +html[data-theme="win95"] .chip-link:hover { + filter: brightness(0.96); + outline: 1px dotted #000; + outline-offset: 1px; +} + +/* ---------- Misc ---------- */ +html[data-theme="win95"] .topbar-wrap.is-scrolled{ + box-shadow:none; + border-bottom-color:#000; +} + +/* ===== Win95 • Beta Neon ===== */ +html[data-theme="win95-beta-neon"] { --w95-blue:#002f6c; } +html[data-theme="win95-beta-neon"] body{ + background: + linear-gradient(135deg, rgba(0,0,0,.02), rgba(0,0,0,.02)), + url("data:image/svg+xml;utf8,\ +\ +\ +\ + \ + \ + \ +\ +\ +\ +BETA BETA BETA BETA\ +BETA BETA BETA BETA\ +") repeat; + background-size: 420px 260px; +} \ No newline at end of file