From 8ecdf902fffb38dfeedcc0179c13e4982d9054be Mon Sep 17 00:00:00 2001
From: Jeffrey Holland <jholland@livefront.com>
Date: Mon, 15 Dec 2025 13:25:18 +0100
Subject: [PATCH] Update variable re-mapping issues

---
 .../autofill/overlay/inline-menu/pages/list/list.css   | 10 +++++-----
 .../src/autofill/shared/styles/variables-export.css    | 10 ++++++----
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.css b/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.css
index 2ee67dd4230..065f58a86d1 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.css
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.css
@@ -20,7 +20,7 @@ body {
   margin: 0;
   font-family: var(--autofill-font-family-sans-serif);
   font-weight: 400;
-  color: var(--autofill-body-color);
+  color: var(--autofill-text-color);
   background-color: var(--autofill-background-color);
 }
 
@@ -304,7 +304,7 @@ body * {
 }
 
 .inline-menu-list-actions-item .circle-danger-color {
-  stroke: rgb(var(--color-danger-600));
+  stroke: var(--autofill-password-special-color);
 }
 
 .inline-menu-list-actions-item .cipher-name,
@@ -371,7 +371,7 @@ body * {
   padding: 1rem 0.8rem;
   font-size: 1.4rem;
   font-weight: 400;
-  color: var(--autofill-muted-blue);
+  color: var(--autofill-passkey-authenticating-color);
 }
 
 .passkey-authenticating-loader svg {
@@ -380,7 +380,7 @@ body * {
 }
 
 .passkey-authenticating-loader svg path {
-  fill: var(--autofill-muted-blue) !important;
+  fill: var(--autofill-passkey-authenticating-color) !important;
 }
 
 /* Password generator styles */
@@ -405,7 +405,7 @@ body * {
 .password-generator-actions:has(:focus-visible):not(.remove-outline) {
   outline-width: 0.2rem;
   outline-style: solid;
-  outline-color: rgb(var(--autofill-focus-outline-color));
+  outline-color: var(--autofill-focus-outline-color);
 }
 
 .password-generator-actions .inline-menu-list-action {
diff --git a/apps/browser/src/autofill/shared/styles/variables-export.css b/apps/browser/src/autofill/shared/styles/variables-export.css
index 2ad84bfc6c1..5f1c3caf686 100644
--- a/apps/browser/src/autofill/shared/styles/variables-export.css
+++ b/apps/browser/src/autofill/shared/styles/variables-export.css
@@ -15,7 +15,7 @@
   --autofill-success-color-light: #017e45;
   --autofill-error-color-light: #c83522;
   --autofill-focus-outline-color-light: #1252a3;
-  --autofill-scrollbar-track-light: #fcfcfc;
+  --autofill-scrollbar-track-color-light: #fcfcfc;
   --autofill-text-color-dark: #ffffff;
   --autofill-muted-text-color-dark: #bac0ce;
   --autofill-background-color-dark: #2f343d;
@@ -29,7 +29,7 @@
   --autofill-success-color-dark: #8db89b;
   --autofill-error-color-dark: #ee9792;
   --autofill-focus-outline-color-dark: #4d8fe6;
-  --autofill-scrollbar-track-dark: #2d323a;
+  --autofill-scrollbar-track-color-dark: #2d323a;
   --autofill-muted-blue: #5a6d91;
   --autofill-muted-grey: #bac0ce;
   --autofill-border-radius: 3px;
@@ -41,12 +41,13 @@
   --autofill-border-color: var(--autofill-border-color-light);
   --autofill-brand-primary: var(--autofill-brand-primary-light);
   --autofill-input-border-color: var(--autofill-input-border-color-light);
+  --autofill-passkey-authenticating-color: var(--autofill-muted-blue);
   --autofill-password-special-color: var(--autofill-password-special-color-light);
   --autofill-password-number-color: var(--autofill-password-number-color-light);
   --autofill-success-color: var(--autofill-success-color-light);
   --autofill-error-color: var(--autofill-error-color-light);
   --autofill-focus-outline-color: var(--autofill-focus-outline-color-light);
-  --autofill-scrollbar-track: var(--autofill-scrollbar-track-light);
+  --autofill-scrollbar-track-color: var(--autofill-scrollbar-track-color-light);
 }
 
 .theme_dark {
@@ -58,10 +59,11 @@
   --autofill-border-color: var(--autofill-border-color-dark);
   --autofill-brand-primary: var(--autofill-brand-primary-dark);
   --autofill-input-border-color: var(--autofill-input-border-color-dark);
+  --autofill-passkey-authenticating-color: var(--autofill-muted-grey);
   --autofill-password-special-color: var(--autofill-password-special-color-dark);
   --autofill-password-number-color: var(--autofill-password-number-color-dark);
   --autofill-success-color: var(--autofill-success-color-dark);
   --autofill-error-color: var(--autofill-error-color-dark);
   --autofill-focus-outline-color: var(--autofill-focus-outline-color-dark);
-  --autofill-scrollbar-track: var(--autofill-scrollbar-track-dark);
+  --autofill-scrollbar-track-color: var(--autofill-scrollbar-track-color-dark);
 }