diff --git a/kjvstudy_org/templates/verse.html b/kjvstudy_org/templates/verse.html index bfc6921..fecb720 100644 --- a/kjvstudy_org/templates/verse.html +++ b/kjvstudy_org/templates/verse.html @@ -434,11 +434,100 @@ text-decoration: underline; } -@media (max-width: 768px) { - .interlinear-container summary::after { - display: none; +/* Dark mode for interlinear */ +[data-theme="dark"] .word-original { + color: #eee; +} + +[data-theme="dark"] .word-unit:hover .word-original { + color: #fff; +} + +[data-theme="dark"] .word-unit:hover { + background: #2a2a2a; + border-color: #444; +} + +[data-theme="dark"] .word-unit.expanded { + background: #1a2e1a; + border-color: #4a7c59; +} + +[data-theme="dark"] .word-detail { + background: #222; + border-color: #444; +} + +[data-theme="dark"] .word-detail-original { + color: #eee; +} + +[data-theme="dark"] .word-detail-value { + color: #ddd; +} + +[data-theme="dark"] .word-detail-definition { + color: #bbb; + border-top-color: #444; +} + +[data-theme="dark"] .word-detail-header { + border-bottom-color: #444; +} + +[data-theme="dark"] .interlinear-heading { + color: #ddd; + border-bottom-color: #444; +} + +@media (prefers-color-scheme: dark) { + .word-original { + color: #eee; } + .word-unit:hover .word-original { + color: #fff; + } + + .word-unit:hover { + background: #2a2a2a; + border-color: #444; + } + + .word-unit.expanded { + background: #1a2e1a; + border-color: #4a7c59; + } + + .word-detail { + background: #222; + border-color: #444; + } + + .word-detail-original { + color: #eee; + } + + .word-detail-value { + color: #ddd; + } + + .word-detail-definition { + color: #bbb; + border-top-color: #444; + } + + .word-detail-header { + border-bottom-color: #444; + } + + .interlinear-heading { + color: #ddd; + border-bottom-color: #444; + } +} + +@media (max-width: 768px) { .interlinear-flow { line-height: 4.5; }