Crowmate/Wyview
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add a white theme

Browse Source
This commit is contained in:
Pierre Ryssen
2026-03-11 16:02:55 +01:00
parent 9642f2511a
commit d5d7b15f16
22 changed files with 297 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/StatCard.tsx
View File

@@ -18,15 +18,20 @@ const accentColors = {
export default function StatCard({ label, value, sub, accent = "green", delta, deltaUp }: StatCardProps) {
const colors = accentColors[accent];
return (
<div className={`bg-wy-surface border border-wy-border border-t-2 ${colors.border} rounded-lg p-5 relative group hover:-translate-y-0.5 transition-transform duration-200`}>
<div className="text-xs font-mono tracking-widest text-wy-text-secondary uppercase mb-3">
<div
className={`border border-t-2 ${colors.border} rounded-lg p-5 relative group hover:-translate-y-0.5 transition-transform duration-200`}
style={{ background: "var(--surface)", borderColor: "var(--border)" }}
>
<div className="text-xs font-mono tracking-widest uppercase mb-3" style={{ color: "var(--text-secondary)" }}>
{label}
</div>
<div className={`text-4xl font-black tracking-tight ${colors.val} leading-none mb-1`}>
{value === "—" || value === 0 ? <span className="text-wy-text-secondary">—</span> : value}
{value === "—" || value === 0
? <span style={{ color: "var(--text-secondary)" }}>—</span>
: value}
</div>
{sub && (
<div className="text-xs text-wy-text-secondary font-mono mt-1">{sub}</div>
<div className="text-xs font-mono mt-1" style={{ color: "var(--text-secondary)" }}>{sub}</div>
)}
{delta && (
<div className={`absolute top-4 right-4 text-xs font-mono tracking-wider px-2 py-1 rounded-md border ${