-
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
+
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 222.2 84% 4.9%;
+ --card: 0 0% 100%;
+ --card-foreground: 222.2 84% 4.9%;
+ --popover: 0 0% 100%;
+ --popover-foreground: 222.2 84% 4.9%;
+ --primary: 222.2 47.4% 11.2%;
+ --primary-foreground: 210 40% 98%;
+ --secondary: 210 40% 96.1%;
+ --secondary-foreground: 222.2 47.4% 11.2%;
+ --muted: 210 40% 96.1%;
+ --muted-foreground: 215.4 16.3% 46.9%;
+ --accent: 210 40% 96.1%;
+ --accent-foreground: 222.2 47.4% 11.2%;
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 210 40% 98%;
+ --border: 214.3 31.8% 91.4%;
+ --input: 214.3 31.8% 91.4%;
+ --ring: 222.2 84% 4.9%;
+ --radius: 0.5rem;
+ }
+
+ .dark {
+ --background: 222.2 84% 4.9%;
+ --foreground: 210 40% 98%;
+ --card: 222.2 84% 4.9%;
+ --card-foreground: 210 40% 98%;
+ --popover: 222.2 84% 4.9%;
+ --popover-foreground: 210 40% 98%;
+ --primary: 210 40% 98%;
+ --primary-foreground: 222.2 47.4% 11.2%;
+ --secondary: 217.2 32.6% 17.5%;
+ --secondary-foreground: 210 40% 98%;
+ --muted: 217.2 32.6% 17.5%;
+ --muted-foreground: 215 20.2% 65.1%;
+ --accent: 217.2 32.6% 17.5%;
+ --accent-foreground: 210 40% 98%;
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 210 40% 98%;
+ --border: 217.2 32.6% 17.5%;
+ --input: 217.2 32.6% 17.5%;
+ --ring: 212.7 26.8% 83.9%;
+ }
+
+ body {
+ font-family: 'Inter', sans-serif;
+ background-color: hsl(var(--background));
+ color: hsl(var(--foreground));
+ transition: background-color 0.3s ease, color 0.3s ease;
+ }
+
+ .container {
+ max-width: 960px;
+ margin: 0 auto;
+ padding: 2rem;
+ }
+
+ .form-container {
+ background-color: hsl(var(--card));
+ border: 1px solid hsl(var(--border));
+ border-radius: var(--radius);
+ padding: 2rem;
+ }
+
+ .form-group {
+ margin-bottom: 1rem;
+ }
+
+ .form-control {
+ width: 100%;
+ padding: 0.5rem;
+ border: 1px solid hsl(var(--border));
+ border-radius: var(--radius);
+ background-color: hsl(var(--background));
+ color: hsl(var(--foreground));
+ }
+
+ .btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--radius);
+ font-weight: 500;
+ transition: all 0.3s ease;
+ cursor: pointer;
+ width: 100%; /* Full width */
+ padding: 0.75rem; /* Adjust padding as needed */
+ }
+
+ .btn-primary {
+ background-color: hsl(var(--primary));
+ color: hsl(var(--primary-foreground));
+ }
+
+ .btn-primary:hover {
+ opacity: 0.9;
+ }
+
+ .btn-secondary {
+ background-color: hsl(var(--secondary));
+ color: hsl(var(--secondary-foreground));
+ }
+
+ .btn-secondary:hover {
+ opacity: 0.9;
+ }
+
+ #themeSwitcher {
+ position: fixed;
+ top: 1rem;
+ right: 1rem;
+ z-index: 1000; /* Ensure it stays above other elements */
+ background-color: hsl(var(--secondary));
+ border: none;
+ border-radius: 50%;
+ padding: 0.5rem;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+ }
+
+ #themeSwitcher:hover {
+ background-color: hsl(var(--primary));
+ }
+
+ #themeSwitcher svg {
+ width: 24px;
+ height: 24px;
+ color: hsl(var(--primary-foreground));
+ }
+
+ .animate {
+ animation: fadeIn 0.5s ease-out;
+ }
+
+ @keyframes fadeIn {
+ from { opacity: 0; }
+ to { opacity: 1; }
+ }
+
+ .icon-spacing {
+ margin-right: 8px;
+ }
+
+ .swal2-toast {
+ background-color: hsl(var(--card));
+ color: hsl(var(--foreground));
+ border: 1px solid hsl(var(--border));
+ border-radius: var(--radius);
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ .dark .swal2-toast {
+ background-color: #000; /* Fond noir en mode sombre */
+ color: #fff; /* Texte blanc */
+ border: 1px solid #333; /* Bordure grise foncée */
+ }
+
+
+
+
+
+
-
-
-
-
-
-
+ }
+
-
-
\ No newline at end of file
+
diff --git a/views/paramAdminPrivacy&Security.ejs b/views/paramAdminPrivacy&Security.ejs
index 8686a7b..8298070 100644
--- a/views/paramAdminPrivacy&Security.ejs
+++ b/views/paramAdminPrivacy&Security.ejs
@@ -1,43 +1,159 @@
-
-
+
+
+
Confidentialité et Sécurité
- .custom-btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- font-family: inherit;
- font-weight: 500;
- font-size: 14px; /* réduit la taille de la police */
- padding: 0.6em 1.2em; /* réduit le padding */
- color: white;
- background: linear-gradient(0deg, rgba(77,54,208,1) 0%, rgba(132,116,254,1) 100%);
- border: none;
- box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
- letter-spacing: 0.05em;
- border-radius: 15em; /* réduit le rayon de la bordure */
- cursor: pointer;
- transition: all 0.3s ease;
- position: relative;
- overflow: hidden;
+
+
+