From 20eb2a22fda914726067c4e5c0b8b79d9ab5b4ec Mon Sep 17 00:00:00 2001
From: Henk Verlinde <henk@ventizo.com>
Date: Wed, 30 Mar 2022 11:50:17 +0200
Subject: [PATCH] ux: update dropdown dark mode

---
 assets/scss/common/_dark.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

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 {