docs(navigation-secondary): add dark background to content for dark v…

…ariant demo
RedHat-UX · Oct 26, 2023 · 3954d54 · 3954d54
1 parent 19a9611
commit 3954d54
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/elements/rh-navigation-secondary/demo/dark-variant.html b/elements/rh-navigation-secondary/demo/dark-variant.html
@@ -180,6 +180,7 @@ <h2 >Content Placeholder</h2>
     display: contents;
   }
 
+  /* dark variant must be on a dark background as per design spec */
   [data-demo="rh-navigation-secondary"] {
     padding: 0;
   }
@@ -188,6 +189,12 @@ <h2 >Content Placeholder</h2>
   #space-holder {
     min-height: 101vh;
     padding: var(--_text-padding, var(--rh-space-lg, 16px));
+    background-color: var(--rh-color-surface-darker, #1f1f1f);
+    color: var(--rh-color-text-primary-on-dark, #ffffff);
+  }
+
+  #space-holder a {
+    color: var(--rh-color-accent-base-on-dark, #73bcf7);
   }
 
   @media screen and (min-width: 768px) {