- Turborepo + pnpm workspaces with apps/web and packages/types - SvelteKit app: Tailwind, Paraglide i18n (en/es), keycloak-js, Supabase client, auth/collective stores, PWA service worker skeleton, all route placeholders - packages/types: domain types (User, Collective, ShoppingList, etc.) and database.ts placeholder for generated types - Justfile with dev, db-*, kc-*, build, backup, restore, deploy recipes - infra/docker-compose.dev.yml: Postgres 15, GoTrue, PostgREST, Realtime v2.83, Storage, Kong (port 8001), Studio, Keycloak 24 - infra/docker-compose.prod.yml, kong.yml, db-init scripts, backup/deploy scripts - keycloak/realm-export.json with colectivo realm and 5 dev test users - supabase/config.toml and seed.sql with sample collective and items - GitHub Actions: ci.yml (lint+typecheck+build) and deploy.yml (GHCR + SSH) - .env.example documenting all required variables - Fixed docker-compose issues: Studio image tag, Kong port conflict (8001), internal role passwords init script, Realtime METRICS_JWT_SECRET/APP_NAME Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
46 lines
1.2 KiB
CSS
46 lines
1.2 KiB
CSS
@import 'tailwindcss/base';
|
|
@import 'tailwindcss/components';
|
|
@import 'tailwindcss/utilities';
|
|
|
|
/* Inter font */
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
|
|
|
/* Design tokens — light mode */
|
|
:root {
|
|
--background: 248 250 252; /* slate-50 */
|
|
--surface: 255 255 255; /* white */
|
|
--surface-raised: 241 245 249; /* slate-100 */
|
|
--border: 226 232 240; /* slate-200 */
|
|
--text-primary: 15 23 42; /* slate-900 */
|
|
--text-secondary: 100 116 139; /* slate-500 */
|
|
--text-muted: 148 163 184; /* slate-400 */
|
|
}
|
|
|
|
/* Design tokens — dark mode */
|
|
.dark {
|
|
--background: 15 23 42; /* slate-950 */
|
|
--surface: 30 41 59; /* slate-800 → closer to slate-900 card */
|
|
--surface-raised: 51 65 85; /* slate-700 */
|
|
--border: 51 65 85; /* slate-700 */
|
|
--text-primary: 248 250 252; /* slate-50 */
|
|
--text-secondary: 148 163 184; /* slate-400 */
|
|
--text-muted: 100 116 139; /* slate-500 */
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
background-color: hsl(var(--background));
|
|
color: hsl(var(--text-primary));
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|