Version 1.0.0 - Finalisation de Account et de GuildHeader

src/assets/Global.scss

@@ -4,33 +4,44 @@
 }
 
 [data-theme='dark'] {
-    --main: #CD034F;
-    --main-hover: #A0023F;
-    --main-active: #7A002F;
+    
 
     --primary: #111210;
+    --primary-hover: #ececec;
     --secondary: #2A2B28;
     --tertiary: #404040;
     --text: #FFFFFF;
+    --text-inverse: #111210;
     --text-secondary: #C5c3c3;
+    --text-tertiary: #A5A5A5;
     --text-error: #ff2b2b;
-    
-    color: var(--text);
+
+  
 }
 
 [data-theme='light'] {
+
+    --primary: #FFFFFF;
+    --primary-hover: #292b26;
+    --secondary: #EAEAEA;
+    --tertiary: #cacaca;
+    --text: #111210;
+    --text-inverse: #FFFFFF;
+    --text-secondary: #404040;
+    --text-tertiary: #C5c3c3;
+    --text-error: #CD034F;  
+}
+
+:root {
     --main: #CD034F;
     --main-hover: #A0023F;
     --main-active: #7A002F;
 
-    --primary: #FFFFFF;
-    --secondary: #EAEAEA;
-    --tertiary: #C5c3c3;
-    --text: #111210;
-    --text-secondary: #404040;
-    --text-error: #CD034F;  
+    --text-success: #00ff00;
 
-    color: var(--text);
+    --admin-color: #209AFE;
+    --owner-color: #FFAA32;
+    --mod-color: #0BFF89;
 }
 
 html, body {
@@ -43,7 +54,9 @@ html, body {
     height: 100%;
     overflow-x: hidden;
     background-color: var(--primary);
-    transition: all 0.5s ease-in-out;
+    transition: all 0.2s ease-in-out;
+    color: var(--text);
+
    
 }
 
@@ -85,4 +98,54 @@ a {
   
 .full {
     width: 100%;
+}
+
+textarea {
+    resize: vertical;
+    background-color: var(--tertiary);
+    border: none;
+    border-radius: 5px;
+    padding: 5px;
+    color: var(--text);
+    font-family: 'Inter', sans-serif;
+    outline: none;
+    min-height: 4vh;
+    max-height: 15vh;
+}
+
+textarea:focus {
+    box-shadow: 0 0 5px var(--main);
+}
+
+
+@keyframes appear {
+    from {
+        transform: scale(0.9);
+    }
+    to {
+        transform: scale(1);
+    }
+}
+
+@keyframes unfold {
+    from {
+        max-height: 0px;
+        opacity: 0;
+    }
+    to {
+        max-height: 100vh;
+        opacity: 1;
+    }
+}
+
+input[type="checkbox"] {
+    background-color: #FFFFFF !important;
+}
+
+input[type="checkbox"]:checked {
+    background-color: var(--main-hover) !important;
+}
+
+input[type="checkbox"]:hover {
+    background-color: var(--main-active) !important;
 }