Follow up changes to universal nav bar and adjustment of brand color according to CD (#150)

Author: xeniape

src/css/universal-nav.css

@@ -94,18 +94,6 @@
   background: var(--universal-nav-accent-current);
 }
 
-.universal-nav__dot--site {
-  background: var(--universal-nav-accent-site);
-}
-
-.universal-nav__dot--docs {
-  background: var(--universal-nav-accent-docs);
-}
-
-.universal-nav__dot--hub {
-  background: var(--universal-nav-accent-hub);
-}
-
 .universal-nav__icon {
   display: inline-flex;
   align-items: center;
@@ -221,6 +209,11 @@
   height: 9px;
   border-radius: 50%;
   flex: none;
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.universal-nav__sheet-row.is-current .universal-nav__sheet-dot {
+  background: var(--universal-nav-accent-current);
 }
 
 .universal-nav__sheet-text {

src/css/vars.css

@@ -5,8 +5,8 @@
   --color-smoke-70: #e8edf4;
   --color-gray-10: #c1c1c1;
   --color-gray-30: #8e8e8f;
-  --color-brand-primary: #1880bd;
-  --color-brand-secondary: #b80069;
+  --color-brand-primary: #1680bd;
+  --color-brand-secondary: #b80068;
   --color-text: #182c3d;
   --color-text-semi-muted: #6d7c8b;
   --color-text-muted: #afbbc8;
@@ -52,9 +52,6 @@
   --universal-nav-duration-fast: 160ms;
   --universal-nav-duration-med: 220ms;
   --universal-nav-accent-current: #d4107d;
-  --universal-nav-accent-site: var(--color-brand-secondary);
-  --universal-nav-accent-docs: var(--color-brand-primary);
-  --universal-nav-accent-hub: #3d5266;
   /* nav */
   --nav-background: var(--color-white);
   --nav-border-color: var(--panel-background);

src/partials/universal-nav.hbs

@@ -29,7 +29,7 @@
     <a class="universal-nav__icon" href="https://github.com/stackabletech" target="_blank" rel="noopener" aria-label="Stackable on GitHub">
       <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56v-2c-3.2.7-3.87-1.36-3.87-1.36-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.68 1.25 3.33.96.1-.75.4-1.25.73-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.18-3.1-.12-.29-.51-1.46.11-3.04 0 0 .97-.31 3.18 1.18a11 11 0 015.79 0c2.21-1.49 3.18-1.18 3.18-1.18.62 1.58.23 2.75.11 3.04.74.81 1.18 1.84 1.18 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14v3.17c0 .31.21.68.8.56C20.21 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"/></svg>
     </a>
-    <a class="universal-nav__cta" href="https://stackable.tech">Get started (free)</a>
+    <a class="universal-nav__cta" href="https://stackable.tech/en/first-steps/">Get started (free)</a>
 
     <button type="button" class="universal-nav__disclosure" aria-expanded="false" aria-controls="universal-nav-sheet">
       <span class="universal-nav__dot" aria-hidden="true"></span>
@@ -42,30 +42,30 @@
   <div id="universal-nav-sheet" class="universal-nav__sheet" hidden>
     <nav aria-label="Switch Stackable property">
       <a class="universal-nav__sheet-row" href="https://stackable.tech">
-        <span class="universal-nav__sheet-dot universal-nav__dot--site" aria-hidden="true"></span>
+        <span class="universal-nav__sheet-dot" aria-hidden="true"></span>
         <span class="universal-nav__sheet-text">
           <span class="universal-nav__sheet-name">Stackable</span>
           <span class="universal-nav__sheet-host">stackable.tech</span>
         </span>
         <span class="universal-nav__ext" aria-hidden="true">{{> universal-nav-icon-external}}</span>
       </a>
       <a class="universal-nav__sheet-row is-current" href="https://docs.stackable.tech" aria-current="page">
-        <span class="universal-nav__sheet-dot universal-nav__dot--docs" aria-hidden="true"></span>
+        <span class="universal-nav__sheet-dot" aria-hidden="true"></span>
         <span class="universal-nav__sheet-text">
           <span class="universal-nav__sheet-name">Documentation</span>
           <span class="universal-nav__sheet-host">docs.stackable.tech</span>
         </span>
         <span class="universal-nav__here">You are here</span>
       </a>
       <a class="universal-nav__sheet-row" href="https://hub.stackable.tech">
-        <span class="universal-nav__sheet-dot universal-nav__dot--hub" aria-hidden="true"></span>
+        <span class="universal-nav__sheet-dot" aria-hidden="true"></span>
         <span class="universal-nav__sheet-text">
           <span class="universal-nav__sheet-name">Hub</span>
           <span class="universal-nav__sheet-host">hub.stackable.tech</span>
         </span>
         <span class="universal-nav__ext" aria-hidden="true">{{> universal-nav-icon-external}}</span>
       </a>
     </nav>
-    <a class="universal-nav__cta universal-nav__sheet-cta" href="https://stackable.tech">Get started (free)</a>
+    <a class="universal-nav__cta universal-nav__sheet-cta" href="https://stackable.tech/en/first-steps/">Get started (free)</a>
   </div>
 </div>