null/BillTracker
null
/
BillTracker
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 1 Wiki Activity

styling

This commit is contained in:
null 2026-05-28 04:06:37 -05:00
parent 8cab248959
commit 8f7d0aeaff
4 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/components/MobileTrackerRow.jsx
View File

@ -16,9 +16,9 @@ const ROW_STATUS_CLS = {
paid: 'bg-emerald-500/[0.04]',
autodraft: 'bg-sky-500/[0.04]',
upcoming: '',
due_soon: 'bg-amber-400/[0.07]',
late: 'bg-orange-400/[0.08]',
missed: 'bg-red-400/[0.08]',
due_soon: 'bg-amber-400/[0.07] dark:bg-amber-400/[0.05]',
late: 'bg-orange-400/[0.08] dark:bg-orange-400/[0.05]',
missed: 'bg-red-400/[0.08] dark:bg-rose-400/[0.05]',
};
function paymentDateForTrackerMonth(year, month, dueDay) {

4
client/components/StatusBadge.jsx
View File

@ -5,8 +5,8 @@ const STATUS_META = {
paid: { label: 'Paid', cls: 'bg-emerald-500/15 text-emerald-500 border border-emerald-500/30' },
upcoming: { label: 'Upcoming', cls: 'bg-secondary text-muted-foreground border border-border' },
due_soon: { label: 'Due Soon', cls: 'bg-amber-400/15 text-amber-500 border border-amber-400/30' },
late: { label: 'Late', cls: 'bg-orange-400/15 text-orange-500 border border-orange-400/30' },
missed: { label: 'Missed', cls: 'bg-red-400/15 text-red-500 border border-red-400/30' },
late: { label: 'Late', cls: 'bg-orange-400/15 text-orange-500 border border-orange-400/30 dark:bg-orange-400/10 dark:text-orange-300 dark:border-orange-400/20' },
missed: { label: 'Missed', cls: 'bg-red-400/15 text-red-500 border border-red-400/30 dark:bg-rose-400/10 dark:text-rose-300 dark:border-rose-400/20' },
autodraft: { label: 'Autodraft', cls: 'bg-sky-400/15 text-sky-500 border border-sky-400/30' },
skipped: { label: 'Skipped', cls: 'bg-muted text-muted-foreground border border-border' },
};

26
client/index.css
View File

@ -3,6 +3,14 @@
:root is the default Material Design light theme.
============================================================ */
/* ── Georgia for digits only ─────────────────────────────── */
@font-face {
font-family: 'GeorgiaDigits';
src: local('Georgia');
unicode-range: U+0030-U+0039; /* 0–9 */
}
/* ── Tailwind base ───────────────────────────────────────── */
@tailwind base;
@ -43,42 +51,42 @@
--sidebar-accent-foreground: 0.20 0.008 250;
--sidebar-border: 0.88 0.008 250;
--sidebar-ring: 0.55 0.20 276;
--font-sans: Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
--font-sans: 'GeorgiaDigits', Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
--font-serif: Merriweather, Georgia, serif;
--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, monospace;
--radius: 1rem;
}
.dark {
--background: 0.17 0.008 250;
--background: 0.20 0.008 250;
--foreground: 0.91 0.006 250;
--card: 0.21 0.009 250;
--card: 0.24 0.009 250;
--card-foreground: 0.91 0.006 250;
--popover: 0.24 0.009 250;
--popover: 0.27 0.009 250;
--popover-foreground: 0.91 0.006 250;
--primary: 0.62 0.20 276;
--primary-foreground: 0.98 0.004 250;
--secondary: 0.28 0.012 255;
--secondary-foreground: 0.88 0.006 250;
--muted: 0.24 0.008 250;
--muted: 0.27 0.008 250;
--muted-foreground: 0.62 0.010 250;
--accent: 0.30 0.015 265;
--accent-foreground: 0.91 0.006 250;
--destructive: 0.65 0.18 22;
--destructive-foreground: 0.98 0.004 250;
--border: 0.30 0.009 250;
--input: 0.30 0.009 250;
--border: 0.32 0.009 250;
--input: 0.32 0.009 250;
--ring: 0.55 0.16 276;
--chart-1: 0.55 0.22 270;
--chart-2: 0.62 0.14 150;
--chart-3: 0.65 0.18 310;
--chart-4: 0.62 0.16 130;
--chart-5: 0.58 0.18 255;
--sidebar: 0.14 0.007 250;
--sidebar: 0.17 0.007 250;
--sidebar-foreground: 0.88 0.006 250;
--sidebar-primary: 0.62 0.20 276;
--sidebar-primary-foreground: 0.98 0.004 250;
--sidebar-accent: 0.22 0.009 250;
--sidebar-accent: 0.25 0.009 250;
--sidebar-accent-foreground: 0.88 0.006 250;
--sidebar-border: 0.26 0.008 250;
--sidebar-ring: 0.62 0.20 276;

6
client/pages/TrackerPage.jsx
View File

@ -52,9 +52,9 @@ const ROW_STATUS_CLS = {
paid: 'bg-emerald-500/[0.04]',
autodraft: 'bg-sky-500/[0.04]',
upcoming: '',
due_soon: 'bg-amber-400/[0.07]',
late: 'bg-orange-400/[0.08]',
missed: 'bg-red-400/[0.08]',
due_soon: 'bg-amber-400/[0.07] dark:bg-amber-400/[0.05]',
late: 'bg-orange-400/[0.08] dark:bg-orange-400/[0.05]',
missed: 'bg-red-400/[0.08] dark:bg-rose-400/[0.05]',
};
const STATUS_META = {