feat: Add accessible status indicators setting

This commit is contained in:
pa
2026-03-17 20:42:56 +09:00
parent 120a4c3533
commit 56e7f910ef
4 changed files with 60 additions and 4 deletions

View File

@@ -23,16 +23,25 @@
.status-icon.joinme::after {
background: var(--status-joinme);
mask-image: url(/images/masks/joinme.svg);
}
.status-icon.askme::after {
background: var(--status-askme);
mask-image: url(/images/masks/askme.svg);
}
.status-icon.busy::after {
background: var(--status-busy);
}
.accessible-status-indicators .status-icon.joinme::after {
mask-image: url(/images/masks/joinme.svg);
}
.accessible-status-indicators .status-icon.askme::after {
mask-image: url(/images/masks/askme.svg);
}
.accessible-status-indicators .status-icon.busy::after {
mask-image: url(/images/masks/busy.svg);
}
@@ -96,16 +105,25 @@ i.x-user-status.online {
i.x-user-status.joinme {
background: var(--status-joinme);
mask-image: url(/images/masks/joinme.svg);
}
i.x-user-status.askme {
background: var(--status-askme);
mask-image: url(/images/masks/askme.svg);
}
i.x-user-status.busy {
background: var(--status-busy);
}
.accessible-status-indicators i.x-user-status.joinme {
mask-image: url(/images/masks/joinme.svg);
}
.accessible-status-indicators i.x-user-status.askme {
mask-image: url(/images/masks/askme.svg);
}
.accessible-status-indicators i.x-user-status.busy {
mask-image: url(/images/masks/busy.svg);
}