Update alert styling to use consistent dark theme colors

- Apply dark background (#25284B) with light text (#d9d9d9) for better readability
- Maintain visual consistency across all alert components
- Improve contrast and accessibility for notification messages

Author: Maphikza

src/components/allowed-users/components/PermissionsConfig/PermissionsConfig.tsx

@@ -72,7 +72,12 @@ export const PermissionsConfig: React.FC<PermissionsConfigProps> = ({
           description="Your relay is configured to allow read access to all users. This means anyone can read events from your relay."
           type="warning"
           showIcon
-          style={{ marginBottom: '1rem' }}
+          style={{ 
+            marginBottom: '1rem',
+            backgroundColor: '#25284B',
+            border: '1px solid #d9d9d9',
+            color: '#d9d9d9'
+          }}
         />
       )}
 

src/components/allowed-users/components/TiersConfig/TiersConfig.tsx

@@ -157,9 +157,9 @@ export const TiersConfig: React.FC<TiersConfigProps> = ({
           showIcon
           style={{ 
             marginBottom: '1rem',
-            backgroundColor: '#ffffff !important',
-            border: '1px solid #ffd666 !important',
-            color: '#1f1f1f !important'
+            backgroundColor: '#25284B',
+            border: '1px solid #d9d9d9',
+            color: '#d9d9d9'
           }}
         />
       )}
@@ -172,9 +172,9 @@ export const TiersConfig: React.FC<TiersConfigProps> = ({
           showIcon
           style={{ 
             marginBottom: '1rem',
-            backgroundColor: '#ffffff !important',
-            border: '1px solid #52c41a !important',
-            color: '#1f1f1f !important'
+            backgroundColor: '#25284B',
+            border: '1px solid #d9d9d9',
+            color: '#d9d9d9'
           }}
         />
       )}
@@ -187,9 +187,9 @@ export const TiersConfig: React.FC<TiersConfigProps> = ({
           showIcon
           style={{ 
             marginBottom: '1rem',
-            backgroundColor: '#ffffff !important',
-            border: '1px solid #1890ff !important',
-            color: '#1f1f1f !important'
+            backgroundColor: '#25284B',
+            border: '1px solid #d9d9d9',
+            color: '#d9d9d9'
           }}
         />
       )}
@@ -269,6 +269,11 @@ export const TiersConfig: React.FC<TiersConfigProps> = ({
               message="Note: Free tiers (price = 0) are not allowed in paid mode"
               type="warning"
               showIcon
+              style={{
+                backgroundColor: '#fafafa',
+                border: '1px solid #d9d9d9',
+                color: '#262626'
+              }}
             />
           )}
 
@@ -278,9 +283,9 @@ export const TiersConfig: React.FC<TiersConfigProps> = ({
               type="success"
               showIcon
               style={{
-                backgroundColor: '#ffffff !important',
-                border: '1px solid #52c41a !important',
-                color: '#1f1f1f !important'
+                backgroundColor: '#fafafa',
+                border: '1px solid #d9d9d9',
+                color: '#262626'
               }}
             />
           )}