diff --git a/web/static/themes/win95.css b/web/static/themes/win95.css index 9dec6b4..d5c7b0a 100644 --- a/web/static/themes/win95.css +++ b/web/static/themes/win95.css @@ -257,4 +257,58 @@ html[data-theme="win95"] .topbar-wrap.is-scrolled{ box-shadow:none; border-bottom-color:#000; } -/* keep Classic’s .themed-bg separate; win95 doesn’t use it */ \ No newline at end of file +/* keep Classic’s .themed-bg separate; win95 doesn’t use it */ + +/* =============================== + Windows 95 — validation & highlights + =============================== */ + +/* Search term highlights */ +html[data-theme="win95"] .mark-hit { + background: #ffff88; /* Win95-ish yellow highlight */ + color: #000; + padding: 0 2px; + border: 1px solid #c0c0c0; /* subtle pixel border */ +} + +/* Inputs validated by scripture-validator */ +html[data-theme="win95"] .form-control.scripture-valid, +html[data-theme="win95"] .search-input.scripture-valid { + border: 2px inset #008000; /* green “OK” frame */ + background: #e8f5e8; +} + +html[data-theme="win95"] .form-control.scripture-invalid, +html[data-theme="win95"] .search-input.scripture-invalid { + border: 2px inset #a00000; /* Win95 red tone */ + background: #fff0f0; /* pale red fill */ +} + +/* Scripture/Source pills when invalid */ +html[data-theme="win95"] .scripture-pill-invalid { + background: #ffeaea; /* pale red like you had */ + border: 2px outset #cc6666; /* 3D “raised” error chip */ + color: #7a1d1d; +} + +/* Scripture/Source pills when WOL-valid (kept subtle) */ +html[data-theme="win95"] .scripture-pill-wol { + background: #e8f4ff; + border: 2px outset #8aaad6; + color: #003366; + text-decoration: none; +} + +/* Hover affordance for all chips in Win95 */ +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; +} + +/* Message tones (info/success/warn/error) to match Win95 palette */ +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; } \ No newline at end of file