From b189696ac572792d5820ddf02808129088dab994 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Thu, 13 Jun 2024 23:21:27 -0400
Subject: [PATCH] use appearance attributes for docs header

---
 docs/_includes/base.njk | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_includes/base.njk b/docs/_includes/base.njk
index e32ff1af5..7212cbdfa 100644
--- a/docs/_includes/base.njk
+++ b/docs/_includes/base.njk
@@ -60,7 +60,7 @@
         <div id="docs-toolbar">
           {# Color scheme selector #}
           <wa-dropdown id="color-scheme-selector">
-            <wa-button slot="trigger" size="small" pill caret title="Press \ to toggle">
+            <wa-button slot="trigger" appearance="tinted" size="small" pill caret title="Press \ to toggle">
               <wa-icon class="only-light" slot="prefix" name="sun" variant="regular"></wa-icon>
               <wa-icon class="only-dark" slot="prefix" name="moon" variant="regular"></wa-icon>
               <span class="only-light">Light</span>
@@ -75,7 +75,7 @@
           </wa-dropdown>
 
           {# Search #}
-          <wa-button id="search-trigger" outline size="small" data-search>
+          <wa-button id="search-trigger" appearance="outline" size="small" data-search>
             <wa-icon slot="prefix" name="magnifying-glass"></wa-icon>
             Search
             <kbd slot="suffix">/</kbd>