Update web/static/themes/win95.css

This commit is contained in:
Joshua Laymon 2025-09-06 17:43:37 +00:00
parent 923d6ba47f
commit 70f7ee06fe

View File

@ -258,3 +258,57 @@ html[data-theme="win95"] .topbar-wrap.is-scrolled{
border-bottom-color:#000; border-bottom-color:#000;
} }
/* keep Classics .themed-bg separate; win95 doesnt use it */ /* keep Classics .themed-bg separate; win95 doesnt 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; }