Fix glitch-soc high color privacy icons

master
Claire 2024-01-13 23:52:10 +01:00
parent e227e959f7
commit e2ba5f6e35
2 changed files with 9 additions and 8 deletions

View File

@ -57,6 +57,7 @@ export const VisibilityIcon: React.FC<{ visibility: Visibility }> = ({
id={visibilityIcon.icon}
icon={visibilityIcon.iconComponent}
title={visibilityIcon.text}
className={'status__visibility-icon'}
/>
);
};

View File

@ -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;
}
}