/* Tema Phoenix (Bonus, docs/plan-tema-phoenix.html) — hand-authored, spre deosebire de ant-design-blazor.phoenix.css (generat de tools/build-phoenix-antd-theme.py). Scoped sub [data-theme-skin="phoenix"] (setat implicit pe în App.razor) ca să poată coexista cu o viitoare temă Mud fără refactor — vezi Pas 5 din plan. - Tokenurile --ant-* sunt variabile CSS REALE, deja folosite de componentele AntDesign (build-ul "variable" din App.razor) — nu un hack, e mecanismul oficial Ant Design v4 de CSS-variable theming. Scala --ant-primary-1..7 e interpolată din reperele Phoenix (subtle-bg, border-subtle, primary, text-emphasis) — vezi docs/plan-tema-phoenix.html. - Tokenurile --app-* sunt proprii aplicației (layout: sidebar/topbar/card), consumate din app.css/MainLayout.razor.css/NavMenu.razor.css. */ :root[data-theme-skin="phoenix"] { /* ---- AntDesign: brand/status colors (mecanism oficial "variable theme") ---- */ --ant-primary-color: #3874ff; --ant-primary-color-hover: #5c8dff; --ant-primary-color-active: #003cc7; --ant-primary-1: #e5edff; --ant-primary-2: #c5d6ff; --ant-primary-3: #a5c0ff; --ant-primary-4: #85a9ff; --ant-primary-5: #5e8eff; --ant-primary-6: #3874ff; --ant-primary-7: #003cc7; --ant-success-color: #25b003; --ant-success-color-hover: #4cbe30; --ant-success-color-active: #1c6c09; --ant-success-color-deprecated-bg: #d9fbd0; --ant-success-color-deprecated-border: #90d67f; --ant-warning-color: #e5780b; --ant-warning-color-hover: #ea9037; --ant-warning-color-active: #bc3803; --ant-warning-color-deprecated-bg: #ffefca; --ant-warning-color-deprecated-border: #ffcc85; --ant-error-color: #fa3b1d; --ant-error-color-hover: #fb5e46; --ant-error-color-active: #b81800; --ant-error-color-deprecated-bg: #ffe0db; --ant-error-color-deprecated-border: #f48270; --ant-info-color: #0097eb; --ant-info-color-hover: #2eaaef; --ant-info-color-active: #005585; --ant-info-color-deprecated-bg: #c7ebff; --ant-info-color-deprecated-border: #60c6ff; /* ---- AntDesign: neutrals not covered by the "variable" build (Pas 2) ---- Consumed via var(--phx-*, ) inside the generated ant-design-blazor.phoenix.css — undefining these (data-theme-skin="default") makes that file fall back to stock AntDesign automatically, no second file needed. */ --phx-border: #cbd0dd; --phx-gray-1: #eff2f6; --phx-gray-0: #f5f7fa; --phx-placeholder: #8a94ad; --phx-text-rgb: 49, 55, 74; /* Font: nu se atinge --ant-font-size (14px) — zeci de componente sunt dimensionate relativ la ea; schimbarea ar rupe spațierea/alinierea în tot AntDesign fără un motiv vizual real. */ --ant-font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* ---- Aplicație proprie: layout (Pas 3) ---- */ --app-sidebar-width: 15.875rem; --app-topbar-height: 4rem; --app-card-radius: 0.5rem; --app-card-shadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08); --app-card-spacing: 1.5rem; --app-body-bg: #f5f7fa; --app-body-color: #31374a; --app-border-color: #cbd0dd; } :root[data-theme-skin="phoenix"] body { font-family: var(--ant-font-family); background-color: var(--app-body-bg); color: var(--app-body-color); } /* AntDesign Card is used throughout (EntityGrid, FormBuilder, CompoundDocumentEditor, etc.) — re-skin it to Phoenix's spacious, softly-rounded, subtly-shadowed look. */ :root[data-theme-skin="phoenix"] .ant-card { border-radius: var(--app-card-radius); box-shadow: var(--app-card-shadow); border-color: var(--app-border-color); } :root[data-theme-skin="phoenix"] .ant-card-body { padding: var(--app-card-spacing); }