Rename white to D80 (#5472)

Author: EgoziE

src/ColorPicker/ColorPicker.scss

@@ -1,6 +1,8 @@
+@import '../common.scss';
+
 .root {
   width: 240px;
-  background: #fff;
+  background: $D80;
   border-radius: 8px;
 }
 

src/ColorPicker/ColorPickerHsb.scss

@@ -44,7 +44,7 @@
   margin-left: -6px;
   position: absolute;
   border: solid 1px $D10;
-  background: #fff;
+  background: $D80;
   opacity: .7;
   cursor: pointer;
 }

src/DragAndDrop/docs/SortableList/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.scss

@@ -1,3 +1,5 @@
+@import '../../../../common.scss';
+
 .root {
   display: flex;
   justify-content: space-between;
@@ -18,7 +20,7 @@
 }
 
 .columnPlaceholder {
-  background-color: #fff;
+  background-color: $D80;
   div div {
     visibility: hidden;
   }

src/DragAndDrop/docs/SortableList/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.scss

@@ -1,3 +1,5 @@
+@import '../../../../common.scss';
+
 .root {
   display: flex;
   justify-content: space-between;
@@ -18,7 +20,7 @@
 }
 
 .columnPlaceholder {
-  background-color: #fff;
+  background-color: $D80;
   div div {
     visibility: hidden;
   }

src/MessageBox/MarketerialLayout/MessageBoxMarketerialLayout.scss

@@ -3,7 +3,7 @@
 
 .root {
   box-shadow: $Shadow40;
-  background-color: #fff;
+  background-color: $D80;
   border-radius: 8px;
 }
 

src/Page/docs/ExamplePageContainer.scss

@@ -1,6 +1,7 @@
 /* These styles try to imitate the current BusinessManager's styles.
    Created by running the business-manager-test-app and copying the relevant DOM structure and styles.
  */
+@import '../../common.scss';
 
 $headerHeight: 48px;
 $sideBarWidth: 220px;
@@ -18,7 +19,7 @@ $sideBarWidth: 220px;
   height: $headerHeight;
   justify-content: space-between;
   position: relative;
-  background-color: #fff;
+  background-color: $D80;
   z-index: 2000
 }
 

src/Page/test/examples/BMPageContainer.scss

@@ -1,6 +1,7 @@
 /* These styles try to imitate the current BusinessManager's styles.
    Created by running the business-manager-test-app and copying the relevant DOM structure and styles.
  */
+@import '../../../common.scss';
 
 $sideBarWidth: 220px;
 
@@ -16,7 +17,7 @@ $sideBarWidth: 220px;
   display: flex;
   justify-content: space-between;
   position: relative;
-  background-color: #fff;
+  background-color: $D80;
   z-index: 2000
 }
 

src/mixins.scss

@@ -3,7 +3,7 @@
 @mixin default-scroll-bar() {
   &::-webkit-scrollbar {
     width: 18px;
-    background-color: #fff;
+    background-color: $D80;
   }
   &::-webkit-scrollbar-button {
     display: none;