docs: Make navbar a little more visible in light mode

reactive · Sep 24, 2023 · 1a3ccf8 · 1a3ccf8
1 parent e7de49f
commit 1a3ccf8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/website/src/components/Playground/styles.module.css b/website/src/components/Playground/styles.module.css
@@ -414,6 +414,8 @@ div.fixtureJson {
   }
   .row.playgroundContainer > div:first-child {
     border-bottom-left-radius: 0;
+    border-top-right-radius: var(--ifm-global-radius);
+
   }
   .playgroundContainer .playgroundHeader.tabControls:first-of-type {
     border-top-right-radius: var(--ifm-global-radius);
@@ -427,6 +429,8 @@ div.fixtureJson {
   }
   .row.playgroundContainer > div:first-child {
     border-bottom-left-radius: 0;
+    border-top-right-radius: var(--ifm-global-radius);
+
   }
   .playgroundContainer .playgroundHeader.tabControls:first-of-type {
     border-top-right-radius: var(--ifm-global-radius);

diff --git a/website/src/css/root.css b/website/src/css/root.css
@@ -17,6 +17,7 @@ html[data-theme='light'] {
   --ifm-hero-fade-to-background-color: #fff;
   --ifm-link-color: var(--ifm-color-primary-dark);
   --ifm-color-secondary: #ebedf0;
+  --ifm-navbar-link-color: black;
 }
 :root {
   --ifm-color-primary-lightest: hsl(206, 69%, 81%);