| /* Custom styles for the Apache footer */ | |
| .apache-footer { | |
| background-color: var(--color-background-secondary) !important; | |
| color: var(--color-foreground-secondary) !important; | |
| padding: 1.5rem; | |
| margin-top: 2rem; | |
| border-top: 1px solid var(--color-background-border); | |
| } | |
| .apache-footer p { | |
| color: var(--color-foreground-secondary) !important; | |
| margin: 0.5rem 0; | |
| font-size: 0.9em; | |
| } | |
| .apache-footer a { | |
| color: var(--color-link) !important; | |
| text-decoration: none; | |
| border-bottom: 1px solid var(--color-link-underline); | |
| } | |
| .apache-footer a:hover { | |
| color: var(--color-link--hover) !important; | |
| border-bottom-color: var(--color-link-underline--hover); | |
| } | |
| /* Base styles that apply to all modes */ | |
| .apache-footer .apache-incubator-logo { | |
| width: 200px !important; | |
| height: auto !important; | |
| margin: 0 auto 1rem auto; | |
| display: block; | |
| } | |
| /* Light mode - make logo dark */ | |
| [data-theme="light"] .apache-footer .apache-incubator-logo { | |
| filter: invert(0.9) brightness(0.2) contrast(1.2); | |
| } | |
| /* Dark mode - use original colors */ | |
| [data-theme="dark"] .apache-footer .apache-incubator-logo { | |
| filter: none !important; | |
| } | |
| /* Override bottom page icons */ | |
| .bottom-of-page .icons svg { | |
| width: 1.5rem !important; | |
| height: 1.5rem !important; | |
| color: var(--color-foreground-muted) !important; | |
| } | |
| /* Dark mode overrides */ | |
| [data-theme="dark"] .apache-footer { | |
| background-color: var(--color-background-secondary) !important; | |
| } | |
| [data-theme="dark"] .apache-footer a { | |
| color: var(--color-link) !important; | |
| } |