Skip to content

Commit ac24cc3

Browse files
timdeschryverbrandonroberts
authored andcommitted
fix(docs-infra): notification must have sufficient color contrast
use ngrx branding
1 parent 8241f99 commit ac24cc3

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

projects/ngrx.io/src/styles/2-modules/_notification.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ $notificationHeight: 56px;
88
}
99

1010
aio-notification {
11-
background: $darkgray;
11+
background: $purple;
1212
display: flex;
1313
position: relative;
1414
align-items: center;
@@ -50,10 +50,12 @@ aio-notification {
5050
overflow: hidden;
5151
text-overflow: ellipsis;
5252
margin-right: 10px;
53+
color: $offwhite;
5354
}
5455

5556
.action-button {
56-
background: $brightred;
57+
background: mat-color($dull-magenta, 700);
58+
color: $offwhite;
5759
border-radius: 15px;
5860
text-transform: uppercase;
5961
padding: 0 10px;

0 commit comments

Comments
 (0)