use appearance attributes for docs header

This commit is contained in:
lindsaym-fa
2024-06-13 23:21:27 -04:00
parent 5c0013e74f
commit b189696ac5

View File

@@ -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>