Remove liquid blue/cyan glow and glass morphism effects from notification components

Author: whosthatguy

src/components/header/components/notificationsDropdown/NotificationsOverlay/NotificationsOverlay.styles.ts

@@ -30,7 +30,7 @@ export const NotificationsList = styled.div`
   }
   
   &::-webkit-scrollbar-thumb {
-    background-color: rgba(6, 182, 212, 0.6);
+    background-color: rgba(255, 255, 255, 0.3);
     border-radius: 3px;
   }
 `;

src/components/header/components/notificationsDropdown/PaymentNotificationsOverlay/PaymentNotificationsOverlay.tsx

@@ -74,8 +74,8 @@ export const PaymentNotificationsOverlay: React.FC<PaymentNotificationsOverlayPr
             <span style={{
               fontSize: '0.7rem',
               padding: '2px 6px',
-              background: 'rgba(6, 182, 212, 0.15)',
-              color: 'rgba(6, 182, 212, 0.9)',
+              background: 'rgba(255, 255, 255, 0.1)',
+              color: 'rgba(255, 255, 255, 0.8)',
               borderRadius: '10px',
               textTransform: 'uppercase'
             }}>

src/components/header/components/notificationsDropdown/ReportNotificationsOverlay/ReportNotificationsOverlay.tsx

@@ -58,10 +58,8 @@ export const ReportNotificationsOverlay: React.FC<ReportNotificationsOverlayProp
           <span style={{
             fontSize: '0.7rem',
             padding: '2px 6px',
-            background: notification.report_type === 'impersonation' ?
-              'rgba(6, 182, 212, 0.12)' : 'rgba(245, 158, 11, 0.12)',
-            color: notification.report_type === 'impersonation' ?
-              'rgba(6, 182, 212, 0.9)' : 'rgba(245, 158, 11, 0.85)',
+            background: 'rgba(245, 158, 11, 0.12)',
+            color: 'rgba(245, 158, 11, 0.85)',
             borderRadius: '10px',
             textTransform: 'uppercase'
           }}>
@@ -73,10 +71,8 @@ export const ReportNotificationsOverlay: React.FC<ReportNotificationsOverlayProp
           <span style={{
             fontSize: '0.7rem',
             padding: '2px 6px',
-            background: notification.report_type === 'impersonation' ?
-              'rgba(6, 182, 212, 0.12)' : 'rgba(245, 158, 11, 0.12)',
-            color: notification.report_type === 'impersonation' ?
-              'rgba(6, 182, 212, 0.9)' : 'rgba(245, 158, 11, 0.85)',
+            background: 'rgba(255, 255, 255, 0.1)',
+            color: 'rgba(255, 255, 255, 0.85)',
             borderRadius: '10px'
           }}>
             {notification.report_count}
@@ -176,3 +172,5 @@ export const ReportNotificationsOverlay: React.FC<ReportNotificationsOverlayProp
     </S.NoticesOverlayMenu>
   );
 };
+
+export default ReportNotificationsOverlay;