diff --git a/packages/cozy-client/src/devtools/Flags/FlagItem.jsx b/packages/cozy-client/src/devtools/Flags/FlagItem.jsx index 64a51acf3..6d131e861 100644 --- a/packages/cozy-client/src/devtools/Flags/FlagItem.jsx +++ b/packages/cozy-client/src/devtools/Flags/FlagItem.jsx @@ -40,14 +40,10 @@ const FlagItem = ({ flag, onEdit, onTrash }) => { } /> - onEdit(flag)}> + onEdit(flag)}> - onTrash(flag)} - > + onTrash(flag)}> diff --git a/packages/cozy-client/src/devtools/common.jsx b/packages/cozy-client/src/devtools/common.jsx index e0274a3b3..01687f559 100644 --- a/packages/cozy-client/src/devtools/common.jsx +++ b/packages/cozy-client/src/devtools/common.jsx @@ -15,7 +15,7 @@ const styles = { flexBasis: 240, flexShrink: 0, flexGrow: 0, - boxShadow: '4px 0 8px rgba(0, 0, 0, 0.10)' + boxShadow: 'var(--shadow1)' } } diff --git a/packages/cozy-client/src/devtools/index.jsx b/packages/cozy-client/src/devtools/index.jsx index 1ca74590d..2f6be2e38 100644 --- a/packages/cozy-client/src/devtools/index.jsx +++ b/packages/cozy-client/src/devtools/index.jsx @@ -45,16 +45,16 @@ const useStyles = makeStyles(theme => ({ top: '0', right: '0.5rem', transform: 'translateY(-66%)', - background: 'white', + background: 'var(--paperBackgroundColor)', border: `2px solid ${theme.palette.primary.main}`, - boxShadow: '2px 2px 2px rgba(0, 0, 0, 0.5)', + boxShadow: 'var(--shadow1)', zIndex: 1, '&:hover': { - background: '#efefef' + background: 'var(--paperBackgroundColor)' } }, panelContainer: { - background: 'white', + background: 'var(--paperBackgroundColor)', height: '100%', flexWrap: 'nowrap', overflowX: 'scroll'