Skip to content

Commit d6fd553

Browse files
fix: improve contrast in CommentList avatar for WCAG compliance
- Change color from 'white' to '#ffffff' for better specificity - Use darker gradient colors (#2563eb, #7c3aed) for better contrast - Update dark mode gradient to even darker shades (#1e40af, #6d28d9)
1 parent d00372e commit d6fd553

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

src/components/EductionPortal/Tasks/CommentList.module.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -136,18 +136,18 @@
136136
width: 40px;
137137
height: 40px;
138138
border-radius: 50%;
139-
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
139+
background: linear-gradient(135deg, #2563eb, #7c3aed);
140140
display: flex;
141141
align-items: center;
142142
justify-content: center;
143-
color: white;
143+
color: #ffffff;
144144
font-weight: 600;
145145
font-size: 0.875rem;
146146
flex-shrink: 0;
147147
}
148148

149149
.avatarDark {
150-
background: linear-gradient(135deg, #2563eb, #7c3aed);
150+
background: linear-gradient(135deg, #1e40af, #6d28d9);
151151
}
152152

153153
.authorDetails {
@@ -253,4 +253,4 @@
253253

254254
.deleteButtonDark:hover {
255255
background-color: #7f1d1d;
256-
}
256+
}

0 commit comments

Comments
 (0)