styling update

- more consistent tag design
- moved some colors to theming.ts
This commit is contained in:
Kim, Jimin 2022-01-19 16:41:22 +09:00
parent 7baef539fd
commit 0188d09a9a
3 changed files with 14 additions and 6 deletions

View file

@ -40,8 +40,8 @@ const StyledTitle = styled.h1`
const StyledMetaContainer = styled.small`
color: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: "#555",
dark: "#CCC",
light: theming.light.color2,
dark: theming.dark.color2,
})};
`

View file

@ -9,11 +9,14 @@ import theming from "../styles/theming"
const StyledTag = styled.div`
text-align: center;
padding: 0 0.8rem 0.1rem 0.8rem;
margin-right: 0.8rem;
border-radius: 10px;
background-color: ${theming.color.linkColor};
color: white;
color: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: theming.light.color2,
dark: theming.dark.color2,
})};
`
interface Props {