Fix glitch-soc high color privacy icons

This commit is contained in:
Claire committed 2024-01-14 00:04:09 +01:00
1 parent e227e959f7
commit e2ba5f6e35
2 files changed
+9 -8

No files matched your search

@@ -57,6 +57,7 @@ export const VisibilityIcon: React.FC<{ visibility: Visibility }> = ({
id={visibilityIcon.icon}
icon={visibilityIcon.iconComponent}
title={visibilityIcon.text}
className={'status__visibility-icon'}
/>
);
};
@@ -16,23 +16,23 @@ $emojis-requiring-inversion: 'back' 'copyright' 'curly_loop' 'currency_exchange'
}
.hicolor-privacy-icons {
.status__visibility-icon.fa-globe,
.privacy-dropdown__option .fa-globe {
.status__visibility-icon.icon-globe,
.privacy-dropdown__option .icon-globe {
color: #1976d2;
}
.status__visibility-icon.fa-unlock,
.privacy-dropdown__option .fa-unlock {
.status__visibility-icon.icon-unlock,
.privacy-dropdown__option .icon-unlock {
color: #388e3c;
}
.status__visibility-icon.fa-lock,
.privacy-dropdown__option .fa-lock {
.status__visibility-icon.icon-lock,
.privacy-dropdown__option .icon-lock {
color: #ffa000;
}
.status__visibility-icon.fa-envelope,
.privacy-dropdown__option .fa-envelope {
.status__visibility-icon.icon-envelope,
.privacy-dropdown__option .icon-envelope {
color: #d32f2f;
}
}