hamid/baya-monorepo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui phase 9

Browse Source
This commit is contained in:
hamid
2026-07-19 15:14:44 +03:30
parent 1ef4feb911
commit b638e25a0e
47 changed files with 2628 additions and 666 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/theme/tokens.css
+52
View File
@@ -119,6 +119,27 @@
AA at small sizes on white: #d98c6a ≈ 2:1). Never use --bal-secondary for
small money text; use this instead. */
--bal-money-emphasis: #8a4a2f;
/* Avatar — warm auto-colored initials (ui-phase-9). A person with no photo (a care-circle
patient, the account holder) gets a deterministic hue from this 6-pair palette (name hash →
index), never a hex baked into a component. Each pair is a distinct warm/calm hue harmonized
with the brand teal/terracotta, not reused from primary/secondary/feedback. */
--bal-avatar-1: #2f6b5e;
--bal-avatar-1-contrast: #f3efe9;
--bal-avatar-2: #b56b3f;
--bal-avatar-2-contrast: #f3efe9;
--bal-avatar-3: #6b5b95;
--bal-avatar-3-contrast: #f3efe9;
--bal-avatar-4: #3f7690;
--bal-avatar-4-contrast: #f3efe9;
--bal-avatar-5: #8a6418;
--bal-avatar-5-contrast: #f3efe9;
--bal-avatar-6: #5c7a4a;
--bal-avatar-6-contrast: #f3efe9;
/* Map pin drop-shadow — was a hard-coded rgba() in AddressMapPicker; a plain black shadow reads
the same in both schemes so it isn't teal-tinted like --bal-shadow-*. */
--bal-pin-shadow: rgba(0, 0, 0, 0.35);
}
/* ── Dark scheme — OS-preference fallback for the cookie-less first visit ── */
@@ -170,6 +191,21 @@
--bal-trust-soft: rgba(127, 184, 230, 0.18);
--bal-money-emphasis: #f0bfa3;
--bal-avatar-1: #8fd2c1;
--bal-avatar-1-contrast: #06120f;
--bal-avatar-2: #e3a679;
--bal-avatar-2-contrast: #2a1a12;
--bal-avatar-3: #b3a4d6;
--bal-avatar-3-contrast: #1f1a2e;
--bal-avatar-4: #8fc4dc;
--bal-avatar-4-contrast: #08222b;
--bal-avatar-5: #e0b542;
--bal-avatar-5-contrast: #2a2107;
--bal-avatar-6: #9fc98a;
--bal-avatar-6-contrast: #142a0c;
--bal-pin-shadow: rgba(0, 0, 0, 0.5);
}
}
@@ -233,4 +269,20 @@
/* Money emphasis — lifted warm tone, readable on dark surfaces */
--bal-money-emphasis: #f0bfa3;
/* Avatar — same lifted hues as the media-query fallback above (keep in sync) */
--bal-avatar-1: #8fd2c1;
--bal-avatar-1-contrast: #06120f;
--bal-avatar-2: #e3a679;
--bal-avatar-2-contrast: #2a1a12;
--bal-avatar-3: #b3a4d6;
--bal-avatar-3-contrast: #1f1a2e;
--bal-avatar-4: #8fc4dc;
--bal-avatar-4-contrast: #08222b;
--bal-avatar-5: #e0b542;
--bal-avatar-5-contrast: #2a2107;
--bal-avatar-6: #9fc98a;
--bal-avatar-6-contrast: #142a0c;
--bal-pin-shadow: rgba(0, 0, 0, 0.5);
}