Merge pull request #21452 from overleaf/mf-fix-bs5-navbar

[web] Add missing css rules for the `primary` navbar link item style

GitOrigin-RevId: a1e2428f994af52c8af01371eca39cc16526566c

services/web/frontend/stylesheets/bootstrap-5/components/nav.scss

@@ -33,6 +33,13 @@
   --navbar-subdued-hover-bg: var(--white);
   --navbar-subdued-hover-color: var(--green-50);
 
+  // Properties of "primary" items
+  --navbar-primary-color: var(--white);
+  --navbar-primary-border-color: var(--green-50);
+  --navbar-primary-bg: var(--green-50);
+  --navbar-primary-hover-bg: var(--green-60);
+  --navbar-primary-hover-border-color: var(--navbar-primary-hover-bg);
+
   // Links
   --navbar-link-color: var(--white);
   --navbar-link-border-color: var(--navbar-link-color);

services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss

@@ -84,6 +84,19 @@
           background-color: var(--navbar-subdued-hover-bg);
         }
       }
+
+      &.primary > .nav-link {
+        color: var(--navbar-primary-color);
+        background-color: var(--navbar-primary-bg);
+        border-color: var(--navbar-primary-border-color);
+
+        &.show,
+        &:hover,
+        &:focus {
+          background-color: var(--navbar-primary-hover-bg);
+          border-color: var(--navbar-primary-hover-border-color);
+        }
+      }
     }
   }