ux: update dropdown dark mode (20eb2a22) · Commits · hugo / Doks

assets/scss/common/_dark.scss

+15 −4

Original line number	Diff line number	Diff line
		@@ -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 {