Fix glitch-soc high color privacy icons

This commit is contained in:
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} id={visibilityIcon.icon}
icon={visibilityIcon.iconComponent} icon={visibilityIcon.iconComponent}
title={visibilityIcon.text} 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 { .hicolor-privacy-icons {
.status__visibility-icon.fa-globe, .status__visibility-icon.icon-globe,
.privacy-dropdown__option .fa-globe { .privacy-dropdown__option .icon-globe {
color: #1976d2; color: #1976d2;
} }
.status__visibility-icon.fa-unlock, .status__visibility-icon.icon-unlock,
.privacy-dropdown__option .fa-unlock { .privacy-dropdown__option .icon-unlock {
color: #388e3c; color: #388e3c;
} }
.status__visibility-icon.fa-lock, .status__visibility-icon.icon-lock,
.privacy-dropdown__option .fa-lock { .privacy-dropdown__option .icon-lock {
color: #ffa000; color: #ffa000;
} }
.status__visibility-icon.fa-envelope, .status__visibility-icon.icon-envelope,
.privacy-dropdown__option .fa-envelope { .privacy-dropdown__option .icon-envelope {
color: #d32f2f; color: #d32f2f;
} }
} }