47c57ddd88
- Add DaisyUI v5 with custom certifai-dark/certifai-light themes using oklch colors - Create styles/input.css as Tailwind + DaisyUI entry point (replaces root tailwind.css) - Add SVG brand logo combining shield motif with neural network nodes - Implement PKCE (S256) for OAuth authorization code flow - Add Keycloak realm-export.json with test users for local development - Fix CSS load order in app.rs (tailwind before main.css) and add data-theme attribute Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
113 lines
3.0 KiB
CSS
113 lines
3.0 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
/* ===== CERTifAI Dark Theme (default) ===== */
|
|
@plugin "daisyui/theme" {
|
|
name: "certifai-dark";
|
|
default: true;
|
|
prefersdark: true;
|
|
color-scheme: dark;
|
|
|
|
/* Base: deep navy-charcoal */
|
|
--color-base-100: oklch(18% 0.02 260);
|
|
--color-base-200: oklch(14% 0.02 260);
|
|
--color-base-300: oklch(11% 0.02 260);
|
|
--color-base-content: oklch(90% 0.01 260);
|
|
|
|
/* Primary: electric indigo */
|
|
--color-primary: oklch(62% 0.26 275);
|
|
--color-primary-content: oklch(98% 0.01 275);
|
|
|
|
/* Secondary: coral */
|
|
--color-secondary: oklch(68% 0.18 25);
|
|
--color-secondary-content: oklch(98% 0.01 25);
|
|
|
|
/* Accent: teal */
|
|
--color-accent: oklch(72% 0.15 185);
|
|
--color-accent-content: oklch(12% 0.03 185);
|
|
|
|
/* Neutral */
|
|
--color-neutral: oklch(25% 0.02 260);
|
|
--color-neutral-content: oklch(85% 0.01 260);
|
|
|
|
/* Semantic */
|
|
--color-info: oklch(70% 0.18 230);
|
|
--color-info-content: oklch(98% 0.01 230);
|
|
|
|
--color-success: oklch(68% 0.19 145);
|
|
--color-success-content: oklch(98% 0.01 145);
|
|
|
|
--color-warning: oklch(82% 0.22 85);
|
|
--color-warning-content: oklch(18% 0.04 85);
|
|
|
|
--color-error: oklch(65% 0.26 25);
|
|
--color-error-content: oklch(98% 0.01 25);
|
|
|
|
/* Sharp, modern radii */
|
|
--radius-selector: 0.25rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
/* ===== CERTifAI Light Theme ===== */
|
|
@plugin "daisyui/theme" {
|
|
name: "certifai-light";
|
|
default: false;
|
|
prefersdark: false;
|
|
color-scheme: light;
|
|
|
|
/* Base: clean off-white */
|
|
--color-base-100: oklch(98% 0.005 260);
|
|
--color-base-200: oklch(95% 0.008 260);
|
|
--color-base-300: oklch(91% 0.012 260);
|
|
--color-base-content: oklch(20% 0.03 260);
|
|
|
|
/* Primary: indigo (adjusted for light bg) */
|
|
--color-primary: oklch(50% 0.26 275);
|
|
--color-primary-content: oklch(98% 0.01 275);
|
|
|
|
/* Secondary: coral (adjusted for light bg) */
|
|
--color-secondary: oklch(58% 0.18 25);
|
|
--color-secondary-content: oklch(98% 0.01 25);
|
|
|
|
/* Accent: teal (adjusted for light bg) */
|
|
--color-accent: oklch(55% 0.15 185);
|
|
--color-accent-content: oklch(98% 0.01 185);
|
|
|
|
/* Neutral */
|
|
--color-neutral: oklch(35% 0.02 260);
|
|
--color-neutral-content: oklch(98% 0.01 260);
|
|
|
|
/* Semantic */
|
|
--color-info: oklch(55% 0.18 230);
|
|
--color-info-content: oklch(98% 0.01 230);
|
|
|
|
--color-success: oklch(52% 0.19 145);
|
|
--color-success-content: oklch(98% 0.01 145);
|
|
|
|
--color-warning: oklch(72% 0.22 85);
|
|
--color-warning-content: oklch(18% 0.04 85);
|
|
|
|
--color-error: oklch(55% 0.26 25);
|
|
--color-error-content: oklch(98% 0.01 25);
|
|
|
|
/* Same sharp radii */
|
|
--radius-selector: 0.25rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|