From 9c4e4a22801f88e184a32982f7b0d194e31df5f5 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Tue, 17 Dec 2024 11:57:32 -0500
Subject: [PATCH] =?UTF-8?q?Use=20`appearance`=20for=20alpha=20badge=20?=
 =?UTF-8?q?=F0=9F=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/_includes/base.njk     | 2 +-
 docs/assets/styles/docs.css | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/docs/_includes/base.njk b/docs/_includes/base.njk
index 24d3c80cc..987d6e35f 100644
--- a/docs/_includes/base.njk
+++ b/docs/_includes/base.njk
@@ -98,7 +98,7 @@
             <span class="only-mobile">{% include "logo-simple.njk" %}</span>
           </a>
           <small id="version-number" class="only-desktop">{{ package.version }}</small>
-          <wa-badge variant="warning" class="only-desktop">Alpha</wa-badge>
+          <wa-badge variant="warning" appearance="tinted" class="only-desktop">Alpha</wa-badge>
         </div>
 
         <div id="docs-toolbar">
diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 2eb6967ea..13adb0761 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -76,8 +76,6 @@ wa-page > header {
     margin-block-start: var(--wa-space-2xs);
   }
   #version-number + wa-badge {
-    --background-color: var(--wa-color-warning-fill-quiet);
-    --text-color: var(--wa-color-warning-on-quiet);
     font-size: var(--wa-font-size-2xs);
     text-transform: uppercase;
   }