From 90c14172842e3b5aec390d2534bcbf3344daaf51 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 14 Jan 2025 15:24:12 -0500
Subject: [PATCH] Attempt to use tintless variables

---
 src/styles/color/bright.css      | 2 +-
 src/styles/color/rudimentary.css | 2 +-
 src/styles/themes/active.css     | 6 +++---
 src/styles/themes/awesome.css    | 2 +-
 src/styles/themes/tailspin.css   | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/styles/color/bright.css b/src/styles/color/bright.css
index 6a4949e51..28d7c6c0e 100644
--- a/src/styles/color/bright.css
+++ b/src/styles/color/bright.css
@@ -24,7 +24,7 @@
   --wa-color-yellow-20: #532600;
   --wa-color-yellow-10: #341500;
   --wa-color-yellow-05: #220c00;
-  --wa-color-yellow: var(--wa-color-yellow-60);
+  --wa-color-yellow: var(--wa-color-yellow-80);
 
   --wa-color-green-95: #e0fae4;
   --wa-color-green-90: #baf4c2;
diff --git a/src/styles/color/rudimentary.css b/src/styles/color/rudimentary.css
index a3cd5e076..4fd348faf 100644
--- a/src/styles/color/rudimentary.css
+++ b/src/styles/color/rudimentary.css
@@ -37,7 +37,7 @@
   --wa-color-green-20: #003b1c;
   --wa-color-green-10: #00230e;
   --wa-color-green-05: #001607;
-  --wa-color-green: var(--wa-color-green-70);
+  --wa-color-green: var(--wa-color-green-80);
 
   --wa-color-teal-95: #d1f9f1;
   --wa-color-teal-90: #a9f4e6;
diff --git a/src/styles/themes/active.css b/src/styles/themes/active.css
index 2f1c24605..22c227ade 100644
--- a/src/styles/themes/active.css
+++ b/src/styles/themes/active.css
@@ -33,7 +33,7 @@
    */
   --wa-color-brand-fill-quiet: var(--wa-color-green-95);
   --wa-color-brand-fill-normal: var(--wa-color-green-90);
-  --wa-color-brand-fill-loud: var(--wa-color-green-80);
+  --wa-color-brand-fill-loud: var(--wa-color-green);
   --wa-color-brand-border-quiet: var(--wa-color-green-90);
   --wa-color-brand-border-normal: var(--wa-color-green-80);
   --wa-color-brand-border-loud: var(--wa-color-green-70);
@@ -43,7 +43,7 @@
 
   --wa-color-success-fill-quiet: var(--wa-color-green-95);
   --wa-color-success-fill-normal: var(--wa-color-green-90);
-  --wa-color-success-fill-loud: var(--wa-color-green-80);
+  --wa-color-success-fill-loud: var(--wa-color-green);
   --wa-color-success-border-quiet: var(--wa-color-green-90);
   --wa-color-success-border-normal: var(--wa-color-green-80);
   --wa-color-success-border-loud: var(--wa-color-green-70);
@@ -53,7 +53,7 @@
 
   --wa-color-warning-fill-quiet: var(--wa-color-yellow-95);
   --wa-color-warning-fill-normal: var(--wa-color-yellow-90);
-  --wa-color-warning-fill-loud: var(--wa-color-yellow-80);
+  --wa-color-warning-fill-loud: var(--wa-color-yellow);
   --wa-color-warning-border-quiet: var(--wa-color-yellow-90);
   --wa-color-warning-border-normal: var(--wa-color-yellow-80);
   --wa-color-warning-border-loud: var(--wa-color-yellow-70);
diff --git a/src/styles/themes/awesome.css b/src/styles/themes/awesome.css
index 72917102f..20470dfdc 100644
--- a/src/styles/themes/awesome.css
+++ b/src/styles/themes/awesome.css
@@ -47,7 +47,7 @@
 
   --wa-color-warning-fill-quiet: var(--wa-color-yellow-95);
   --wa-color-warning-fill-normal: var(--wa-color-yellow-90);
-  --wa-color-warning-fill-loud: var(--wa-color-yellow-80);
+  --wa-color-warning-fill-loud: var(--wa-color-yellow);
   --wa-color-warning-border-quiet: var(--wa-color-yellow-70);
   --wa-color-warning-border-normal: var(--wa-color-yellow-50);
   --wa-color-warning-border-loud: var(--wa-color-yellow-30);
diff --git a/src/styles/themes/tailspin.css b/src/styles/themes/tailspin.css
index 47b5a5081..8ae4d496a 100644
--- a/src/styles/themes/tailspin.css
+++ b/src/styles/themes/tailspin.css
@@ -34,7 +34,7 @@
    */
   --wa-color-brand-fill-quiet: color-mix(in oklab, var(--wa-color-indigo-95) 85%, transparent);
   --wa-color-brand-fill-normal: var(--wa-color-indigo-90);
-  --wa-color-brand-fill-loud: var(--wa-color-indigo-40);
+  --wa-color-brand-fill-loud: var(--wa-color-indigo);
   --wa-color-brand-border-quiet: color-mix(in oklab, var(--wa-color-indigo-80), transparent);
   --wa-color-brand-border-normal: color-mix(in oklab, var(--wa-color-indigo-70) 60%, transparent);
   --wa-color-brand-border-loud: color-mix(in oklab, var(--wa-color-indigo-60) 70%, transparent);