apps/khata-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

coloring fixes

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2026-05-18 23:26:06 +05:30
parent 980dd6c111
commit 98bf77d7e8
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ProgressCard/ProgressCard.view.tsx
View File

@@ -41,8 +41,8 @@ export default function ProgressCardView({
borderRadius: settings.compact ? 3 : 4, borderRadius: settings.compact ? 3 : 4,
transform: selected ? "scale(1.02)" : "scale(1)", transform: selected ? "scale(1.02)" : "scale(1)",
transition: "transform 0.2s ease, box-shadow 0.2s ease", transition: "transform 0.2s ease, box-shadow 0.2s ease",
bgcolor: isDark ? "background.paper" : colorScheme.light, bgcolor: colorScheme.light,
color: "#fff", color: colorScheme.text,
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
alignItems: settings.compact ? "flex-start" : "center", alignItems: settings.compact ? "flex-start" : "center",
@@ -50,10 +50,10 @@ export default function ProgressCardView({
position: "relative", position: "relative",
overflow: "hidden", overflow: "hidden",
border: selected border: selected
? `2px solid #fff` ? `2px solid ${colorScheme.primary}`
: isDark : isDark
? "1px solid rgba(255,255,255,0.1)" ? "1px solid rgba(255,255,255,0.1)"
: "none", : "1px solid rgba(0,0,0,0.06)",
boxShadow: "none", boxShadow: "none",
opacity: isFetching ? 0.6 : 1, opacity: isFetching ? 0.6 : 1,
pointerEvents: isFetching ? "none" : "auto", pointerEvents: isFetching ? "none" : "auto",
@@ -92,7 +92,7 @@ export default function ProgressCardView({
<Divider <Divider
sx={{ sx={{
my: 1, my: 1,
borderColor: "rgba(255,255,255,0.25)", borderColor: isDark ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)",
width: "100%", width: "100%",
}} }}
/> />
@@ -103,7 +103,7 @@ export default function ProgressCardView({
opacity: 0.85, opacity: 0.85,
fontWeight: 500, fontWeight: 500,
display: "block", display: "block",
color: "rgba(255,255,255,0.9)", color: alpha(colorScheme.text, 0.85),
}} }}
> >
of {formattedTotal} of {formattedTotal}
@@ -118,12 +118,12 @@ export default function ProgressCardView({
height: settings.compact ? 6 : 10, height: settings.compact ? 6 : 10,
borderRadius: 5, borderRadius: 5,
[`&.${linearProgressClasses.colorPrimary}`]: { [`&.${linearProgressClasses.colorPrimary}`]: {
backgroundColor: "rgba(0, 0, 0, 0.25)", backgroundColor: isDark ? "rgba(255, 255, 255, 0.12)" : "rgba(0, 0, 0, 0.08)",
}, },
[`& .${linearProgressClasses.bar}`]: { [`& .${linearProgressClasses.bar}`]: {
borderRadius: 5, borderRadius: 5,
backgroundColor: "#fff", backgroundColor: colorScheme.primary,
boxShadow: "0 0 8px rgba(255,255,255,0.4)", boxShadow: `0 0 8px ${alpha(colorScheme.primary, 0.4)}`,
}, },
}} }}
/> />