From e2ba5f6e35b68872054a6f9d327fcd6a266aa36e Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Sat, 13 Jan 2024 23:52:10 +0100
Subject: [PATCH] Fix glitch-soc high color privacy icons

---
 .../glitch/components/visibility_icon.tsx        |  1 +
 .../flavours/glitch/styles/accessibility.scss    | 16 ++++++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/javascript/flavours/glitch/components/visibility_icon.tsx b/app/javascript/flavours/glitch/components/visibility_icon.tsx
index 13494ace9b..3a8a54d173 100644
--- a/app/javascript/flavours/glitch/components/visibility_icon.tsx
+++ b/app/javascript/flavours/glitch/components/visibility_icon.tsx
@@ -57,6 +57,7 @@ export const VisibilityIcon: React.FC<{ visibility: Visibility }> = ({
       id={visibilityIcon.icon}
       icon={visibilityIcon.iconComponent}
       title={visibilityIcon.text}
+      className={'status__visibility-icon'}
     />
   );
 };
diff --git a/app/javascript/flavours/glitch/styles/accessibility.scss b/app/javascript/flavours/glitch/styles/accessibility.scss
index 5c75bcc1a3..1f16fc26c0 100644
--- a/app/javascript/flavours/glitch/styles/accessibility.scss
+++ b/app/javascript/flavours/glitch/styles/accessibility.scss
@@ -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;
   }
 }