hamed/clinicpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(admin): align color tokens to Figma purple (#5559CE)

Browse Source 
Set primary to tauri purple, bg #fafafa/#1f1d2b, dark surface #222433,
text #D7D8ED/#A1A1A1. Sync sRGB fallbacks and @supports oklch block.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-12 21:19:24 +03:30
co-authored by Claude Opus 4.8
parent d2372d4d21
commit 9023ecc36f
2 changed files with 208 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/admin/styles.css
+29 -29
View File
@@ -15,10 +15,10 @@
/* ── Template Design System Variables ─────────────────────────── */
:root {
--brand-h: 256;
--brand-c: 0.15;
--bg: #eef2f8;
--bg-2: #e6ecf4;
--brand-h: 277;
--brand-c: 0.177;
--bg: #fafafa;
--bg-2: #f2f2f5;
--surface: #ffffff;
--surface-2: #f6f8fc;
--surface-3: #eef2f8;
@@ -28,9 +28,9 @@
--text-2: #56657c;
--text-3: #8a98ad;
/* مقادیر sRGB پایه (fallback WebKit قدیمی iPhone 8)؛ نسخه oklch در @supports پایین فایل */
--primary: #5457dd;
--primary-600: #464ac9;
--primary-700: #3b3eae;
--primary: #5559CE;
--primary-600: #494CB3;
--primary-700: #3E41A0;
--primary-soft: #ecedfb;
--primary-soft2: #d9dbf6;
--on-primary: #ffffff;
@@ -53,7 +53,7 @@
--stat-violet-bg: rgba(85,89,206,0.08); --stat-violet-fg: #5559CE;
--stat-green-bg: rgba(0,157,121,0.10); --stat-green-fg: #009D79;
--stat-pink-bg: rgba(241,119,50,0.10); --stat-pink-fg: #F17732;
--ring: rgba(84,87,221,.32);
--ring: rgba(85,89,206,.32);
--shadow-sm: 0 1px 2px rgba(15,27,46,.06), 0 1px 3px rgba(15,27,46,.05);
--shadow: 0 2px 6px rgba(15,27,46,.06), 0 8px 24px rgba(15,27,46,.06);
--shadow-lg: 0 12px 32px rgba(15,27,46,.12), 0 4px 10px rgba(15,27,46,.06);
@@ -73,23 +73,23 @@
}
[data-theme="dark"] {
--bg: #080d16;
--bg-2: #0b1220;
--surface: #111a29;
--surface-2: #16202f;
--surface-3: #1b2738;
--border: #243042;
--border-2: #2e3c52;
--text: #e9eef7;
--text-2: #9eb0c6;
--text-3: #67788e;
--bg: #1f1d2b;
--bg-2: #1a1826;
--surface: #222433;
--surface-2: #2a2c3d;
--surface-3: #313349;
--border: #343645;
--border-2: #3d4152;
--text: #D7D8ED;
--text-2: #A1A1A1;
--text-3: #6d6e82;
/* مقادیر sRGB پایه (fallback WebKit قدیمی)؛ نسخه oklch/color-mix در @supports پایین فایل */
--primary: #7a7cf1;
--primary-600: #686ae6;
--primary-700: #565ad9;
--primary-soft: #222a49;
--primary-soft2: #2c335d;
--on-primary: #07101f;
--primary: #6B6FD6;
--primary-600: #5c60cf;
--primary-700: #494CB3;
--primary-soft: #2b2d47;
--primary-soft2: #363a63;
--on-primary: #EFEFEF;
--success-bg: #123332;
--warning-bg: #352e23;
--danger-bg: #36202f;
@@ -112,17 +112,17 @@
نگه می‌دارند؛ مرورگر مدرن این نسخه‌های oklch را استفاده می‌کند (بدون تغییر ظاهر). */
@supports (color: color-mix(in oklch, red, blue)) {
:root {
--primary: oklch(0.55 var(--brand-c) var(--brand-h));
--primary-600: oklch(0.49 var(--brand-c) var(--brand-h));
--primary: oklch(0.53 var(--brand-c) var(--brand-h));
--primary-600: oklch(0.47 var(--brand-c) var(--brand-h));
--primary-700: oklch(0.43 var(--brand-c) var(--brand-h));
--primary-soft: oklch(0.95 0.03 var(--brand-h));
--primary-soft2: oklch(0.90 0.05 var(--brand-h));
--ring: color-mix(in oklch, var(--primary) 32%, transparent);
}
[data-theme="dark"] {
--primary: oklch(0.66 var(--brand-c) var(--brand-h));
--primary-600: oklch(0.60 var(--brand-c) var(--brand-h));
--primary-700: oklch(0.54 var(--brand-c) var(--brand-h));
--primary: oklch(0.59 var(--brand-c) var(--brand-h));
--primary-600: oklch(0.53 var(--brand-c) var(--brand-h));
--primary-700: oklch(0.47 var(--brand-c) var(--brand-h));
--primary-soft: color-mix(in oklch, var(--primary) 16%, var(--surface));
--primary-soft2: color-mix(in oklch, var(--primary) 26%, var(--surface));
--success-bg: color-mix(in oklch, var(--success) 18%, var(--surface));