Fix backgroundcolor of toolbar for dark mode

This commit is contained in:
Sascha 2021-02-26 16:39:18 +01:00
parent 30587cc03f
commit b996779197

View File

@ -3,7 +3,7 @@ import { LocationDescriptor } from 'history';
import React from 'react'; import React from 'react';
import Toolbar from '@material-ui/core/Toolbar'; import Toolbar from '@material-ui/core/Toolbar';
import { makeStyles } from '@material-ui/core/styles'; import { fade, makeStyles } from '@material-ui/core/styles';
import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline'; import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
import ErrorOutline from '@material-ui/icons/ErrorOutline'; import ErrorOutline from '@material-ui/icons/ErrorOutline';
@ -19,8 +19,8 @@ import { useBugCountQuery } from './FilterToolbar.generated';
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles((theme) => ({
toolbar: { toolbar: {
backgroundColor: theme.palette.grey['100'], backgroundColor: fade(theme.palette.text.hint, 0.05),
borderColor: theme.palette.grey['300'], borderColor: theme.palette.divider,
borderWidth: '1px 0', borderWidth: '1px 0',
borderStyle: 'solid', borderStyle: 'solid',
margin: theme.spacing(0, -1), margin: theme.spacing(0, -1),