Set nav menu and page toc fill flat.

Author: koculu

packages/ts-components/src/standard/navMenu/navMenu.ts

@@ -80,7 +80,7 @@ const navListTemplate = html`<ul class="nav__list">
 </ul>`
 
 const navMenuTemplate = html`<nav
-  class="nav__menu tone-fill-surface tone-border-surface tone-text-surface tone--neutral"
+  class="nav__menu tone-fill-flat tone-border-surface tone-text-surface tone--neutral"
   :class="toneClass"
   :data-nav-root="navRoot"
   aria-label="Site navigation"
@@ -126,7 +126,9 @@ const navMenuTemplate = html`<nav
   </div>
   <NavList :items="items"></NavList>
   <SearchBox r-if="searchEnabled" class="nav__search mt-1"/>
-  <script>window.tsSsgNavMenu?.hydrate(document.currentScript?.parentElement)</script>
+  <script>
+    window.tsSsgNavMenu?.hydrate(document.currentScript?.parentElement)
+  </script>
 </nav>`
 
 function resolveNavItems(context?: TsSsgContext): NavItem[] {

packages/ts-components/src/standard/pageToc/pageToc.ts

@@ -16,7 +16,7 @@ export interface PageTocItem extends PageOutlineItem {
 }
 
 const pageTocTemplate = html`<nav
-  class="page-toc tone-fill-surface tone-border-surface tone-text-surface"
+  class="page-toc tone-fill-flat tone-border-surface tone-text-surface"
   :class="toneClass"
   aria-label="On this page"
 >