backgound color fix

src/app/_modules/administration/page/administration-page.component.scss

@@ -18,4 +18,5 @@
 }
 :host{
   font-size: 20px;
-}
+}
+

src/app/_modules/companies/company/company.component.scss

@@ -72,7 +72,6 @@
 
 .content {
   padding: 24px 40px;
-  background-color: #FFFFFF;
   border-bottom: #6c6c6c solid 1px;
   .properties {
     display: flex;

src/app/_modules/layout/grid/grid.component.scss

@@ -3,7 +3,6 @@
   min-height: 100%;
   display: flex;
   flex-direction: column;
-  background-color: #ffffff;
   header, footer {
     flex-grow: 0;
   }

src/app/_modules/layout/header/header.component.scss

@@ -95,6 +95,7 @@
 @media screen and (min-width: 1264px){
   .header{
     position: relative;
+    background-color: #FFF;
     .top{
       padding: 20px 0;
       background-color: var(--white);

src/app/_modules/layout/setting-site/setting-site.component.scss

@@ -55,6 +55,7 @@
 
           &.style-color {
             color: #28a814;
+            background-color: #F6F6F6;
           }
           &.style-brown {
             background-color: #f7f0d2;

src/assets/css/basics.scss

@@ -1,5 +1,9 @@
 @import "~@angular/material/prebuilt-themes/indigo-pink.css";
 
+.style-color{
+  background-color: #f6f6f6;
+}
+
  .mat-calendar-body-selected {
   background-color: #0079c2;
 }