pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

read progress updates

Browse source 
- improved color
- thicker line
This commit is contained in:
Kim, Jimin 2022-01-22 11:43:14 +09:00
parent de66cafb0b
commit 8388bb3399
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
source/src/components/ReadProgress.tsx
View file

@ -5,16 +5,20 @@ import styled from "styled-components"
import theming from "../styles/theming" import theming from "../styles/theming"
const StyledReadProgressBackground = styled.div` const StyledReadProgressBackground = styled.div`
height: 2px; height: 0.2rem;
background-color: darkslategray; background-color: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: "silver",
dark: "darkslategrey",
})};
` `
const StyledReadProgress = styled.div` const StyledReadProgress = styled.div`
height: 100%; height: 100%;
background-color: ${(props) => background-color: ${(props) =>
theming.theme(props.theme.currentTheme, { theming.theme(props.theme.currentTheme, {
light: theming.light.color1, light: theming.light.color0,
dark: theming.dark.color1, dark: theming.dark.color2,
})}; })};
` `