html[data-theme="high-contrast"] #topbar {
    --color-bg: #000000;
    --color-bg-alt: #ffffff;
    --color-text: #ffffff;
    --color-link-outline: #000000;
}

html[data-theme="high-contrast"] #topbar > #topbar-top,
html[data-theme="high-contrast"] #topbar > #topbar-top > .panel-wrapper {
    --color-bg: #000000;
    --color-bg-alt: #ffffff;
    --color-text: #ffffff;
}

html[data-theme="high-contrast"] #topbar > #topbar-links {
    color: #000000;
    border-bottom: 2px solid #000000;
}

html[data-theme="high-contrast"] #topbar[data-style="default"] > #topbar-top > .panel-wrapper > .panel-button:hover {
    color: #000000 !important;
}

html[data-theme="high-contrast"] #topbar[data-style="default"] > #topbar-links:focus-within > ul {
    background-color: var(--color-light-accent);
}