Css files reorganised

front/style/home/titre.css

@@ -1,83 +0,0 @@
-#main {
-    margin-left: 10%;
-    margin-right: 10%;
-    border: solid 2px purple;
-    display: flex;
-    flex-direction: column;
-    font-family: Helvetica;
-}
-
-.new {
-    border-radius: 100%;
-}
-
-#header {
-    text-align: center;
-    background-color: green;
-    margin: 0px;
-}
-
-#body {
-    display: flex;
-    flex-direction: row;
-    border: solid 10px violet;
-    margin: 0px;
-}
-
-#personal-space {
-    background-color: orange;
-    display: flex;
-    flex-direction: column;
-}
-
-#sideMenu {
-    background-color: grey;
-}
-
-#titlePersonalSpace h2 {
-    text-align: center;
-}
-
-#sideMenu h2 {
-    display: inline-block;
-    margin-right: 5%;
-}
-
-.titreSideMenu {
-    border-bottom: black solid 2px;
-    width: 95%;
-}
-
-#sideMenu .title {
-    font-size: 13px;
-    font-weight: bold;
-    color: #ffffff;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    background-color: black;
-    padding: 1.5%;
-    margin-bottom: 0px;
-}
-
-#bodyPersonalSpace {
-    width: 95%;
-    border: 1px red solid;
-    align-self: center;
-}
-#bodyPersonalSpace table {
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 1em;
-}
-
-td {
-    border: 3px solid black;
-    padding-bottom: 1%;
-    padding-top: 1%;
-    margin: 80px;
-    text-align: center;
-}
-
-td:hover {
-    background-color: red;
-}

front/style/settings/settings.css

@@ -0,0 +1,2 @@
+@import url(../template/header.css);
+@import url(../theme/dark.css);

front/style/variable.css

@@ -1,7 +0,0 @@
-:root {
-    --main-color: #191a21;
-    --second-color: #282a36;
-    --third-color: #303341;
-    --accent-color: #ffa238;
-    --main-contrast-color: #e6edf3;
-}

front/views/Settings.tsx

@@ -1,9 +1,10 @@
-import "../style/home.css"
+import "../style/settings/settings.css"
+import {Header} from './template/Header'
 
 export default function Settings({username} : {username : string}){
     return (
         <div id="main">
-            <Title username={username} />
+            <Header username={username} />
         </div>
     )
 }