strapi-plugin-magic-link-v5 4.9.0 → 4.9.2

package/admin/src/pages/Tokens/IPBans.jsx

@@ -138,11 +138,11 @@ const StatCard = styled(Box)`
   }
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.05);
+    border-color: rgba(255, 255, 255, 0.15);
     
     &:hover {
-      background: rgba(40, 40, 50, 0.8);
+      background: rgba(255, 255, 255, 0.08);
       border-color: ${props => props.$color || theme.colors.primary[500]};
     }
   }
@@ -186,8 +186,8 @@ const DataTable = styled(Box)`
   border: 1px solid ${theme.colors.neutral[200]};
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(255, 255, 255, 0.15);
   }
 `;
 
@@ -206,8 +206,8 @@ const StyledTable = styled(Table)`
     }
     
     @media (prefers-color-scheme: dark) {
-      background: rgba(40, 40, 50, 0.4);
-      border-bottom-color: rgba(255, 255, 255, 0.1);
+      background: rgba(255, 255, 255, 0.04);
+      border-bottom-color: rgba(255, 255, 255, 0.15);
       
       th {
         color: rgba(255, 255, 255, 0.9);
@@ -272,6 +272,11 @@ const EmptyState = styled(Box)`
     opacity: 0.08;
     animation: ${float} 4s ease-in-out infinite;
   }
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.2);
+  }
 `;
 
 const FilterBar = styled(Flex)`
@@ -283,8 +288,8 @@ const FilterBar = styled(Flex)`
   border: 1px solid ${theme.colors.neutral[200]};
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(255, 255, 255, 0.15);
   }
 `;
 

package/admin/src/pages/Tokens/JWTSessions.jsx

@@ -143,11 +143,11 @@ const StatCard = styled(Box)`
   }
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.05);
+    border-color: rgba(255, 255, 255, 0.15);
     
     &:hover {
-      background: rgba(40, 40, 50, 0.8);
+      background: rgba(255, 255, 255, 0.08);
       border-color: ${props => props.$color || theme.colors.primary[500]};
     }
   }
@@ -175,12 +175,20 @@ const StatValue = styled(Typography)`
   font-weight: 700;
   color: ${theme.colors.neutral[900]};
   margin: ${theme.spacing.md} 0 4px;
+  
+  @media (prefers-color-scheme: dark) {
+    color: rgba(255, 255, 255, 0.95);
+  }
 `;
 
 const StatLabel = styled(Typography)`
   font-size: 0.875rem;
   color: ${theme.colors.neutral[600]};
   font-weight: 500;
+  
+  @media (prefers-color-scheme: dark) {
+    color: rgba(255, 255, 255, 0.7);
+  }
 `;
 
 const DataTable = styled(Box)`
@@ -191,8 +199,8 @@ const DataTable = styled(Box)`
   border: 1px solid ${theme.colors.neutral[200]};
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(255, 255, 255, 0.15);
   }
 `;
 
@@ -211,8 +219,8 @@ const StyledTable = styled(Table)`
     }
     
     @media (prefers-color-scheme: dark) {
-      background: rgba(40, 40, 50, 0.4);
-      border-bottom-color: rgba(255, 255, 255, 0.1);
+      background: rgba(255, 255, 255, 0.04);
+      border-bottom-color: rgba(255, 255, 255, 0.15);
       
       th {
         color: rgba(255, 255, 255, 0.9);
@@ -277,6 +285,11 @@ const EmptyState = styled(Box)`
     opacity: 0.08;
     animation: ${float} 4s ease-in-out infinite;
   }
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.2);
+  }
 `;
 
 const FilterBar = styled(Flex)`
@@ -288,8 +301,8 @@ const FilterBar = styled(Flex)`
   border: 1px solid ${theme.colors.neutral[200]};
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(255, 255, 255, 0.15);
   }
 `;
 
@@ -298,6 +311,10 @@ const ActionBar = styled(Flex)`
   background: linear-gradient(90deg, ${theme.colors.primary[50]} 0%, ${theme.colors.primary[100]} 100%);
   border-radius: ${theme.borderRadius.lg};
   margin-bottom: ${theme.spacing.md};
+  
+  @media (prefers-color-scheme: dark) {
+    background: linear-gradient(90deg, rgba(2, 132, 199, 0.2) 0%, rgba(2, 132, 199, 0.3) 100%);
+  }
 `;
 
 const LoadingOverlay = styled(Flex)`

package/admin/src/pages/Tokens/TokensProfessional.jsx

@@ -451,11 +451,11 @@ const StatCard = styled(Box)`
   }
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.05);
+    border-color: rgba(255, 255, 255, 0.15);
     
     &:hover {
-      background: rgba(40, 40, 50, 0.8);
+      background: rgba(255, 255, 255, 0.08);
       border-color: ${props => props.$color || theme.colors.primary[500]};
     }
   }
@@ -485,6 +485,10 @@ const StatValue = styled(Typography)`
   line-height: 1;
   margin: ${theme.spacing.sm} 0 ${theme.spacing.xs};
   transition: transform ${theme.transitions.normal};
+  
+  @media (prefers-color-scheme: dark) {
+    color: rgba(255, 255, 255, 0.95);
+  }
 `;
 
 const StatLabel = styled(Typography)`
@@ -492,6 +496,10 @@ const StatLabel = styled(Typography)`
   color: ${theme.colors.neutral[600]};
   font-weight: 500;
   letter-spacing: 0.025em;
+  
+  @media (prefers-color-scheme: dark) {
+    color: rgba(255, 255, 255, 0.7);
+  }
 `;
 
 const DataTable = styled(Box)`
@@ -502,8 +510,8 @@ const DataTable = styled(Box)`
   border: 1px solid ${theme.colors.neutral[200]};
   
   @media (prefers-color-scheme: dark) {
-    background: rgba(30, 30, 40, 0.6);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(255, 255, 255, 0.15);
   }
 `;
 
@@ -523,8 +531,8 @@ const StyledTable = styled(Table)`
     }
     
     @media (prefers-color-scheme: dark) {
-      background: rgba(40, 40, 50, 0.4);
-      border-bottom-color: rgba(255, 255, 255, 0.1);
+      background: rgba(255, 255, 255, 0.04);
+      border-bottom-color: rgba(255, 255, 255, 0.15);
       
       th {
         color: rgba(255, 255, 255, 0.9);
@@ -628,6 +636,19 @@ const EmptyState = styled(Box)`
     width: 100%;
     max-width: 600px;
   }
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.2);
+    
+    &::before {
+      background: linear-gradient(135deg, 
+        rgba(2, 132, 199, 0.1) 0%, 
+        rgba(147, 51, 234, 0.1) 100%
+      );
+      opacity: 0.5;
+    }
+  }
 `;
 
 const LoadingOverlay = styled(Flex)`
@@ -654,6 +675,11 @@ const FilterBar = styled(Flex)`
   margin-bottom: ${theme.spacing.lg};
   box-shadow: ${theme.shadows.sm};
   border: 1px solid ${theme.colors.neutral[200]};
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(255, 255, 255, 0.15);
+  }
 `;
 
 const ActionBar = styled(Flex)`
@@ -665,6 +691,10 @@ const ActionBar = styled(Flex)`
   border-radius: ${theme.borderRadius.lg};
   margin-bottom: ${theme.spacing.md};
   animation: ${slideIn} ${theme.transitions.normal};
+  
+  @media (prefers-color-scheme: dark) {
+    background: linear-gradient(90deg, rgba(2, 132, 199, 0.2) 0%, rgba(147, 51, 234, 0.2) 100%);
+  }
 `;
 
 // ================ HELPER FUNKTIONEN ================

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.9.0",
+  "version": "4.9.2",
   "keywords": [],
   "type": "commonjs",
   "exports": {