strapi-plugin-magic-link-v5 4.8.2 → 4.9.1

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

@@ -97,6 +97,10 @@ const float = keyframes`
 const Container = styled(Box)`
   animation: ${fadeIn} 0.5s;
   min-height: calc(100vh - 200px);
+  
+  @media (prefers-color-scheme: dark) {
+    background: transparent;
+  }
 `;
 
 const StatsGrid = styled(Box)`
@@ -132,6 +136,16 @@ const StatCard = styled(Box)`
       transform: rotate(10deg) scale(1.1);
     }
   }
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.1);
+    
+    &:hover {
+      background: rgba(40, 40, 50, 0.8);
+      border-color: ${props => props.$color || theme.colors.primary[500]};
+    }
+  }
 `;
 
 const StatIcon = styled(Box)`
@@ -170,6 +184,11 @@ const DataTable = styled(Box)`
   overflow: hidden;
   box-shadow: ${theme.shadows.sm};
   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);
+  }
 `;
 
 const StyledTable = styled(Table)`
@@ -185,6 +204,15 @@ const StyledTable = styled(Table)`
       letter-spacing: 0.05em;
       padding: ${theme.spacing.md};
     }
+    
+    @media (prefers-color-scheme: dark) {
+      background: rgba(40, 40, 50, 0.4);
+      border-bottom-color: rgba(255, 255, 255, 0.1);
+      
+      th {
+        color: rgba(255, 255, 255, 0.9);
+      }
+    }
   }
   
   tbody tr {
@@ -199,6 +227,18 @@ const StyledTable = styled(Table)`
       padding: ${theme.spacing.md};
       color: ${theme.colors.neutral[700]};
     }
+    
+    @media (prefers-color-scheme: dark) {
+      border-bottom-color: rgba(255, 255, 255, 0.05);
+      
+      &:hover {
+        background: rgba(220, 38, 38, 0.15);
+      }
+      
+      td {
+        color: rgba(255, 255, 255, 0.85);
+      }
+    }
   }
 `;
 
@@ -232,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)`
@@ -241,6 +286,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(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.1);
+  }
 `;
 
 const LoadingOverlay = styled(Flex)`

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

@@ -102,6 +102,10 @@ const float = keyframes`
 const Container = styled(Box)`
   animation: ${fadeIn} 0.5s;
   min-height: calc(100vh - 200px);
+  
+  @media (prefers-color-scheme: dark) {
+    background: transparent;
+  }
 `;
 
 const StatsGrid = styled(Box)`
@@ -137,6 +141,16 @@ const StatCard = styled(Box)`
       transform: rotate(10deg) scale(1.1);
     }
   }
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.1);
+    
+    &:hover {
+      background: rgba(40, 40, 50, 0.8);
+      border-color: ${props => props.$color || theme.colors.primary[500]};
+    }
+  }
 `;
 
 const StatIcon = styled(Box)`
@@ -161,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)`
@@ -175,6 +197,11 @@ const DataTable = styled(Box)`
   overflow: hidden;
   box-shadow: ${theme.shadows.sm};
   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);
+  }
 `;
 
 const StyledTable = styled(Table)`
@@ -190,6 +217,15 @@ const StyledTable = styled(Table)`
       letter-spacing: 0.05em;
       padding: ${theme.spacing.md};
     }
+    
+    @media (prefers-color-scheme: dark) {
+      background: rgba(40, 40, 50, 0.4);
+      border-bottom-color: rgba(255, 255, 255, 0.1);
+      
+      th {
+        color: rgba(255, 255, 255, 0.9);
+      }
+    }
   }
   
   tbody tr {
@@ -204,6 +240,18 @@ const StyledTable = styled(Table)`
       padding: ${theme.spacing.md};
       color: ${theme.colors.neutral[700]};
     }
+    
+    @media (prefers-color-scheme: dark) {
+      border-bottom-color: rgba(255, 255, 255, 0.05);
+      
+      &:hover {
+        background: rgba(2, 132, 199, 0.15);
+      }
+      
+      td {
+        color: rgba(255, 255, 255, 0.85);
+      }
+    }
   }
 `;
 
@@ -237,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)`
@@ -246,6 +299,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(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.1);
+  }
 `;
 
 const ActionBar = styled(Flex)`
@@ -253,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

@@ -236,13 +236,13 @@ const float = keyframes`
 const Container = styled(Box)`
   animation: ${fadeIn} ${theme.transitions.slow};
   min-height: 100vh;
-  background: linear-gradient(180deg, 
-    ${theme.colors.neutral[50]} 0%, 
-    ${theme.colors.neutral[100]} 100%
-  );
   max-width: 1440px;
   margin: 0 auto;
   padding: ${theme.spacing.xl} ${theme.spacing.lg} 0;
+  
+  @media (prefers-color-scheme: dark) {
+    background: transparent;
+  }
 `;
 
 const Header = styled(Box)`
@@ -449,6 +449,16 @@ const StatCard = styled(Box)`
     );
     transform: translate(40%, -40%);
   }
+  
+  @media (prefers-color-scheme: dark) {
+    background: rgba(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.1);
+    
+    &:hover {
+      background: rgba(40, 40, 50, 0.8);
+      border-color: ${props => props.$color || theme.colors.primary[500]};
+    }
+  }
 `;
 
 const StatIcon = styled(Box)`
@@ -475,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)`
@@ -482,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)`
@@ -490,6 +508,11 @@ const DataTable = styled(Box)`
   overflow: hidden;
   box-shadow: ${theme.shadows.sm};
   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);
+  }
 `;
 
 const StyledTable = styled(Table)`
@@ -506,6 +529,15 @@ const StyledTable = styled(Table)`
       letter-spacing: 0.05em;
       padding: ${theme.spacing.md};
     }
+    
+    @media (prefers-color-scheme: dark) {
+      background: rgba(40, 40, 50, 0.4);
+      border-bottom-color: rgba(255, 255, 255, 0.1);
+      
+      th {
+        color: rgba(255, 255, 255, 0.9);
+      }
+    }
   }
   
   tbody tr {
@@ -528,6 +560,18 @@ const StyledTable = styled(Table)`
       padding: ${theme.spacing.md};
       color: ${theme.colors.neutral[700]};
     }
+    
+    @media (prefers-color-scheme: dark) {
+      border-bottom-color: rgba(255, 255, 255, 0.05);
+      
+      &:hover {
+        background: rgba(2, 132, 199, 0.15);
+      }
+      
+      td {
+        color: rgba(255, 255, 255, 0.85);
+      }
+    }
   }
 `;
 
@@ -592,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)`
@@ -618,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(30, 30, 40, 0.6);
+    border-color: rgba(255, 255, 255, 0.1);
+  }
 `;
 
 const ActionBar = styled(Flex)`
@@ -629,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.8.2",
+  "version": "4.9.1",
   "keywords": [],
   "type": "commonjs",
   "exports": {