Navbar download button - changed styling to a darker button

#3333
This will draw more attention to the downloads button in the navbar.

Created - new css button class for a dark button that has yellow accents and is semi rounded pill.
Applied this new class to the download button.

Signed-off-by: kaimmej <[email protected]>

Author: kaimmej

_includes/navbar.html

@@ -137,9 +137,10 @@ <h2 class="accordion-header row">
 
 
                 <div class=" my-auto pt-2 pb-2 mx-3">
-                    <a class="btn top-nav-button btn-outline-primary my-1 py-1" href="/downloads.html" aria-current="Download">Download OpenSearch</a>
+                    <a class="btn-primary-dark btn   my-1 py-1" href="/downloads.html" aria-current="Download">Download OpenSearch</a>
                 </div>
 
+
                 <div class="accordion-header my-auto mx-auto">
                     <button class="btn accordion-button nav-search-icon collapsed my-auto p-0 rounded-circle" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent-Search" aria-controls="navbarToggleExternalContent-Search" aria-current="Toggle navigation Search" aria-expanded="false" >
                         {% include icons_navbar.html type='search-magnifying-glass-navbar' %}

_sass/_navbar.scss

@@ -82,6 +82,42 @@
 } 
 
 
+
+
+
+.btn-primary-dark {
+
+    --bs-btn-padding-y: 15px;
+    --bs-btn-padding-x: 25px;
+    background-color: $primary-open-sky-s1;
+    border-radius: 0px;
+    color: $secondary-sanfrancisco-fog-t1;
+    
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    border-radius: 30px;
+
+    --bs-btn-active-color: $secondary-golden-poppy;
+    --bs-btn-active-bg:$primary-open-sky-s3;
+
+    &:active {
+        background-color: $primary-open-sky-s3;
+        color: $secondary-golden-poppy; 
+    }
+    &:hover {
+        background-color: $primary-open-sky-s3;
+    }
+    &:visited {
+        color: $secondary-sanfrancisco-fog-t1;
+    }
+}
+
+
+
+
+
+
 .button-dark {
     // --bs-btn-color: $secondary-sanfrancisco-fog-t1;
     --bs-btn-padding-y: 15px;