From 8388bb33994769f30571571036c92ae1f27e000d Mon Sep 17 00:00:00 2001 From: developomp Date: Sat, 22 Jan 2022 11:43:14 +0900 Subject: [PATCH] read progress updates - improved color - thicker line --- source/src/components/ReadProgress.tsx | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/source/src/components/ReadProgress.tsx b/source/src/components/ReadProgress.tsx index 767d836..0ac80f0 100644 --- a/source/src/components/ReadProgress.tsx +++ b/source/src/components/ReadProgress.tsx @@ -5,16 +5,20 @@ import styled from "styled-components" import theming from "../styles/theming" const StyledReadProgressBackground = styled.div` - height: 2px; - background-color: darkslategray; + height: 0.2rem; + background-color: ${(props) => + theming.theme(props.theme.currentTheme, { + light: "silver", + dark: "darkslategrey", + })}; ` const StyledReadProgress = styled.div` height: 100%; background-color: ${(props) => theming.theme(props.theme.currentTheme, { - light: theming.light.color1, - dark: theming.dark.color1, + light: theming.light.color0, + dark: theming.dark.color2, })}; `