49db60e31f
- Save PDF button downloads receipt directly - Print button opens PDF in new window and triggers print dialog - Replaces previous window.print() approach that lost styles - Receipt generated on demand from transaction data, no file storage needed Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
124 lines
3.6 KiB
CSS
124 lines
3.6 KiB
CSS
@import "tailwindcss";
|
|
|
|
@variant dark (&:is(.dark, .dark *));
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--color-card: var(--card);
|
|
--color-card-foreground: var(--card-foreground);
|
|
--color-popover: var(--popover);
|
|
--color-popover-foreground: var(--popover-foreground);
|
|
--color-primary: var(--primary);
|
|
--color-primary-foreground: var(--primary-foreground);
|
|
--color-secondary: var(--secondary);
|
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
--color-muted: var(--muted);
|
|
--color-muted-foreground: var(--muted-foreground);
|
|
--color-accent: var(--accent);
|
|
--color-accent-foreground: var(--accent-foreground);
|
|
--color-destructive: var(--destructive);
|
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
--color-border: var(--border);
|
|
--color-input: var(--input);
|
|
--color-ring: var(--ring);
|
|
--color-sidebar: var(--sidebar);
|
|
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
--color-sidebar-primary: var(--sidebar-primary);
|
|
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
--color-sidebar-accent: var(--sidebar-accent);
|
|
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
--color-sidebar-border: var(--sidebar-border);
|
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
--radius: 0.5rem;
|
|
}
|
|
|
|
:root {
|
|
--background: hsl(210 20% 97%);
|
|
--foreground: hsl(222 47% 11%);
|
|
--card: hsl(0 0% 100%);
|
|
--card-foreground: hsl(222 47% 11%);
|
|
--popover: hsl(0 0% 100%);
|
|
--popover-foreground: hsl(222 47% 11%);
|
|
--primary: hsl(215 25% 27%);
|
|
--primary-foreground: hsl(210 40% 98%);
|
|
--secondary: hsl(210 40% 94%);
|
|
--secondary-foreground: hsl(222 47% 11%);
|
|
--muted: hsl(210 40% 94%);
|
|
--muted-foreground: hsl(215 16% 47%);
|
|
--accent: hsl(210 40% 94%);
|
|
--accent-foreground: hsl(222 47% 11%);
|
|
--destructive: hsl(0 72% 51%);
|
|
--destructive-foreground: hsl(210 40% 98%);
|
|
--border: hsl(214 32% 89%);
|
|
--input: hsl(214 32% 89%);
|
|
--ring: hsl(215 25% 27%);
|
|
--sidebar: hsl(210 25% 95%);
|
|
--sidebar-foreground: hsl(215 16% 47%);
|
|
--sidebar-primary: hsl(215 25% 27%);
|
|
--sidebar-primary-foreground: hsl(210 40% 98%);
|
|
--sidebar-accent: hsl(210 40% 92%);
|
|
--sidebar-accent-foreground: hsl(222 47% 11%);
|
|
--sidebar-border: hsl(214 32% 89%);
|
|
--sidebar-ring: hsl(215 25% 27%);
|
|
}
|
|
|
|
body {
|
|
font-family:
|
|
"Inter",
|
|
ui-sans-serif,
|
|
system-ui,
|
|
-apple-system,
|
|
sans-serif;
|
|
background-color: var(--background);
|
|
color: var(--foreground);
|
|
}
|
|
|
|
.login-input {
|
|
background-color: #1a2740 !important;
|
|
border-color: #2a3a52 !important;
|
|
color: #d0d8e0 !important;
|
|
}
|
|
|
|
.login-input:-webkit-autofill,
|
|
.login-input:-webkit-autofill:hover,
|
|
.login-input:-webkit-autofill:focus {
|
|
-webkit-box-shadow: 0 0 0 1000px #1a2740 inset !important;
|
|
-webkit-text-fill-color: #d0d8e0 !important;
|
|
border-color: #2a3a52 !important;
|
|
transition: background-color 5000s ease-in-out 0s;
|
|
}
|
|
|
|
/* Scrollbars — themed to match sidebar/app palette */
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--border) transparent;
|
|
}
|
|
|
|
*::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: var(--border);
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--muted-foreground);
|
|
}
|
|
|
|
/* Prevent browser autofill from overriding dark theme input colors */
|
|
input:-webkit-autofill,
|
|
input:-webkit-autofill:hover,
|
|
input:-webkit-autofill:focus {
|
|
-webkit-box-shadow: 0 0 0 1000px hsl(var(--background)) inset !important;
|
|
-webkit-text-fill-color: hsl(var(--foreground)) !important;
|
|
transition: background-color 5000s ease-in-out 0s;
|
|
}
|