/* ============================================================ مینادنت CRM — تم و توکن‌های مرکزی استایل (theme.css) ------------------------------------------------------------ «تنها منبعِ حقیقت» برای استایلِ کلِ نرم‌افزار: رنگ‌بندی، فونت، شعاع، سایه، فاصله و حالتِ روشن/تیره (شب/روز). قواعد: - این فایل فقط «توکن» (متغیّر CSS) تعریف می‌کند و هیچ المان/کلاسی را مستقیم استایل نمی‌دهد؛ پس با صفحات موجود هیچ تداخلی ندارد. - برای تغییرِ تمِ کلِ برنامه فقط همین فایل را ویرایش کنید. - برای افزودنِ تنظیمِ جدید: یک متغیّر ‎--mn-*‎ تازه این‌جا اضافه کنید و در کامپوننت‌ها از ‎var(--mn-...)‎ استفاده کنید (سراسری اعمال می‌شود). - جابجایی روشن/تیره از طریق ‎theme.js‎ و صفتِ ‎data-theme‎ روی ‎‎. - کاملاً آفلاین (فونت‌ها محلی، بدون CDN). - تمِ پیش‌فرض: روشنِ فیروزه‌ای. ============================================================ */ /* ---------- فونت‌های محلی (آفلاین) ---------- */ @font-face{font-family:'IRANSansX';src:url('../../Themes/resources/Fonts/IRANSansWeb.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'IRANSansX';src:url('../../Themes/resources/Fonts/IRANSansWeb_Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;} @font-face{font-family:'IRANSansX';src:url('../../Themes/resources/Fonts/IRANSansWeb_Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;} @font-face{font-family:'VazirDisplay';src:url('../../Themes/resources/Fonts/Vazir-Bold-FD-WOL.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;} @font-face{font-family:'RobotoLocal';src:url('../../Themes/resources/Fonts/Roboto-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;} @font-face{font-family:'RobotoLocal';src:url('../../Themes/resources/Fonts/Roboto-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'RobotoLocal';src:url('../../Themes/resources/Fonts/Roboto-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;} /* ---------- توکن‌های ثابت (مستقل از روشن/تیره) ---------- */ :root{ /* پالت برند — فیروزه‌ای (رنگِ اصلیِ پیش‌فرض) */ --mn-teal-300:#5eead4; --mn-teal-400:#2dd4bf; --mn-teal-500:#14b8a6; --mn-teal-600:#0d9488; --mn-teal-700:#0f766e; --mn-teal-800:#115e59; --mn-teal-900:#134e4a; /* اکسنتِ قرمزِ برند */ --mn-accent:#e11d48; --mn-accent-strong:#be123c; --mn-logo-red:#e23a2d; /* فونت‌ها */ --mn-font:'IRANSansX','Tahoma',Tahoma,'Segoe UI',sans-serif; --mn-font-display:'VazirDisplay',var(--mn-font); --mn-font-latin:'RobotoLocal',var(--mn-font); /* مقیاسِ اندازهٔ فونت */ --mn-fs-xs:11px; --mn-fs-sm:12.5px; --mn-fs-md:14px; --mn-fs-lg:16px; --mn-fs-xl:20px; --mn-fs-2xl:24px; /* شعاعِ گوشه */ --mn-radius:18px; --mn-radius-sm:12px; --mn-radius-xs:9px; --mn-radius-pill:999px; /* فاصله‌ها */ --mn-space-1:4px; --mn-space-2:8px; --mn-space-3:12px; --mn-space-4:16px; --mn-space-5:24px; --mn-space-6:32px; /* انیمیشن */ --mn-ease:cubic-bezier(.22,.61,.36,1); --mn-dur:.2s; /* لایه‌بندی (z-index) */ --mn-z-header:1000; --mn-z-overlay:2000; --mn-z-modal:3000; --mn-z-toast:4000; } /* ---------- تمِ روشن (پیش‌فرض) ---------- */ :root,:root[data-theme="light"]{ --mn-bg:#e9eef3; --mn-panel:#ffffff; --mn-panel-2:#f8fafc; --mn-panel-3:#eef2f6; --mn-text:#0f172a; --mn-text-soft:#334155; --mn-muted:#64748b; --mn-border:#e3e8ef; --mn-border-strong:#cbd5e1; --mn-input-bg:#f8fafc; --mn-input-bg-focus:#ffffff; --mn-primary:var(--mn-teal-600); --mn-primary-strong:var(--mn-teal-700); --mn-on-primary:#ffffff; --mn-link:var(--mn-teal-700); --mn-success:#0f766e; --mn-success-bg:rgba(13,148,136,.10); --mn-warning:#a16207; --mn-warning-bg:rgba(234,179,8,.12); --mn-danger:#be123c; --mn-danger-bg:rgba(225,29,72,.10); --mn-info:#0369a1; --mn-info-bg:rgba(2,132,199,.10); --mn-ring:0 0 0 4px rgba(13,148,136,.18); --mn-shadow-sm:0 1px 2px rgba(15,23,42,.06); --mn-shadow-md:0 8px 24px -12px rgba(15,23,42,.25); --mn-shadow-lg:0 30px 60px -20px rgba(15,23,42,.35), 0 12px 24px -12px rgba(15,23,42,.25); --mn-brand-grad:linear-gradient(150deg,#0fb5a6 0%,#0d9488 38%,#0f766e 72%,#134e4a 100%); --mn-orb-op:.7; } /* ---------- تمِ تیره (شب) ---------- */ :root[data-theme="dark"]{ --mn-bg:#070d18; --mn-panel:#0e1626; --mn-panel-2:#0b1220; --mn-panel-3:#13203a; --mn-text:#e8edf5; --mn-text-soft:#cbd5e1; --mn-muted:#8aa0b8; --mn-border:#1e293b; --mn-border-strong:#334155; --mn-input-bg:#0f1a2c; --mn-input-bg-focus:#13203a; --mn-primary:var(--mn-teal-400); --mn-primary-strong:var(--mn-teal-300); --mn-on-primary:#04201d; --mn-link:var(--mn-teal-300); --mn-success:#5eead4; --mn-success-bg:rgba(45,212,191,.12); --mn-warning:#fcd34d; --mn-warning-bg:rgba(234,179,8,.14); --mn-danger:#fb7185; --mn-danger-bg:rgba(244,63,94,.14); --mn-info:#7dd3fc; --mn-info-bg:rgba(56,189,248,.12); --mn-ring:0 0 0 4px rgba(45,212,191,.16); --mn-shadow-sm:0 1px 2px rgba(0,0,0,.4); --mn-shadow-md:0 10px 30px -14px rgba(0,0,0,.6); --mn-shadow-lg:0 30px 70px -20px rgba(0,0,0,.7); --mn-brand-grad:linear-gradient(150deg,#0f766e 0%,#115e59 45%,#0d3b38 100%); --mn-orb-op:.5; } /* ضدِ فلشِ سفید: پس‌زمینهٔ html/body از همان فریمِ اول با data-theme هم‌رنگ شود (قبل از رسیدنِ body.dark-mode و قبل از لودِ AdminLTE). */ html{ background-color:var(--mn-bg,#e9eef3); } html[data-theme="dark"], html.dark-mode{ background-color:#070d18 !important; color-scheme:dark; } html[data-theme="light"]{ background-color:#e9eef3; color-scheme:light; } html[data-theme="dark"] body, html.dark-mode body, body.dark-mode{ background-color:#070d18 !important; color:#e8edf5; color-scheme:dark; } html[data-theme="dark"] .wrapper, html[data-theme="dark"] .content-wrapper, html[data-theme="dark"] #content, html[data-theme="dark"] #right.content-wrapper, body.dark-mode .wrapper, body.dark-mode .content-wrapper{ background-color:var(--mn-bg,#070d18) !important; } /* تیرهٔ خودکار — فقط وقتی کاربر هنوز چیزی انتخاب نکرده (data-theme ست نشده) */ @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]):not([data-theme="dark"]){ --mn-bg:#070d18; --mn-panel:#0e1626; --mn-panel-2:#0b1220; --mn-panel-3:#13203a; --mn-text:#e8edf5; --mn-text-soft:#cbd5e1; --mn-muted:#8aa0b8; --mn-border:#1e293b; --mn-border-strong:#334155; --mn-input-bg:#0f1a2c; --mn-input-bg-focus:#13203a; --mn-primary:var(--mn-teal-400); --mn-primary-strong:var(--mn-teal-300); --mn-on-primary:#04201d; --mn-link:var(--mn-teal-300); --mn-success:#5eead4; --mn-success-bg:rgba(45,212,191,.12); --mn-warning:#fcd34d; --mn-warning-bg:rgba(234,179,8,.14); --mn-danger:#fb7185; --mn-danger-bg:rgba(244,63,94,.14); --mn-info:#7dd3fc; --mn-info-bg:rgba(56,189,248,.12); --mn-ring:0 0 0 4px rgba(45,212,191,.16); --mn-shadow-lg:0 30px 70px -20px rgba(0,0,0,.7); --mn-brand-grad:linear-gradient(150deg,#0f766e 0%,#115e59 45%,#0d3b38 100%); --mn-orb-op:.5; } }