console

public/assets/css/app.css

@@ -136,7 +136,8 @@ body {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
-  background-color: #ffffff !important;
+  background-color: var(--panel) !important;
+  background: var(--panel) !important;
   background-image: none !important;
   opacity: 1 !important;
   backdrop-filter: none !important;
@@ -147,6 +148,35 @@ body {
 }
 .module-subnav.card { background-color: var(--panel); background-image: none; }
 
+.nav-dropdown {
+  position: relative;
+  display: inline-flex;
+}
+.nav-link-button {
+  border: 1px solid transparent;
+  background: transparent;
+  cursor: pointer;
+}
+.nav-dropdown-menu {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  min-width: 180px;
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+  padding: 6px;
+  display: none;
+  z-index: 10;
+}
+.nav-dropdown:hover .nav-dropdown-menu,
+.nav-dropdown:focus-within .nav-dropdown-menu {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
 .layout-body {
   display: grid;
   grid-template-columns: 1fr;