diff --git a/kjvstudy_org/static/style.css b/kjvstudy_org/static/style.css index 5f6fc53..862fe84 100644 --- a/kjvstudy_org/static/style.css +++ b/kjvstudy_org/static/style.css @@ -2486,3 +2486,69 @@ label.sidenote-number { -moz-user-select: none; -ms-user-select: none; } + +/* ========================================================================== + Shared Large Font Mode Rules + ========================================================================== */ + +[data-font-size="large"] .intro-text, +[data-font-size="large"] .topic-overview, +[data-font-size="large"] .plan-overview, +[data-font-size="large"] .parable-description, +[data-font-size="large"] .resource-description { + font-size: 1.5rem; +} + +[data-font-size="large"] .verse-ref { + font-size: 1.3rem; +} + +[data-font-size="large"] .verse-text { + font-size: 1.3rem; +} + +[data-font-size="large"] .verse-note { + font-size: 1.1rem; +} + +[data-font-size="large"] .print-btn, +[data-font-size="large"] .action-btn, +[data-font-size="large"] .guide-download-btn { + font-size: 1.1rem; + padding: 0.55rem 1.1rem; +} + +[data-font-size="large"] .category-description { + font-size: 1.2rem; +} + +/* ========================================================================== + Shared Dark Mode Rules + ========================================================================== */ + +[data-theme="dark"] .words-of-christ { + color: #ff6b6b; +} + +[data-theme="dark"] .section-card { + background: #1a1a1a; + border-color: #333; +} + +[data-theme="dark"] .section-card h2 { + color: #e0e0e0; + border-bottom-color: #333; +} + +[data-theme="dark"] .person-card-name { + color: #e0e0e0; +} + +[data-theme="dark"] .person-card-verse { + color: #888; +} + +[data-theme="dark"] .nav-paragraph.selected { + outline-color: #6b9b7a; + background: rgba(107, 155, 122, 0.1); +} diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html index b18352e..8f83d52 100644 --- a/kjvstudy_org/templates/base.html +++ b/kjvstudy_org/templates/base.html @@ -495,65 +495,7 @@ font-size: 2.4rem; } - /* Shared large font rules for common classes across templates */ - [data-font-size="large"] .intro-text, - [data-font-size="large"] .topic-overview, - [data-font-size="large"] .plan-overview, - [data-font-size="large"] .parable-description, - [data-font-size="large"] .resource-description { - font-size: 1.5rem; - } - - [data-font-size="large"] .verse-ref { - font-size: 1.3rem; - } - - [data-font-size="large"] .verse-text { - font-size: 1.3rem; - } - - [data-font-size="large"] .verse-note { - font-size: 1.1rem; - } - - [data-font-size="large"] .print-btn, - [data-font-size="large"] .action-btn, - [data-font-size="large"] .guide-download-btn { - font-size: 1.1rem; - padding: 0.55rem 1.1rem; - } - - [data-font-size="large"] .category-description { - font-size: 1.2rem; - } - - /* Shared dark mode rules for common classes across templates */ - [data-theme="dark"] .words-of-christ { - color: #ff6b6b; - } - - [data-theme="dark"] .section-card { - background: #1a1a1a; - border-color: #333; - } - - [data-theme="dark"] .section-card h2 { - color: #e0e0e0; - border-bottom-color: #333; - } - - [data-theme="dark"] .person-card-name { - color: #e0e0e0; - } - - [data-theme="dark"] .person-card-verse { - color: #888; - } - - [data-theme="dark"] .nav-paragraph.selected { - outline-color: #6b9b7a; - background: rgba(107, 155, 122, 0.1); - } + /* Shared large font and dark mode rules are in style.css */ .breadcrumb a { color: var(--link-color);