diff options
| author | Sascha <GlancingMind@outlook.com> | 2021-03-11 12:47:09 +0100 |
|---|---|---|
| committer | Sascha <GlancingMind@outlook.com> | 2021-03-15 16:35:14 +0100 |
| commit | de26990afc9f21a9017b039ba9d7546a8d8ea5da (patch) | |
| tree | d5e07a67e011e3e0ca3e2bb1d449aafa1886686b /webui/src/components/Header/Header.tsx | |
| parent | 46d38aa53fa925a2335fdf6c3b0b6f47d05dce94 (diff) | |
| download | git-bug-de26990afc9f21a9017b039ba9d7546a8d8ea5da.tar.gz | |
Adjust BackToList button color for dark/light-mode
The AppBar is commonly used for navigation. As the BackToList button is a
navigation element, use similar colors as the AppBar.
Diffstat (limited to 'webui/src/components/Header/Header.tsx')
| -rw-r--r-- | webui/src/components/Header/Header.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/webui/src/components/Header/Header.tsx b/webui/src/components/Header/Header.tsx index 3bdb252f..579bf127 100644 --- a/webui/src/components/Header/Header.tsx +++ b/webui/src/components/Header/Header.tsx @@ -15,9 +15,13 @@ const useStyles = makeStyles((theme) => ({ filler: { flexGrow: 1, }, + appBar: { + backgroundColor: theme.palette.primary.dark, + color: theme.palette.primary.contrastText, + }, appTitle: { ...theme.typography.h6, - color: 'white', + color: theme.palette.primary.contrastText, textDecoration: 'none', display: 'flex', alignItems: 'center', @@ -36,7 +40,7 @@ function Header() { return ( <> - <AppBar position="fixed" color="primary"> + <AppBar position="fixed" className={classes.appBar}> <Toolbar> <Link to="/" className={classes.appTitle}> <img src="/logo.svg" className={classes.logo} alt="git-bug" /> |