bitstream/fuel-price
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove StationSearch, dead Volt SFCs, mobile prototype, and fix homepage CTAs

Browse Source
This commit is contained in:
Ovidiu U
2026-04-08 09:24:40 +01:00
parent c935903614
commit 7b6aaac661
20 changed files with 1379 additions and 1158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
resources/css/app.css
View File

@@ -9,31 +9,70 @@
@custom-variant dark (&:where(.dark, .dark *));
/* Remap Flux's zinc scale to FuelAlert's warm brown neutrals */
@theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--color-zinc-50: #fafafa;
--color-zinc-100: #f5f5f5;
--color-zinc-200: #e5e5e5;
--color-zinc-300: #d4d4d4;
--color-zinc-400: #a3a3a3;
--color-zinc-500: #737373;
--color-zinc-600: #525252;
--color-zinc-700: #404040;
--color-zinc-800: #262626;
--color-zinc-900: #171717;
--color-zinc-950: #0a0a0a;
--color-zinc-50: #faf6f3; /* surface */
--color-zinc-100: #f5ede5; /* surface-page */
--color-zinc-200: #eeeae5; /* surface-subtle */
--color-zinc-300: #e5ded7; /* border */
--color-zinc-400: #c8b8b0;
--color-zinc-500: #89726c; /* text-muted */
--color-zinc-600: #6b5a55; /* text-dim */
--color-zinc-700: #5a4a45;
--color-zinc-800: #4a3f3b; /* text-base */
--color-zinc-900: #3a302c;
--color-zinc-950: #2a2220;
--color-accent: var(--color-neutral-800);
--color-accent-content: var(--color-neutral-800);
--color-accent-foreground: var(--color-white);
/* Brand accent — burnt sienna */
--color-accent: #bb5b3e;
--color-accent-content: #a34a31;
--color-accent-foreground: #ffffff;
/* Named semantic tokens */
--color-primary: #bb5b3e;
--color-primary-dark: #a34a31;
--color-surface: #faf6f3;
--color-surface-page: #f5ede5;
--color-surface-subtle: #eeeae5;
--color-border: #e5ded7;
--color-text-base: #4a3f3b;
--color-text-muted: #89726c;
--color-text-dim: #6b5a55;
/* Accent palette */
--color-teal: #4a7c7e;
--color-mauve: #8b4860;
--color-tan: #9b8b6b;
/* Status */
--color-status-good: #22c55e;
--color-status-warn: #f59e0b;
--color-status-bad: #ef4444;
/* Display font */
--font-display: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}
@layer theme {
.dark {
--color-accent: var(--color-white);
--color-accent-content: var(--color-white);
--color-accent-foreground: var(--color-neutral-800);
@layer base {
h1, h2, h3, h4 {
font-family: var(--font-display);
letter-spacing: -0.02em;
}
}
@layer utilities {
.hero-gradient {
background:
radial-gradient(circle at top right, color-mix(in oklch, var(--color-primary) 8%, transparent), transparent 50%),
radial-gradient(circle at bottom left, color-mix(in oklch, var(--color-primary) 5%, transparent), transparent 40%);
}
.glass-card {
background: color-mix(in oklch, var(--color-surface) 90%, transparent);
backdrop-filter: blur(12px);
border: 1px solid color-mix(in oklch, var(--color-border) 60%, transparent);
}
}