diff options
| author | Sascha <GlancingMind@outlook.com> | 2021-03-02 17:13:11 +0100 |
|---|---|---|
| committer | Sascha <GlancingMind@outlook.com> | 2021-03-04 20:53:28 +0100 |
| commit | 9f6dcc887d31ce5c9cb5438b4e0e6c834c9d81d6 (patch) | |
| tree | 3e517c104e73d1f9287da5156c7753ab52fd0df0 /webui/src/pages/bug/Message.tsx | |
| parent | 548febcbc7af50e8f33c393d481fa253f27aa795 (diff) | |
| download | git-bug-9f6dcc887d31ce5c9cb5438b4e0e6c834c9d81d6.tar.gz | |
Use proper semantic color values
Adjust header colors on light theme
- Use adjusted background-color for header instead of text.hint.
- Use slightly darker secondary font color for better readability against the
head background color.
Use more semantic theme colors for bug list
Use more semantic theme colors for bug messages
Fix usage of text hint for filter header
Diffstat (limited to 'webui/src/pages/bug/Message.tsx')
| -rw-r--r-- | webui/src/pages/bug/Message.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx index 0cc9b15a..f2f62b52 100644 --- a/webui/src/pages/bug/Message.tsx +++ b/webui/src/pages/bug/Message.tsx @@ -1,7 +1,7 @@ import React from 'react'; import Paper from '@material-ui/core/Paper'; -import { fade, makeStyles } from '@material-ui/core/styles'; +import { makeStyles } from '@material-ui/core/styles'; import Author, { Avatar } from 'src/components/Author'; import Content from 'src/components/Content'; @@ -31,7 +31,9 @@ const useStyles = makeStyles((theme) => ({ padding: '0.5rem 1rem', borderBottom: `1px solid ${theme.palette.divider}`, display: 'flex', - backgroundColor: fade(theme.palette.text.hint, 0.05), + borderTopRightRadius: theme.shape.borderRadius, + borderTopLeftRadius: theme.shape.borderRadius, + backgroundColor: theme.palette.info.main, }, title: { flex: 1, |