diff --git a/static/css/color-theme.css b/static/css/color-theme.css index a7e8b64..46e1194 100644 --- a/static/css/color-theme.css +++ b/static/css/color-theme.css @@ -199,6 +199,12 @@ box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); } +/* At-bottom state - unified orange for all theme modes */ +.color-theme-switcher.at-bottom { + opacity: 1; + background: #f39c12 !important; /* Orange when at bottom */ +} + .color-theme-switcher iconify-icon { color: white !important; transition: color 0.3s ease; diff --git a/static/css/main.css b/static/css/main.css index 23a57bc..c89874a 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -4147,6 +4147,11 @@ html { color: #27ae60; /* Green icon on hover */ } +.print-friendly-btn.at-bottom { + opacity: 1; + background: #f39c12; /* Orange when at bottom */ +} + /* Download Button (TOP POSITION) */ .download-btn { position: fixed; @@ -4190,6 +4195,11 @@ html { filter: brightness(0) invert(1); /* Keep white on hover */ } +.download-btn.at-bottom { + opacity: 1; + background: #f39c12; /* Orange when at bottom */ +} + /* Mobile adjustments */ @media (max-width: 768px) { .shortcuts-btn { diff --git a/static/hyperscript/utils._hs b/static/hyperscript/utils._hs index 946e5f8..0bd2847 100644 --- a/static/hyperscript/utils._hs +++ b/static/hyperscript/utils._hs @@ -114,12 +114,18 @@ def handleScroll() add .at-bottom to #back-to-top add .at-bottom to #info-button add .at-bottom to #shortcuts-button + add .at-bottom to #download-button + add .at-bottom to #print-friendly-button + add .at-bottom to .color-theme-switcher end if not isAtBottom remove .at-bottom from #back-to-top remove .at-bottom from #info-button remove .at-bottom from #shortcuts-button + remove .at-bottom from #download-button + remove .at-bottom from #print-friendly-button + remove .at-bottom from .color-theme-switcher end -- Update last scroll position