Centralize css in natural #11936

Author: sambaptista

client/app/admin/admin/admin.component.html

@@ -21,10 +21,10 @@
                         <mat-panel-title>Utilisateurs</mat-panel-title>
                     </mat-expansion-panel-header>
                     <mat-nav-list>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="user"
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="user"
                             >Tous les utilisateurs</a
                         >
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="import">Import</a>
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="import">Import</a>
                     </mat-nav-list>
                 </mat-expansion-panel>
 
@@ -33,7 +33,7 @@
                         <mat-panel-title>Produits</mat-panel-title>
                     </mat-expansion-panel-header>
                     <mat-nav-list>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="product"
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="product"
                             >Tous les produits</a
                         >
                     </mat-nav-list>
@@ -44,13 +44,15 @@
                         <mat-panel-title>Communauté</mat-panel-title>
                     </mat-expansion-panel-header>
                     <mat-nav-list>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="news">Actualités</a>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="event">Événements</a>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="comment">Commentaires</a>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="session"
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="news">Actualités</a>
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="event">Événements</a>
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="comment"
+                            >Commentaires</a
+                        >
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="session"
                             >Conversations carbone</a
                         >
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="facilitator-document"
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="facilitator-document"
                             >Documents facilitateurs</a
                         >
                     </mat-nav-list>
@@ -61,7 +63,7 @@
                         <mat-panel-title>Comptabilité</mat-panel-title>
                     </mat-expansion-panel-header>
                     <mat-nav-list>
-                        <a mat-list-item routerLinkActive="nat-gradient-secondary" routerLink="order">Ventes</a>
+                        <a mat-list-item routerLinkActive="nat-gradient-dark-fixed" routerLink="order">Ventes</a>
                     </mat-nav-list>
                 </mat-expansion-panel>
             </mat-accordion>

client/styles.scss

@@ -13,44 +13,6 @@ html {
     );
 }
 
-html,
-body,
-app-root {
-    margin: 0;
-    height: 100%;
-    min-height: 100%;
-}
-
-app-root {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-}
-
-body {
-    background-color: var(--mat-sys-surface-container);
-    color: var(--mat-sys-on-surface);
-    font: var(--mat-sys-body-medium);
-
-    @include mat.table-overrides(
-        (
-            row-item-outline-color: var(--mat-sys-outline-variant),
-        )
-    );
-
-    @include mat.sidenav-overrides(
-        (
-            container-background-color: var(--mat-sys-surface-container),
-            content-background-color: var(--mat-sys-surface-container),
-        )
-    );
-}
-
-natural-sidenav-container {
-    margin: 0;
-}
-
 .container {
     box-sizing: border-box;
     margin-right: auto !important;