bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-01-31 00:33:33 +00:00
Code Issues Releases Wiki Activity

Update variable re-mapping issues

Browse Source
This commit is contained in:
Jeffrey Holland
2025-12-15 13:25:18 +01:00
parent cdf7b54953
commit 8ecdf902ff
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/browser/src/autofill/overlay/inline-menu/pages/list/list.css
View File

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

10
apps/browser/src/autofill/shared/styles/variables-export.css
View File

@@ -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);
}