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

[CL-254] Rename 500 colors to 600 to prep for UI redesign (#8623)

Browse Source 
* [CL-254] Rename 500 colors to 600 to prep for UI redesign

---------

Co-authored-by: Will Martin <contact@willmartian.com>
This commit is contained in:
Victoria League
2024-04-05 10:58:32 -04:00
committed by GitHub
parent fb51aa570d
commit 09169cac71
56 changed files with 253 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/avatar/avatar.component.ts
View File

@@ -40,7 +40,7 @@ export class AvatarComponent implements OnChanges {
get classList() {
return ["tw-rounded-full"]
.concat(SizeClasses[this.size] ?? [])
.concat(this.border ? ["tw-border", "tw-border-solid", "tw-border-secondary-500"] : []);
.concat(this.border ? ["tw-border", "tw-border-solid", "tw-border-secondary-600"] : []);
}
private generate() {

4
libs/components/src/avatar/avatar.mdx
View File

@@ -44,7 +44,7 @@ Use the user 'ID' field if `Name` is not defined.
## Outline
If the avatar is displayed on one of the theme's `background` color variables or is interactive,
display the avatar with a 1 pixel `secondary-500` border to meet WCAG AA graphic contrast guidelines
display the avatar with a 1 pixel `secondary-600` border to meet WCAG AA graphic contrast guidelines
for interactive elements.
<Story of={stories.Border} />
@@ -64,4 +64,4 @@ When the avatar is used as a button, the following states should be used:
## Accessibility
Avatar background color should have 3.1:1 contrast with it’s background; or include the
`secondary-500` border Avatar text should have 4.5:1 contrast with the avatar background color
`secondary-600` border Avatar text should have 4.5:1 contrast with the avatar background color