Changed background to white & added new shadow in title bar (#1141)

Signed-off-by: Benjamin Perez <[email protected]>

Co-authored-by: Benjamin Perez <[email protected]>

Author: bexsoft

portal-ui/build/styles/root-styles.css

@@ -137,7 +137,7 @@
 
 body {
   margin: 0;
-  background-color: rgb(250, 250, 250);
+  background-color: #fff;
   font-family: "Lato", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

portal-ui/public/styles/root-styles.css

@@ -137,7 +137,7 @@
 
 body {
   margin: 0;
-  background-color: rgb(250, 250, 250);
+  background-color: #fff;
   font-family: "Lato", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

portal-ui/src/screens/Console/Common/PageHeader/PageHeader.tsx

@@ -15,12 +15,11 @@ const styles = (theme: Theme) =>
     headerContainer: {
       // position: "absolute",
       width: "100%",
-      minHeight: 77,
+      minHeight: 79,
       display: "flex",
       backgroundColor: "#fff",
-      borderBottom: "2px solid",
-      borderBottomColor: "#e8e8e8",
       left: 0,
+      boxShadow: "rgba(0,0,0,.08) 0 3px 10px",
     },
     label: {
       display: "flex",

portal-ui/src/screens/Console/Menu/Menu.tsx

@@ -68,8 +68,10 @@ const styles = (theme: Theme) =>
   createStyles({
     logo: {
       paddingTop: 25,
+      height: 80,
       marginBottom: 30,
       paddingLeft: 45,
+      borderBottom: "#1C3B64 1px solid",
       transition: theme.transitions.create("paddingLeft", {
         easing: theme.transitions.easing.sharp,
         duration: theme.transitions.duration.leavingScreen,
@@ -560,7 +562,7 @@ const Menu = ({
             size="large"
           >
             {sidebarOpen ? <ChevronLeft /> : <MenuIcon />}
-          </IconButton>
+          </IconButton> 
         </div>
         <List className={classes.menuList}>
           {menuGroups.map((groupMember, index) => {
@@ -578,7 +580,7 @@ const Menu = ({
 
             return (
               <React.Fragment key={`menuElem-${index.toString()}`}>
-                <Divider className={classes.menuDivider} />
+                {index !== 0 && <Divider className={classes.menuDivider} />}
                 {filterByGroup.map((page: IMenuItem) => {
                   switch (page.type) {
                     case "item": {

portal-ui/src/theme/main.ts

@@ -17,7 +17,7 @@ const theme = createTheme({
     error: {
       light: "#e03a48",
       main: "#dc1f2e",
-      contrastText: "#ffffff",
+      contrastText: "#fff",
     },
     grey: {
       100: "#f0f0f0",
@@ -31,7 +31,7 @@ const theme = createTheme({
       900: "#333333",
     },
     background: {
-      default: "#FAFAFA",
+      default: "#fff",
     },
   },
   typography: {