Ronni Baslund
0bd4e5498e
- portal: new admin/ and partner/ surfaces with full component library (AppLauncher, Avatar, Badge, Card, Modal, Tabs, etc.), composables, layouts, partner-routing middleware, and supporting server APIs - pricing: Price schema/module with operator CRUD, pricing.vue catalog UI, Subscription extended with cycle/currency/perSeatAmount/seats snapshots for stable MRR aggregation - partner staff: User.partnerId, invite-partner-user DTO and flow, /partners/:slug/users endpoints, InvitePartnerUserModal, shared dezky-partner-staff Authentik group - /me: partner-aware endpoint returning user + partner context so portal can route between end-user and partner-admin surfaces - tenant: seats field for portfolio displays and future MRR calculations - operator: pricing page, signed-out page, useMe/useToast composables, ToastStack
83 lines
2.3 KiB
CSS
83 lines
2.3 KiB
CSS
/* Dezky portal design tokens.
|
|
Mirrors apps/operator/assets/styles/tokens.css (which ports project/platform-tokens.jsx
|
|
THEMES + ACCENTS + DENSITIES) so both portals share a visual vocabulary. */
|
|
|
|
:root {
|
|
/* Surface — light/bone */
|
|
--bg: #F4F3EE; /* bone */
|
|
--surface: #FAFAF7; /* paper */
|
|
--elevated: #FFFFFF;
|
|
--border: #E6E4DC; /* fog */
|
|
--border-hi: #D4D2C8;
|
|
|
|
/* Text */
|
|
--text: #0A0A0A; /* carbon */
|
|
--text-dim: rgba(10, 10, 10, 0.55);
|
|
--text-mute: rgba(10, 10, 10, 0.4);
|
|
--row-hover: rgba(10, 10, 10, 0.03);
|
|
|
|
/* Sidebar — always-dark for brand presence in light mode */
|
|
--side-bg: #0A0A0A;
|
|
--side-surf: #141413;
|
|
--side-border: #1F1F1C;
|
|
--side-text: #F4F3EE;
|
|
--side-dim: rgba(244, 243, 238, 0.55);
|
|
--side-mute: rgba(244, 243, 238, 0.35);
|
|
--side-hover: rgba(244, 243, 238, 0.06);
|
|
--side-active: rgba(244, 243, 238, 0.1);
|
|
|
|
/* Brand accent — defaults to Signal yellow */
|
|
--accent: #D4FF3A;
|
|
--accent-fg: #0A0A0A;
|
|
--signal: #D4FF3A;
|
|
|
|
/* Semantic */
|
|
--ok: #1F8A5B;
|
|
--warn: #E89A1F;
|
|
--bad: #E23030;
|
|
--info: #2A6FDB;
|
|
|
|
/* Type */
|
|
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
--font-display: 'Inter Tight', 'Inter', sans-serif;
|
|
--font-mono: 'JetBrains Mono', ui-monospace, 'Menlo', monospace;
|
|
|
|
/* Density (defaults to comfy) */
|
|
--row-h: 56px;
|
|
--pad: 24px;
|
|
--gap: 20px;
|
|
|
|
/* Field input surface */
|
|
--input-bg: var(--bg);
|
|
}
|
|
|
|
[data-theme='dark'] {
|
|
--bg: #0A0A0A;
|
|
--surface: #141413;
|
|
--elevated: #1C1C1A;
|
|
--border: #262622;
|
|
--border-hi: #33332E;
|
|
--text: #F4F3EE;
|
|
--text-dim: rgba(244, 243, 238, 0.72);
|
|
--text-mute: rgba(244, 243, 238, 0.45);
|
|
--row-hover: rgba(244, 243, 238, 0.04);
|
|
--ok: #34C77B;
|
|
--warn: #F0B14A;
|
|
--bad: #F05858;
|
|
--info: #4D8BE8;
|
|
--input-bg: rgba(244, 243, 238, 0.04);
|
|
}
|
|
|
|
[data-density='compact'] {
|
|
--row-h: 44px;
|
|
--pad: 16px;
|
|
--gap: 14px;
|
|
}
|
|
|
|
/* Accent presets — toggled via TweaksPanel for the whitelabel preview. The
|
|
`--signal` brand-locked node-dot stays the same; only `--accent` flexes. */
|
|
[data-accent='signal'] { --accent: #D4FF3A; --accent-fg: #0A0A0A; }
|
|
[data-accent='cobalt'] { --accent: #3F6BFF; --accent-fg: #FFFFFF; }
|
|
[data-accent='coral'] { --accent: #FF6B4A; --accent-fg: #FFFFFF; }
|
|
[data-accent='moss'] { --accent: #5B8C5A; --accent-fg: #FFFFFF; }
|