diff --git a/projects/mercury/public/public/images/icon_white.png b/projects/mercury/public/public/images/icon_white.png
new file mode 100644
index 000000000..6291bdf6a
Binary files /dev/null and b/projects/mercury/public/public/images/icon_white.png differ
diff --git a/projects/mercury/public/public/images/logo_white.png b/projects/mercury/public/public/images/logo_white.png
index 6291bdf6a..298c8e1a0 100644
Binary files a/projects/mercury/public/public/images/logo_white.png and b/projects/mercury/public/public/images/logo_white.png differ
diff --git a/projects/mercury/src/App.theme.js b/projects/mercury/src/App.theme.js
index c4280d50a..4d2fbbeef 100644
--- a/projects/mercury/src/App.theme.js
+++ b/projects/mercury/src/App.theme.js
@@ -1,10 +1,33 @@
 import {createTheme} from '@mui/material';
-import {blue, indigo, pink} from '@mui/material/colors';
+import {pink} from '@mui/material/colors';
 
-export default createTheme({
+export const COLORS = {
+    fsBlueLight: 'rgba(106,134,232,1)',
+    fsBlueLightTransp25: 'rgba(106,134,232,0.25)',
+    fsBlueMedium: 'rgba(63,102,177,1)',
+    fsBlueDark: 'rgba(7, 59, 82, 1)'
+};
+
+const globalTheme = createTheme({
     palette: {
-        primary: process.env.NODE_ENV === 'development' ? blue : indigo,
-        secondary: pink
+        primary: {
+            main: COLORS.fsBlueMedium,
+            light: COLORS.fsBlueLight,
+            dark: COLORS.fsBlueDark
+        },
+        secondary: pink,
+        background: {
+            default: '#d9d9d9'
+        }
+    }
+});
+
+export default createTheme({
+    ...globalTheme,
+    typography: {
+        button: {
+            textTransform: 'none'
+        }
     },
     components: {
         MuiMenu: {
@@ -88,6 +111,18 @@ export default createTheme({
                 }
             }
         },
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    background: globalTheme.palette.primary.dark,
+                    borderRadius: 15,
+                    borderColor: globalTheme.palette.primary.light,
+                    paddingBottom: 0,
+                    paddingTop: 0,
+                    minHeight: 35
+                }
+            }
+        },
         MuiCardHeader: {
             styleOverrides: {
                 root: {
@@ -117,6 +152,23 @@ export default createTheme({
                     }
                 }
             }
+        },
+        MuiPaper: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: globalTheme.palette.background.default,
+                    // borderRadius: 15,
+                    border: '1px solid',
+                    borderColor: globalTheme.palette.primary.dark
+                }
+            }
+        },
+        MuiBox: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 15
+                }
+            }
         }
     }
 });
diff --git a/projects/mercury/src/layout/Layout.js b/projects/mercury/src/layout/Layout.js
index cc53be7e8..5d4807065 100644
--- a/projects/mercury/src/layout/Layout.js
+++ b/projects/mercury/src/layout/Layout.js
@@ -3,11 +3,8 @@ import PropTypes from 'prop-types';
 import withStyles from '@mui/styles/withStyles';
 import Link from '@mui/material/Link';
 import styles from './Layout.styles';
-import Footer from './Footer';
-import TopBar from './TopBar';
 import MenuDrawer from './MenuDrawer';
 import LoadingInlay from '../common/components/LoadingInlay';
-import versionInfo from '../common/VersionInfo';
 import UserContext from '../users/UserContext';
 import StatusContext, {VALID_USER_SESSION} from '../status/StatusContext';
 import {SERVER_STATUS_UP} from '../status/StatusAPI';
@@ -16,12 +13,7 @@ import StatusAlert from '../status/StatusAlert';
 const LOCAL_STORAGE_MENU_KEY = 'FAIRSPACE_MENU_EXPANDED';
 const LEFT_MENU_EXPANSION_DELAY = 500;
 
-const Layout = ({
-    classes,
-    renderMenu,
-    renderMain = () => {},
-    renderTopbar = () => <TopBar title={versionInfo.name} />
-}) => {
+const Layout = ({classes, renderMenu, renderMain = () => {}}) => {
     const [menuExpanded, setMenuExpanded] = useState(window.localStorage.getItem(LOCAL_STORAGE_MENU_KEY) !== 'false');
     const [menuOpenDueToHover, setMenuOpenDueToHover] = useState(false);
     const [timeoutId, setTimeoutId] = useState();
@@ -88,7 +80,6 @@ const Layout = ({
     return (
         // The app itself consists of a topbar, a drawer and the actual page
         <>
-            {renderTopbar()}
             {renderAlert()}
             {renderMenu && (
                 <MenuDrawer
@@ -99,18 +90,16 @@ const Layout = ({
                     onMouseEnter={handleMouseEnter}
                 />
             )}
-            <main style={{marginLeft: menuExpanded ? 175 : 0}} className={classes.main}>
+            <main style={{marginLeft: menuExpanded ? 220 : 0}} className={classes.main}>
                 {renderMain()}
             </main>
-            <Footer />
         </>
     );
 };
 
 Layout.propTypes = {
     renderMenu: PropTypes.func,
-    renderMain: PropTypes.func,
-    renderTopbar: PropTypes.func
+    renderMain: PropTypes.func
 };
 
 export default withStyles(styles)(Layout);
diff --git a/projects/mercury/src/layout/Layout.styles.js b/projects/mercury/src/layout/Layout.styles.js
index 9a53706c4..681a1db16 100644
--- a/projects/mercury/src/layout/Layout.styles.js
+++ b/projects/mercury/src/layout/Layout.styles.js
@@ -5,7 +5,7 @@ const styles = theme => ({
         minWidth: 0, // So the Typography noWrap works
         overflowY: 'scroll',
         overflowX: 'hidden',
-        height: 'calc(100vh - 115px)'
+        height: '100vh'
     }
 });
 
diff --git a/projects/mercury/src/layout/MainMenu.js b/projects/mercury/src/layout/MainMenu.js
index 989603a2b..cf2fc5de8 100644
--- a/projects/mercury/src/layout/MainMenu.js
+++ b/projects/mercury/src/layout/MainMenu.js
@@ -1,7 +1,8 @@
 import React, {useContext} from 'react';
 import withStyles from '@mui/styles/withStyles';
+import classNames from 'classnames';
 import {NavLink} from 'react-router-dom';
-import {Divider, Icon, List, ListItemButton, ListItemIcon, ListItemText} from '@mui/material';
+import {Button, Icon, Stack} from '@mui/material';
 import {Search, SavedSearch, Folder, FolderSpecial, OpenInNew, VerifiedUser, Widgets} from '@mui/icons-material';
 import HomeIcon from '@mui/icons-material/Home';
 import ServicesContext from '../common/contexts/ServicesContext';
@@ -15,23 +16,40 @@ import {getExternalMetadataSourcePathPrefix} from '../metadata/external-views/ex
 import InternalMetadataSourceContext from '../metadata/metadata-sources/InternalMetadataSourceContext';
 
 const styles = {
+    buttonStack: {
+        paddingLeft: 20,
+        paddingRight: 20
+    },
+    buttonStackCollapsed: {
+        paddingLeft: 10,
+        paddingRight: 10
+    },
     mainMenuButton: {
         paddingTop: 15,
-        paddingBottom: 15
+        paddingBottom: 15,
+        textAlign: 'center',
+        color: 'white',
+        height: 40
+    },
+    mainMenuButtonSmall: {
+        minWidth: 40,
+        width: 40,
+        borderRadius: 20,
+        '& .MuiButton-startIcon': {
+            marginRight: 0,
+            marginLeft: 0
+        }
     },
     imageIcon: {
         display: 'flex',
         height: 'inherit',
         width: 'inherit'
     },
-    coreMenuImageIcon: {
-        opacity: 0.6
-    },
     iconRoot: {
         textAlign: 'center'
     }
 };
-const MainMenu = ({classes}) => {
+const MainMenu = ({open, classes}) => {
     const {pathname} = window.location;
     const {services} = useContext(ServicesContext);
     const {currentUser} = useContext(UserContext);
@@ -43,92 +61,91 @@ const MainMenu = ({classes}) => {
     const interpolate = s => s.replace('${username}', currentUser.username);
     return (
         <>
-            <List>
-                <ListItemButton
-                    className={classes.mainMenuButton}
+            <Stack spacing={1.5} className={open ? classes.buttonStack : classes.buttonStackCollapsed}>
+                <Button
+                    variant="outlined"
+                    size="small"
+                    className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                     component={NavLink}
                     to="/dashboard"
                     selected={pathname.startsWith('/dashboard')}
+                    startIcon={<HomeIcon />}
                 >
-                    <ListItemIcon>
-                        <HomeIcon />
-                    </ListItemIcon>
-                    <ListItemText primary="Home" />
-                </ListItemButton>
-                <ListItemButton
-                    className={classes.mainMenuButton}
+                    {open && 'Home'}
+                </Button>
+                <Button
+                    variant="outlined"
+                    size="small"
+                    className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                     component={NavLink}
                     to="/workspaces"
                     selected={pathname.startsWith('/workspace')}
+                    startIcon={<Widgets />}
                 >
-                    <ListItemIcon>
-                        <Widgets />
-                    </ListItemIcon>
-                    <ListItemText primary="Workspaces" />
-                </ListItemButton>
-                <ListItemButton
-                    className={classes.mainMenuButton}
+                    {open ? 'Workspaces' : null}
+                </Button>
+                <Button
+                    variant="outlined"
+                    size="small"
+                    className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                     key="collections"
                     component={NavLink}
                     to="/collections"
                     selected={pathname.startsWith('/collections')}
+                    startIcon={<Folder />}
                 >
-                    <ListItemIcon>
-                        <Folder />
-                    </ListItemIcon>
-                    <ListItemText primary="Collections" />
-                </ListItemButton>
+                    {open && 'Collections'}
+                </Button>
                 {externalStorages &&
                     externalStorages.map(storage => (
-                        <ListItemButton
-                            className={classes.mainMenuButton}
+                        <Button
+                            variant="outlined"
+                            size="small"
+                            className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                             key={getExternalStoragePathPrefix(storage.name)}
                             component={NavLink}
                             to={getExternalStoragePathPrefix(storage.name)}
                             selected={pathname.startsWith(getExternalStoragePathPrefix(storage.name))}
+                            startIcon={<FolderSpecial />}
                         >
-                            <ListItemIcon>
-                                <FolderSpecial />
-                            </ListItemIcon>
-                            <ListItemText primary={storage.label} />
-                        </ListItemButton>
+                            {open && storage.label}
+                        </Button>
                     ))}
                 {views && views.length > 0 && currentUser.canViewPublicMetadata && (
-                    <ListItemButton
-                        className={classes.mainMenuButton}
+                    <Button
+                        variant="outlined"
+                        size="small"
+                        className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                         key="metadata-views"
                         component={NavLink}
                         to="/metadata-views"
                         selected={pathname.startsWith('/metadata-views')}
-                    >
-                        <ListItemIcon>
-                            {internalMetadataIcon ? (
+                        startIcon={
+                            internalMetadataIcon ? (
                                 <Icon classes={{root: classes.iconRoot}}>
-                                    <img
-                                        alt="Metadata"
-                                        src={internalMetadataIcon}
-                                        className={`${classes.imageIcon} ${classes.coreMenuImageIcon}`}
-                                    />
+                                    <img alt="Metadata" src={internalMetadataIcon} className={classes.imageIcon} />
                                 </Icon>
                             ) : (
                                 <Search />
-                            )}
-                        </ListItemIcon>
-                        <ListItemText primary={internalMetadataLabel} />
-                    </ListItemButton>
+                            )
+                        }
+                    >
+                        {open && internalMetadataLabel}
+                    </Button>
                 )}
                 {currentUser.canViewPublicMetadata &&
                     externalMetadataSources &&
                     externalMetadataSources.map(source => (
-                        <ListItemButton
-                            className={classes.mainMenuButton}
+                        <Button
+                            variant="outlined"
+                            size="small"
+                            className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                             key={getExternalMetadataSourcePathPrefix(source.name)}
                             component={NavLink}
                             to={getExternalMetadataSourcePathPrefix(source.name)}
                             selected={pathname.startsWith(getExternalMetadataSourcePathPrefix(source.name))}
-                        >
-                            <ListItemIcon>
-                                {source.icon ? (
+                            startIcon={
+                                source.icon ? (
                                     <Icon classes={{root: classes.iconRoot}}>
                                         <img
                                             alt={source.name}
@@ -138,52 +155,55 @@ const MainMenu = ({classes}) => {
                                     </Icon>
                                 ) : (
                                     <SavedSearch />
-                                )}
-                            </ListItemIcon>
-                            <ListItemText primary={source.label} />
-                        </ListItemButton>
+                                )
+                            }
+                        >
+                            {open && source.label}
+                        </Button>
                     ))}
                 {isAdmin(currentUser) && (
-                    <ListItemButton
-                        className={classes.mainMenuButton}
+                    <Button
+                        variant="outlined"
+                        size="small"
+                        className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
                         key="users"
                         component={NavLink}
                         to="/users"
                         selected={pathname.startsWith('/users')}
+                        startIcon={<VerifiedUser />}
                     >
-                        <ListItemIcon>
-                            <VerifiedUser />
-                        </ListItemIcon>
-                        <ListItemText primary="Users" />
-                    </ListItemButton>
+                        {open && 'Users'}
+                    </Button>
                 )}
-            </List>
-
-            <div>
-                <Divider />
-                <List>
-                    {services.map(service => (
-                        <ListItemButton
-                            className={classes.mainMenuButton}
-                            component="a"
-                            target="_blank"
-                            href={interpolate(service.url)}
-                            key={'service-' + service.name}
-                        >
-                            <ListItemIcon>
-                                {service.icon ? (
-                                    <Icon classes={{root: classes.iconRoot}}>
-                                        <img alt={service.name} src={service.icon} className={classes.imageIcon} />
-                                    </Icon>
-                                ) : (
-                                    <OpenInNew />
-                                )}
-                            </ListItemIcon>
-                            <ListItemText primary={service.name} />
-                        </ListItemButton>
-                    ))}
-                </List>
-            </div>
+            </Stack>
+            <Stack
+                spacing={1.5}
+                className={open ? classes.buttonStack : classes.buttonStackCollapsed}
+                style={{paddingTop: 30}}
+            >
+                {services.map(service => (
+                    <Button
+                        variant="outlined"
+                        size="small"
+                        className={classNames(classes.mainMenuButton, !open && classes.mainMenuButtonSmall)}
+                        component="a"
+                        target="_blank"
+                        href={interpolate(service.url)}
+                        key={'service-' + service.name}
+                        startIcon={
+                            service.icon ? (
+                                <Icon classes={{root: classes.iconRoot}}>
+                                    <img alt={service.name} src={service.icon} className={classes.imageIcon} />
+                                </Icon>
+                            ) : (
+                                <OpenInNew />
+                            )
+                        }
+                    >
+                        {open && service.name}
+                    </Button>
+                ))}
+            </Stack>
         </>
     );
 };
diff --git a/projects/mercury/src/layout/MenuDrawer.js b/projects/mercury/src/layout/MenuDrawer.js
index 0dc5b4897..814269bdb 100644
--- a/projects/mercury/src/layout/MenuDrawer.js
+++ b/projects/mercury/src/layout/MenuDrawer.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import {Divider, Drawer, IconButton} from '@mui/material';
+import {Drawer, IconButton} from '@mui/material';
 import withStyles from '@mui/styles/withStyles';
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
@@ -15,15 +15,21 @@ const MenuDrawer = ({open, renderMenu, toggleMenuExpansion, onMouseEnter, onMous
             paper: classNames(classes.drawerPaper, open ? classes.drawerPaperOpen : classes.drawerPaperClose)
         }}
     >
+        <div className={classes.mainLogo}>
+            {open ? (
+                <img src="/public/images/logo_white.png" alt="Fairspace" height="80" />
+            ) : (
+                <img src="/public/images/icon_white.png" alt="Fairspace" width="40" />
+            )}
+        </div>
+        <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
+            {renderMenu(open)}
+        </div>
         <div className={classes.toolbar}>
-            <IconButton onClick={toggleMenuExpansion} size="medium">
+            <IconButton onClick={toggleMenuExpansion} size="medium" className={classes.toolbarIcon}>
                 {open ? <ChevronLeftIcon /> : <ChevronRightIcon />}
             </IconButton>
         </div>
-        <Divider />
-        <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
-            {renderMenu()}
-        </div>
     </Drawer>
 );
 
diff --git a/projects/mercury/src/layout/MenuDrawer.styles.js b/projects/mercury/src/layout/MenuDrawer.styles.js
index fafd21fbd..c8812a8bf 100644
--- a/projects/mercury/src/layout/MenuDrawer.styles.js
+++ b/projects/mercury/src/layout/MenuDrawer.styles.js
@@ -2,13 +2,15 @@ const styles = theme => ({
     drawerPaper: {
         position: 'fixed',
         whiteSpace: 'nowrap',
-        width: 240,
-        marginTop: '65px',
+        width: 280,
+        marginTop: '0',
         overflow: 'hidden',
         transition: theme.transitions.create('width', {
             easing: theme.transitions.easing.sharp,
             duration: theme.transitions.duration.enteringScreen
-        })
+        }),
+        background: `radial-gradient(at right center, ${theme.palette.primary.main} 20%, ${theme.palette.primary.dark} 75%)`,
+        height: '100vh'
     },
     drawerPaperOpen: {
         transition: theme.transitions.create('width', {
@@ -24,13 +26,22 @@ const styles = theme => ({
         width: 62
     },
     toolbar: {
-        backgroundColor: '#f0f0f0',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'flex-end',
         padding: '0 8px',
         ...theme.mixins.toolbar
     },
+    toolbarIcon: {
+        color: 'white'
+    },
+    mainLogo: {
+        flexGrow: 1,
+        textAlign: 'center',
+        maxHeight: 140,
+        marginTop: 60,
+        marginBottom: 30
+    },
     customerLogo: {
         position: 'absolute',
         bottom: 50,
diff --git a/projects/mercury/src/layout/TopBar.js b/projects/mercury/src/layout/TopBar.js
index ff057142f..81626f3b0 100644
--- a/projects/mercury/src/layout/TopBar.js
+++ b/projects/mercury/src/layout/TopBar.js
@@ -21,7 +21,7 @@ const TopBar = ({classes, children}) => (
     <AppBar className={classes.root} position="sticky">
         <Toolbar>
             <div className={classes.title}>
-                <img src="/public/images/logo_white.png" alt="Fairspace" height="60" />
+                <img src="/images/icon_white.png" alt="Fairspace" height="60" />
             </div>
             {children}
             <UserMenu />
diff --git a/projects/mercury/src/layout/WorkspaceLayout.js b/projects/mercury/src/layout/WorkspaceLayout.js
index 52e8c1379..c020edf61 100644
--- a/projects/mercury/src/layout/WorkspaceLayout.js
+++ b/projects/mercury/src/layout/WorkspaceLayout.js
@@ -39,7 +39,7 @@ const WorkspaceLayoutInner = () => {
                                                 <MetadataViewFacetsProvider>
                                                     <MetadataViewProvider>
                                                         <Layout
-                                                            renderMenu={() => <MainMenu />}
+                                                            renderMenu={open => <MainMenu open={open} />}
                                                             renderMain={() => <WorkspaceRoutes />}
                                                             renderTopbar={() => <TopBar title={title} />}
                                                         />
diff --git a/projects/pluto/src/main/resources/icons/jupyter.svg b/projects/pluto/src/main/resources/icons/jupyter.svg
index ab2550874..f5c0a3d64 100644
--- a/projects/pluto/src/main/resources/icons/jupyter.svg
+++ b/projects/pluto/src/main/resources/icons/jupyter.svg
@@ -8,37 +8,37 @@
 <g id="g" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path9 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path0_fill" transform="translate(1640.54 2474.36)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path0_fill" transform="translate(1640.54 2474.36)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path10 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path1_fill" transform="translate(1645.68 2474.37)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path1_fill" transform="translate(1645.68 2474.37)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path11 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path2_fill" transform="translate(1653.39 2474.26)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path2_fill" transform="translate(1653.39 2474.26)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path12 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path3_fill" transform="translate(1660.43 2474.39)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path3_fill" transform="translate(1660.43 2474.39)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path13 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path4_fill" transform="translate(1667.55 2472.54)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path4_fill" transform="translate(1667.55 2472.54)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path14 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path5_fill" transform="translate(1672.47 2474.29)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path5_fill" transform="translate(1672.47 2474.29)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path15 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path6_fill" transform="translate(1679.98 2474.24)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path6_fill" transform="translate(1679.98 2474.24)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 </g>
@@ -46,27 +46,27 @@
 <g id="g" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path16 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path7_fill" transform="translate(1673.48 2453.69)" fill="#767677" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path7_fill" transform="translate(1673.48 2453.69)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path17 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path8_fill" transform="translate(1643.21 2484.27)" fill="#F37726" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path8_fill" transform="translate(1643.21 2484.27)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path18 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path9_fill" transform="translate(1643.21 2457.88)" fill="#F37726" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path9_fill" transform="translate(1643.21 2457.88)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path19 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path10_fill" transform="translate(1643.28 2496.09)" fill="#9E9E9E" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path10_fill" transform="translate(1643.28 2496.09)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 <g id="path" style="mix-blend-mode:normal;" figma:type="group">
 <g id="path20 fill" style="mix-blend-mode:normal;" figma:type="vector">
-<use xlink:href="#path11_fill" transform="translate(1641.87 2458.43)" fill="#616262" style="mix-blend-mode:normal;"/>
+<use xlink:href="#path11_fill" transform="translate(1641.87 2458.43)" fill="#FFFFFF" style="mix-blend-mode:normal;"/>
 </g>
 </g>
 </g>
diff --git a/projects/pluto/src/main/resources/icons/metadata.svg b/projects/pluto/src/main/resources/icons/metadata.svg
index ccbefe992..8c048eb84 100644
--- a/projects/pluto/src/main/resources/icons/metadata.svg
+++ b/projects/pluto/src/main/resources/icons/metadata.svg
@@ -6,7 +6,7 @@
  preserveAspectRatio="xMidYMid meet">
 
 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
+fill="#FFFFFF" stroke="none">
 <path d="M3125 5050 c-709 -127 -1242 -676 -1356 -1395 -16 -103 -16 -367 0
 -470 59 -371 217 -684 476 -940 340 -336 789 -503 1277 -473 655 39 1240 489
 1448 1115 139 421 115 845 -71 1241 -217 463 -647 802 -1157 913 -145 31 -466
diff --git a/projects/pluto/src/main/resources/icons/omics.svg b/projects/pluto/src/main/resources/icons/omics.svg
index f01ada732..e0002754f 100644
--- a/projects/pluto/src/main/resources/icons/omics.svg
+++ b/projects/pluto/src/main/resources/icons/omics.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="512px" height="512px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g><path style="opacity:0.963" fill="#000000" d="M 511.5,140.5 C 511.5,144.5 511.5,148.5 511.5,152.5C 509.744,156.093 507.077,158.926 503.5,161C 464.154,182.791 422.487,189.291 378.5,180.5C 391.653,242.863 375.653,296.363 330.5,341C 286.735,379.025 236.401,391.859 179.5,379.5C 188.291,423.487 181.791,465.154 160,504.5C 158.306,507.358 156.139,509.691 153.5,511.5C 148.167,511.5 142.833,511.5 137.5,511.5C 130.527,505.53 128.694,498.196 132,489.5C 137.101,482.507 140.434,474.84 142,466.5C 109.833,434.333 77.6667,402.167 45.5,370C 44.1667,369.333 42.8333,369.333 41.5,370C 33.9413,373.228 26.608,376.894 19.5,381C 10.7852,382.805 4.11851,379.972 -0.5,372.5C -0.5,368.5 -0.5,364.5 -0.5,360.5C 1.25648,356.907 3.92315,354.074 7.5,352C 46.1084,330.049 87.1084,323.882 130.5,333.5C 131.167,333.167 131.833,332.833 132.5,332.5C 118.651,263.537 138.651,206.703 192.5,162C 234.49,131.702 280.823,122.202 331.5,133.5C 322.34,88.1256 329.507,45.459 353,5.5C 358.269,0.754758 364.436,-0.745242 371.5,1C 379.108,5.38604 381.942,11.886 380,20.5C 376.318,27.8644 372.651,35.1978 369,42.5C 368.333,43.8333 368.333,45.1667 369,46.5C 401.167,78.6667 433.333,110.833 465.5,143C 473.84,141.434 481.507,138.101 488.5,133C 498.31,129.251 505.977,131.751 511.5,140.5 Z M 359.5,82.5 C 382.965,105.465 406.299,128.632 429.5,152C 408.671,153.93 388.337,151.264 368.5,144C 360.959,124.043 357.959,103.543 359.5,82.5 Z M 283.5,159.5 C 304.034,159.034 324.034,162.034 343.5,168.5C 348.944,185.053 351.944,202.053 352.5,219.5C 352.589,223.285 352.089,226.952 351,230.5C 327.833,207.333 304.667,184.167 281.5,161C 282.416,160.722 283.082,160.222 283.5,159.5 Z M 243.5,168.5 C 277.083,200.582 310.249,233.248 343,266.5C 339.094,279.141 332.928,290.641 324.5,301C 323.833,301.667 323.167,301.667 322.5,301C 285.333,263.833 248.167,226.667 211,189.5C 210.383,188.551 210.549,187.718 211.5,187C 221.444,179.53 232.111,173.363 243.5,168.5 Z M 186.5,211.5 C 224.75,248.249 262.583,285.582 300,323.5C 300.617,324.449 300.451,325.282 299.5,326C 289.222,334.137 277.889,340.137 265.5,344C 233,311.5 200.5,279 168,246.5C 172.042,233.751 178.209,222.085 186.5,211.5 Z M 159.5,282.5 C 182.965,305.465 206.299,328.632 229.5,352C 225.784,353.093 221.95,353.593 218,353.5C 200.728,352.879 183.895,349.879 167.5,344.5C 162.056,327.947 159.056,310.947 158.5,293.5C 158.576,289.783 158.909,286.117 159.5,282.5 Z M 90.5,359.5 C 108.566,359.947 126.066,363.28 143,369.5C 150.248,389.237 152.915,409.57 151,430.5C 127.833,407.333 104.667,384.167 81.5,361C 84.6946,360.819 87.6946,360.319 90.5,359.5 Z"/></g>
+<g><path style="opacity:0.963" fill="#FFFFFF" d="M 511.5,140.5 C 511.5,144.5 511.5,148.5 511.5,152.5C 509.744,156.093 507.077,158.926 503.5,161C 464.154,182.791 422.487,189.291 378.5,180.5C 391.653,242.863 375.653,296.363 330.5,341C 286.735,379.025 236.401,391.859 179.5,379.5C 188.291,423.487 181.791,465.154 160,504.5C 158.306,507.358 156.139,509.691 153.5,511.5C 148.167,511.5 142.833,511.5 137.5,511.5C 130.527,505.53 128.694,498.196 132,489.5C 137.101,482.507 140.434,474.84 142,466.5C 109.833,434.333 77.6667,402.167 45.5,370C 44.1667,369.333 42.8333,369.333 41.5,370C 33.9413,373.228 26.608,376.894 19.5,381C 10.7852,382.805 4.11851,379.972 -0.5,372.5C -0.5,368.5 -0.5,364.5 -0.5,360.5C 1.25648,356.907 3.92315,354.074 7.5,352C 46.1084,330.049 87.1084,323.882 130.5,333.5C 131.167,333.167 131.833,332.833 132.5,332.5C 118.651,263.537 138.651,206.703 192.5,162C 234.49,131.702 280.823,122.202 331.5,133.5C 322.34,88.1256 329.507,45.459 353,5.5C 358.269,0.754758 364.436,-0.745242 371.5,1C 379.108,5.38604 381.942,11.886 380,20.5C 376.318,27.8644 372.651,35.1978 369,42.5C 368.333,43.8333 368.333,45.1667 369,46.5C 401.167,78.6667 433.333,110.833 465.5,143C 473.84,141.434 481.507,138.101 488.5,133C 498.31,129.251 505.977,131.751 511.5,140.5 Z M 359.5,82.5 C 382.965,105.465 406.299,128.632 429.5,152C 408.671,153.93 388.337,151.264 368.5,144C 360.959,124.043 357.959,103.543 359.5,82.5 Z M 283.5,159.5 C 304.034,159.034 324.034,162.034 343.5,168.5C 348.944,185.053 351.944,202.053 352.5,219.5C 352.589,223.285 352.089,226.952 351,230.5C 327.833,207.333 304.667,184.167 281.5,161C 282.416,160.722 283.082,160.222 283.5,159.5 Z M 243.5,168.5 C 277.083,200.582 310.249,233.248 343,266.5C 339.094,279.141 332.928,290.641 324.5,301C 323.833,301.667 323.167,301.667 322.5,301C 285.333,263.833 248.167,226.667 211,189.5C 210.383,188.551 210.549,187.718 211.5,187C 221.444,179.53 232.111,173.363 243.5,168.5 Z M 186.5,211.5 C 224.75,248.249 262.583,285.582 300,323.5C 300.617,324.449 300.451,325.282 299.5,326C 289.222,334.137 277.889,340.137 265.5,344C 233,311.5 200.5,279 168,246.5C 172.042,233.751 178.209,222.085 186.5,211.5 Z M 159.5,282.5 C 182.965,305.465 206.299,328.632 229.5,352C 225.784,353.093 221.95,353.593 218,353.5C 200.728,352.879 183.895,349.879 167.5,344.5C 162.056,327.947 159.056,310.947 158.5,293.5C 158.576,289.783 158.909,286.117 159.5,282.5 Z M 90.5,359.5 C 108.566,359.947 126.066,363.28 143,369.5C 150.248,389.237 152.915,409.57 151,430.5C 127.833,407.333 104.667,384.167 81.5,361C 84.6946,360.819 87.6946,360.319 90.5,359.5 Z"/></g>
 </svg>