diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 7608aa4..4694fd5 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -528,20 +528,31 @@ $navbar-dark-active-color: $link-color-dark; } } -[data-dark-mode] .dropdown-menu.dropdown-menu-main { +[data-dark-mode] .dropdown-menu { background: $body-overlay-dark; } -[data-dark-mode] .dropdown-menu-main .dropdown-item { +[data-dark-mode] .dropdown-menu .dropdown-item { color: $body-color-dark; } -[data-dark-mode] .dropdown-menu-main .dropdown-item:hover { +[data-dark-mode] .dropdown-menu .dropdown-item:hover { color: $link-color-dark; + background: $body-bg-dark; } -[data-dark-mode] .dropdown-menu-main .dropdown-item.active { +[data-dark-mode] .dropdown-menu .dropdown-item.active, +[data-dark-mode] .dropdown-menu .dropdown-item:focus { color: $link-color-dark; + background: $body-bg-dark; +} + +[data-dark-mode] .doks-navbar .dropdown-item.current, +[data-dark-mode] .doks-subnavbar .dropdown-item.current { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23dee2e6' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 1rem top 0.6rem; + background-size: 0.75rem 0.75rem; } [data-dark-mode] details {