/** * phpMyFAQ 4.0 default theme * * This Source Code Form is subject to the terms of the Mozilla Public License, * v. 2.0. If a copy of the MPL was not distributed with this file, You can * obtain one at https://mozilla.org/MPL/2.0/. * * @package phpMyFAQ * @author Thorsten Rinne * @copyright 2024-2025 phpMyFAQ Team * @license https://www.mozilla.org/MPL/2.0/ Mozilla Public License Version 2.0 * @link https://www.phpmyfaq.de * @since 2024-09-01 */ /* Font -Atkinson Hyperlegible Next- from Braille Institute for high-contrast mode to achieve better A11y */ @font-face { font-family: 'Atkinson Hyperlegible Next'; src: url('../../fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 200 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Atkinson Hyperlegible Next'; src: url('../../fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 200 800; font-style: italic; font-display: swap; } :root, [data-bs-theme='light'] { --bs-light: #eceff9; --bs-dark: #060508; --bs-primary: #083c83; --bs-secondary: #1d646a; --bs-info: #40b0ae; --bs-success: #0aa05c; --bs-warning: #e1ca0a; --bs-danger: #f01704; --bs-pmf-nav: #2f3035; --bs-pmf-footer: #142f48; --bs-pmf-background: #9eb6c9; /* Bootstrap body variables for light mode */ --bs-body-bg: #ffffff; --bs-body-color: #212529; } [data-bs-theme='dark'] { --bs-light: #eceff9; --bs-dark: #060508; --bs-primary: #083c83; --bs-secondary: #1d646a; --bs-info: #40b0ae; --bs-success: #0aa05c; --bs-warning: #e1ca0a; --bs-danger: #f01704; --bs-pmf-nav: #2f3035; --bs-pmf-footer: #142f48; --bs-pmf-background: #9eb6c9; /* Bootstrap body variables for dark mode */ --bs-body-bg: var(--bs-dark); --bs-body-color: var(--bs-light); } [data-bs-theme='high-contrast'] { --bs-light: #ffffff; --bs-dark: #000000; --bs-primary: #ffff00; --bs-secondary: #00ffff; --bs-info: #00ffff; --bs-success: #00ff00; --bs-warning: #ffff00; --bs-danger: #ff0000; --bs-pmf-nav: #000000; --bs-pmf-footer: #000000; --bs-pmf-background: #000000; /* Bootstrap body variables for high contrast mode */ --bs-body-bg: #000000; --bs-body-color: #ffffff; --bs-border-color: #ffffff; --bs-link-color: #ffff00; --bs-link-hover-color: #ffff66; /* Individual high-contrast adjustments */ body { font-family: 'Atkinson Hyperlegible Next' !important; font-size: 1.3rem; font-optical-sizing: auto; font-weight: 800; font-style: normal; } }