update left navbar and masthead colors

Author: chrismoroney

assets/css/content-pages.css

@@ -5,10 +5,31 @@
     top:5px;
 }
 
+.left-nav-pane a.a-tab {
+    display: block;
+    line-height: 0;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+.left-nav-pane a.a-tab + a.a-tab {
+    margin-top: -1px !important;
+}
+
 
  /* Tab color on left */
- .tab-row {
+.left-nav-pane .tab-row {
     background-color: var(--arm-dark-grey);
+    display: flex;
+    gap: 0 !important;
+    line-height: normal;
+    margin: 0 !important;
+    padding: 0 !important;
+    row-gap: 0 !important;
+}
+
+.left-nav-pane a.a-tab + a.a-tab .tab-row {
+    margin-top: -1px !important;
 }
 html[theme='dark'] .tab-row {
     background-color: var(--arm-black); /* rgba(163, 168, 174,1); #2A2B2D; */
@@ -26,8 +47,11 @@ html[theme='dark'] .tab-row.active {
 .tab-right-card {
     border-style: solid;
     border-width: 1px;
+    box-sizing: border-box;
     width: 100%;
     margin-left: 10px;
+    margin-top: 0;
+    margin-bottom: 0;
 
     border-color: var(--arm-dark-grey);
     background-color: var(--arm-black);
@@ -61,6 +85,7 @@ html[theme='dark'] .tab-right-card > h6 {
 .tab-right-card-header {
     margin: 10px;
     font-size:1em;
+    line-height: 1.2;
 }
 
 /* Force a 2-line clamp for masthead title */
@@ -103,6 +128,7 @@ p.github-link        {
     margin-bottom: 0px;
 
     color: var(--arm-web-safe-blue);
+    line-height: 1.25;
     text-decoration: none;
 }
 
@@ -133,6 +159,16 @@ html[theme='dark'] div.github-div {
 
 }
 
+div.github-div > a {
+    display: block;
+    margin: 0;
+    padding: 0;
+}
+
+div.github-div > a + a {
+    margin-top: 8px;
+}
+
 
 
 /* Multi-tool page styling (like for docker)

assets/css/cross-page.css

@@ -254,8 +254,25 @@ ads-masthead {
 
 ads-breadcrumbs {
     --ads-breadcrumb-color: var(--lp-accent-secondary);
+    --ads-breadcrumb-current-color: white;
+    --ads-breadcrumb-hover-color: var(--lp-hover-text);
     --ads-breadcrumbs-link-color: var(--lp-accent-secondary);
+    --ads-breadcrumbs-link-color-hover: var(--lp-hover-text);
     --ads-breadcrumbs-link-color-visited: var(--lp-accent-secondary);
+    --ads-breadcrumbs-current-color: white;
+}
+
+#breadcrumb-element ads-breadcrumb[current] {
+    --ads-breadcrumb-color: white;
+    --ads-breadcrumb-current-color: white;
+    --ads-breadcrumbs-current-color: white;
+    color: white;
+}
+
+#breadcrumb-element ads-breadcrumb:not([current]):hover {
+    --ads-breadcrumb-color: var(--lp-hover-text);
+    --ads-breadcrumbs-link-color: var(--lp-hover-text);
+    color: var(--lp-hover-text);
 }