Use compound colours for verification badges (#9794)
* update e2e colour variables to compound colours * use e2e colour vars for e2e icons
This commit is contained in:
parent
0485b74acb
commit
d3ab11928b
8 changed files with 12 additions and 12 deletions
|
@ -77,7 +77,7 @@ limitations under the License.
|
|||
|
||||
&::after {
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
background-color: $alert;
|
||||
background-color: $e2e-warning-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -38,7 +38,7 @@ limitations under the License.
|
|||
|
||||
&.mx_cryptoEvent_icon_warning::after {
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
background-color: $alert;
|
||||
background-color: $e2e-warning-color;
|
||||
}
|
||||
|
||||
.mx_cryptoEvent_state,
|
||||
|
|
|
@ -75,14 +75,14 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_RoomSummaryCard_e2ee_verified {
|
||||
background-color: #0dbd8b;
|
||||
background-color: #$e2e-verified-color;
|
||||
&::before {
|
||||
mask-image: url("$(res)/img/e2e/verified.svg");
|
||||
}
|
||||
}
|
||||
|
||||
.mx_RoomSummaryCard_e2ee_warning {
|
||||
background-color: #ff5b55;
|
||||
background-color: $e2e-warning-color;
|
||||
&::before {
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
}
|
||||
|
|
|
@ -29,7 +29,7 @@ limitations under the License.
|
|||
width: 24px;
|
||||
height: 24px;
|
||||
mask-image: url("$(res)/img/e2e/decryption-failure.svg");
|
||||
background-color: $alert;
|
||||
background-color: $e2e-warning-color;
|
||||
mask-repeat: no-repeat;
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
|
|
|
@ -66,7 +66,7 @@ limitations under the License.
|
|||
|
||||
.mx_E2EIcon_warning::after {
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
background-color: $alert;
|
||||
background-color: $e2e-warning-color;
|
||||
}
|
||||
|
||||
.mx_E2EIcon_normal::after {
|
||||
|
@ -76,5 +76,5 @@ limitations under the License.
|
|||
|
||||
.mx_E2EIcon_verified::after {
|
||||
mask-image: url("$(res)/img/e2e/verified.svg");
|
||||
background-color: $accent;
|
||||
background-color: $e2e-verified-color;
|
||||
}
|
||||
|
|
|
@ -678,7 +678,7 @@ $left-gutter: 64px;
|
|||
|
||||
&.mx_EventTile_e2eIcon_warning::after {
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
background-color: $alert;
|
||||
background-color: $e2e-warning-color;
|
||||
}
|
||||
|
||||
&.mx_EventTile_e2eIcon_normal::after {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue