/* ============================ DARK MODE OVERRIDES (Consolidated) Apply via or .content-area.dark wrapper ============================ */ /* ---------- Base / General ---------- */ .dark body{background:#121212;color:#e5e5e5;} .dark a{color:#9bbcff;} .dark a:hover{color:#c3d6ff;} .dark .text-black{color:#f2f2f2!important;} .dark .bg-white{background:#1a1a1a!important;} .dark hr{border-top-color:#2e2e2e;} .dark input::placeholder,.dark textarea::placeholder{color:#9aa0a6;} /* Form controls (inputs/selects/textarea/buttons within plugin UIs) */ .dark input,.dark select,.dark textarea{ background:#1e1e1e;color:#eaeaea;border:1px solid #3a3a3a; } .dark input:focus,.dark select:focus,.dark textarea:focus{ outline:2px solid transparent; box-shadow:0 0 0 2px #888; border-color:#888; background: #3a3a3a !important; } /* File input pseudo button */ .dark input[type="file"].file\:bg-blue-50::-webkit-file-upload-button{background:#262a33;color:#cfe0ff;} .dark input[type="file"].file\:text-blue-700::-webkit-file-upload-button{color:#cfe0ff;} .dark input[type="file"].hover\:file\:bg-blue-100:hover::-webkit-file-upload-button{background:#2e3340;} /* ---------- Plugin: Modals ---------- */ .dark #bi-xtrade-kyc-modal, .dark #bi-xtrade-transaction-modal, .dark #bi-xtrade-sell-details-modal, .dark #bi-xtrade-user-modal, .dark #email-token-modal, .dark #demo-gateway-modal{background:rgba(0,0,0,0.9);} .dark .bi-xtrade-modal-content{ background:#1e1e1e;color:#e5e5e5; box-shadow:0 4px 12px rgba(0,0,0,0.7); } .dark .bi-xtrade-modal-content h2{color:#f5f5f5;} .dark .bi-xtrade-modal-content label{color:#cccccc;} .dark .bi-xtrade-modal-content textarea{background:#2a2a2a;border:1px solid #444;color:#e5e5e5;} .dark .bi-xtrade-modal-content .modal-buttons button{background:#232323;border:1px solid #3a3a3a;color:#eaeaea;} .dark .bi-xtrade-modal-content .modal-buttons button:hover{background:#2a2a2a;} .dark .error-message{color:#ff6b6b;} .dark .success-message{color:#50fa7b;} /* ---------- Plugin: Status chips in tables ---------- */ .dark .wp-list-table .kyc-status, .dark .wp-list-table .transaction-status, .dark .wp-list-table .user-status{color:#fff;} .dark .wp-list-table .kyc-status-pending, .dark .wp-list-table .transaction-status-pending{background:#b38f2c;color:#fff;} .dark .wp-list-table .kyc-status-approved, .dark .wp-list-table .transaction-status-completed, .dark .wp-list-table .user-status-active{background:#1e7a34;} .dark .wp-list-table .kyc-status-rejected, .dark .wp-list-table .transaction-status-cancelled, .dark .wp-list-table .transaction-status-failed, .dark .wp-list-table .user-status-blocked{background:#8f2530;} .dark .wp-list-table .kyc-status-not_submitted{background:#555;} /* ---------- Plugin: Financial cards ---------- */ .dark .bi-xtrade-card{ background:#1e1e1e;color:#eee;border-left-color:#333; box-shadow:0 2px 6px rgba(0,0,0,0.4); } .dark .bi-xtrade-card h3{color:#ccc;} .dark .bi-xtrade-card p{color:#f5f5f5;} .dark .bi-xtrade-card small{color:#aaa;} .dark .bi-xtrade-card.success{border-left-color:#34d058;} .dark .bi-xtrade-card.danger{border-left-color:#f85149;} .dark .bi-xtrade-card.info{border-left-color:#58a6ff;} .dark .bi-xtrade-card.warning{border-left-color:#f0b429;} .dark .bi-xtrade-card.primary{border-left-color:#4699ff;} /* ---------- Neutral families (bg/text/border) ---------- You asked for whites where “looks like black”. We invert 700–900 to light. (gray, slate, zinc, neutral, stone) */ :root{} /* keep parser happy */ .dark .border-gray-200,.dark .border-slate-200,.dark .border-zinc-200,.dark .border-neutral-200,.dark .border-stone-200{border-color:#333!important;} .dark .border-gray-300,.dark .border-slate-300,.dark .border-zinc-300,.dark .border-neutral-300,.dark .border-stone-300{border-color:#3a3a3a!important;} .dark .border-gray-400,.dark .border-slate-400,.dark .border-zinc-400,.dark .border-neutral-400,.dark .border-stone-400{border-color:#444!important;} .dark .border-gray-500,.dark .border-slate-500,.dark .border-zinc-500,.dark .border-neutral-500,.dark .border-stone-500{border-color:#555!important;} .dark .border-gray-600,.dark .border-slate-600,.dark .border-zinc-600,.dark .border-neutral-600,.dark .border-stone-600{border-color:#666!important;} .dark .border-gray-700,.dark .border-slate-700,.dark .border-zinc-700,.dark .border-neutral-700,.dark .border-stone-700{border-color:#777!important;} .dark .border-gray-800,.dark .border-slate-800,.dark .border-zinc-800,.dark .border-neutral-800,.dark .border-stone-800{border-color:#ddd!important;} .dark .border-gray-900,.dark .border-slate-900,.dark .border-zinc-900,.dark .border-neutral-900,.dark .border-stone-900{border-color:#f5f5f5!important;} /* GRAY */ .dark .bg-gray-50{background:#1a1a1a;} .dark .bg-gray-100{background:#1f1f1f;} .dark .bg-gray-200{background:#262626;} .dark .bg-gray-300{background:#2e2e2e;} .dark .bg-gray-400{background:#3a3a3a;} .dark .bg-gray-500{background:#444;} .dark .bg-gray-600{background:#555;} .dark .bg-gray-700{background:#666;} .dark .bg-gray-800{background:#e5e5e5;} .dark .bg-gray-900{background:#f5f5f5;} .dark .text-gray-50{color:#f5f5f5;} .dark .text-gray-100{color:#eee;} .dark .text-gray-200{color:#ddd;} .dark .text-gray-300{color:#ccc;} .dark .text-gray-400{color:#bbb;} .dark .text-gray-500{color: #aaa;} .dark .text-gray-600{color:#999;} .dark .text-gray-700{color:#888;} .dark .text-gray-800{color:#999;} .dark .text-gray-900{color:#aaa;} /* SLATE */ .dark .bg-slate-50{background:#17191c;} .dark .bg-slate-100{background:#1b1e22;} .dark .bg-slate-200{background:#22262b;} .dark .bg-slate-300{background:#293039;} .dark .bg-slate-400{background:#323a44;} .dark .bg-slate-500{background:#3c4653;} .dark .bg-slate-600{background:#4a5563;} .dark .bg-slate-700{background:#5c6674;} .dark .bg-slate-800{background:#e6e8eb;} .dark .bg-slate-900{background:#f6f7f9;} .dark .text-slate-50{color:#f6f7f9;} .dark .text-slate-100{color:#e6e8eb;} .dark .text-slate-200{color:#cfd4da;} .dark .text-slate-300{color:#b8c0c8;} .dark .text-slate-400{color:#a3adb8;} .dark .text-slate-500{color:#8e9aa7;} .dark .text-slate-600{color:#7a8897;} .dark .text-slate-700{color:#64748b;} .dark .text-slate-800{color:#233;} .dark .text-slate-900{color:#1b1f24;} /* ZINC */ .dark .bg-zinc-50{background:#161616;} .dark .bg-zinc-100{background:#1c1c1c;} .dark .bg-zinc-200{background:#232323;} .dark .bg-zinc-300{background:#2b2b2b;} .dark .bg-zinc-400{background:#363636;} .dark .bg-zinc-500{background:#414141;} .dark .bg-zinc-600{background:#525252;} .dark .bg-zinc-700{background:#6b6b6b;} .dark .bg-zinc-800{background:#e8e8e8;} .dark .bg-zinc-900{background:#f7f7f7;} .dark .text-zinc-50{color:#f7f7f7;} .dark .text-zinc-100{color:#e8e8e8;} .dark .text-zinc-200{color:#d5d5d5;} .dark .text-zinc-300{color:#c2c2c2;} .dark .text-zinc-400{color:#b0b0b0;} .dark .text-zinc-500{color:#9b9b9b;} .dark .text-zinc-600{color:#8a8a8a;} .dark .text-zinc-700{color:#7a7a7a;} .dark .text-zinc-800{color:#222;} .dark .text-zinc-900{color:#111;} /* NEUTRAL */ .dark .bg-neutral-50{background:#171717;} .dark .bg-neutral-100{background:#1d1d1d;} .dark .bg-neutral-200{background:#242424;} .dark .bg-neutral-300{background:#2c2c2c;} .dark .bg-neutral-400{background:#383838;} .dark .bg-neutral-500{background:#444;} .dark .bg-neutral-600{background:#555;} .dark .bg-neutral-700{background:#666;} .dark .bg-neutral-800{background:#e5e5e5;} .dark .bg-neutral-900{background:#f5f5f5;} .dark .text-neutral-50{color:#f5f5f5;} .dark .text-neutral-100{color:#eee;} .dark .text-neutral-200{color:#ddd;} .dark .text-neutral-300{color:#ccc;} .dark .text-neutral-400{color:#bbb;} .dark .text-neutral-500{color:#aaa;} .dark .text-neutral-600{color:#999;} .dark .text-neutral-700{color:#888;} .dark .text-neutral-800{color:#222;} .dark .text-neutral-900{color:#111;} /* STONE */ .dark .bg-stone-50{background:#181715;} .dark .bg-stone-100{background:#1d1c19;} .dark .bg-stone-200{background:#23221e;} .dark .bg-stone-300{background:#2b2a25;} .dark .bg-stone-400{background:#35342e;} .dark .bg-stone-500{background:#444136;} .dark .bg-stone-600{background:#575244;} .dark .bg-stone-700{background:#6e6856;} .dark .bg-stone-800{background:#e9e7e2;} .dark .bg-stone-900{background:#f8f7f4;} .dark .text-stone-50{color:#f8f7f4;} .dark .text-stone-100{color:#e9e7e2;} .dark .text-stone-200{color:#d8d4cc;} .dark .text-stone-300{color:#c6c1b6;} .dark .text-stone-400{color:#b1ac9f;} .dark .text-stone-500{color:#9b9583;} .dark .text-stone-600{color:#857e6b;} .dark .text-stone-700{color:#6e6856;} .dark .text-stone-800{color:#2a281f;} .dark .text-stone-900{color:#201f1a;} /* ---------- Accent families (bg/text) ---------- Muted backgrounds for 500s; flipped scale for text for readability. */ /* BLUE */ .dark .bg-blue-50{background:#172554;} .dark .bg-blue-100{background:#1e3a8a;} .dark .bg-blue-200{background:#1d4ed8;} .dark .bg-blue-300{background:#2563eb;} .dark .bg-blue-400{background:#3b82f6;} .dark .bg-blue-500{background:#1e2a44;} /* muted for dark surfaces */ .dark .bg-blue-600{background:#263552;} .dark .bg-blue-700{background:#314364;} .dark .bg-blue-800{background:#dbeafe;} .dark .bg-blue-900{background:#eff6ff;} .dark .text-blue-50{color:#eff6ff;} .dark .text-blue-100{color:#dbeafe;} .dark .text-blue-200{color:#bfdbfe;} .dark .text-blue-300{color:#93c5fd;} .dark .text-blue-400{color:#60a5fa;} .dark .text-blue-500{color:#3b82f6;} .dark .text-blue-600{color:#2563eb;} .dark .text-blue-700{color:#1d4ed8;} .dark .text-blue-800{color:#1e40af;} .dark .text-blue-900{color:#172554;} /* RED */ .dark .bg-red-50{background:#7f1d1d;} .dark .bg-red-100{background:#991b1b;} .dark .bg-red-200{background:#b91c1c;} .dark .bg-red-300{background:#dc2626;} .dark .bg-red-400{background:#ef4444;} .dark .bg-red-500{background:#3a1d1f;} /* muted */ .dark .bg-red-600{background:#4a2225;} .dark .bg-red-700{background:#5b2a2e;} .dark .bg-red-800{background:#fee2e2;} .dark .bg-red-900{background:#fef2f2;} .dark .text-red-50{color:#fef2f2;} .dark .text-red-100{color:#fee2e2;} .dark .text-red-200{color:#fecaca;} .dark .text-red-300{color:#fca5a5;} .dark .text-red-400{color:#f87171;} .dark .text-red-500{color:#ef4444;} .dark .text-red-600{color:#dc2626;} .dark .text-red-700{color:#b91c1c;} .dark .text-red-800{color:#991b1b;} .dark .text-red-900{color:#7f1d1d;} /* GREEN */ .dark .bg-green-50{background:#064e3b;} .dark .bg-green-100{background:#065f46;} .dark .bg-green-200{background:#047857;} .dark .bg-green-300{background:#059669;} .dark .bg-green-400{background:#10b981;} .dark .bg-green-500{background:#103628;} /* muted */ .dark .bg-green-600{background:#144235;} .dark .bg-green-700{background:#1a5345;} .dark .bg-green-800{background:#d1fae5;} .dark .bg-green-900{background:#ecfdf5;} .dark .text-green-50{color:#ecfdf5;} .dark .text-green-100{color:#d1fae5;} .dark .text-green-200{color:#a7f3d0;} .dark .text-green-300{color:#6ee7b7;} .dark .text-green-400{color:#34d399;} .dark .text-green-500{color:#10b981;} .dark .text-green-600{color:#059669;} .dark .text-green-700{color:#047857;} .dark .text-green-800{color:#065f46;} .dark .text-green-900{color:#064e3b;} /* YELLOW */ .dark .bg-yellow-50{background:#78350f;} .dark .bg-yellow-100{background:#854d0e;} .dark .bg-yellow-200{background:#a16207;} .dark .bg-yellow-300{background:#ca8a04;} .dark .bg-yellow-400{background:#eab308;} .dark .bg-yellow-500{background:#3d3417;} /* muted */ .dark .bg-yellow-600{background:#4a3f1a;} .dark .bg-yellow-700{background:#5a4d21;} .dark .bg-yellow-800{background:#fef9c3;} .dark .bg-yellow-900{background:#fefce8;} .dark .text-yellow-50{color:#fefce8;} .dark .text-yellow-100{color:#fef9c3;} .dark .text-yellow-200{color:#fef08a;} .dark .text-yellow-300{color:#fde047;} .dark .text-yellow-400{color:#facc15;} .dark .text-yellow-500{color:#eab308;} .dark .text-yellow-600{color:#ca8a04;} .dark .text-yellow-700{color:#a16207;} .dark .text-yellow-800{color:#854d0e;} .dark .text-yellow-900{color:#78350f;} /* The rest of the Tailwind accent families follow the same pattern: - bg-{color}-500 becomes a muted, deep-tint background suitable for dark surfaces - bg-{color}-800/900 flip to the lightest tints for “inverted” areas - text-{color}-* flips scale (50 -> 900, 100 -> 800, ...) INDIGO */ .dark .bg-indigo-50{background:#1e1b4b;} .dark .bg-indigo-100{background:#312e81;} .dark .bg-indigo-200{background:#3730a3;} .dark .bg-indigo-300{background:#4338ca;} .dark .bg-indigo-400{background:#6366f1;} .dark .bg-indigo-500{background:#212240;} .dark .bg-indigo-600{background:#2a2b53;} .dark .bg-indigo-700{background:#353867;} .dark .bg-indigo-800{background:#e0e7ff;} .dark .bg-indigo-900{background:#eef2ff;} .dark .text-indigo-50{color:#eef2ff;} .dark .text-indigo-100{color:#e0e7ff;} .dark .text-indigo-200{color:#c7d2fe;} .dark .text-indigo-300{color:#a5b4fc;} .dark .text-indigo-400{color:#818cf8;} .dark .text-indigo-500{color:#6366f1;} .dark .text-indigo-600{color:#4f46e5;} .dark .text-indigo-700{color:#4338ca;} .dark .text-indigo-800{color:#3730a3;} .dark .text-indigo-900{color:#312e81;} /* PURPLE */ .dark .bg-purple-50{background:#2e1a47;} .dark .bg-purple-100{background:#3b2160;} .dark .bg-purple-200{background:#4c1d95;} .dark .bg-purple-300{background:#6d28d9;} .dark .bg-purple-400{background:#8b5cf6;} .dark .bg-purple-500{background:#2a1f3a;} .dark .bg-purple-600{background:#33264a;} .dark .bg-purple-700{background:#3f2f5e;} .dark .bg-purple-800{background:#ede9fe;} .dark .bg-purple-900{background:#f5f3ff;} .dark .text-purple-50{color:#f5f3ff;} .dark .text-purple-100{color:#ede9fe;} .dark .text-purple-200{color:#ddd6fe;} .dark .text-purple-300{color:#c4b5fd;} .dark .text-purple-400{color:#a78bfa;} .dark .text-purple-500{color:#8b5cf6;} .dark .text-purple-600{color:#7c3aed;} .dark .text-purple-700{color:#6d28d9;} .dark .text-purple-800{color:#5b21b6;} .dark .text-purple-900{color:#4c1d95;} /* PINK */ .dark .bg-pink-50{background:#831843;} .dark .bg-pink-100{background:#9d174d;} .dark .bg-pink-200{background:#be185d;} .dark .bg-pink-300{background:#db2777;} .dark .bg-pink-400{background:#ec4899;} .dark .bg-pink-500{background:#3a2133;} .dark .bg-pink-600{background:#45273d;} .dark .bg-pink-700{background:#55304a;} .dark .bg-pink-800{background:#fce7f3;} .dark .bg-pink-900{background:#fdf2f8;} .dark .text-pink-50{color:#fdf2f8;} .dark .text-pink-100{color:#fce7f3;} .dark .text-pink-200{color:#fbcfe8;} .dark .text-pink-300{color:#f9a8d4;} .dark .text-pink-400{color:#f472b6;} .dark .text-pink-500{color:#ec4899;} .dark .text-pink-600{color:#db2777;} .dark .text-pink-700{color:#be185d;} .dark .text-pink-800{color:#9d174d;} .dark .text-pink-900{color:#831843;} /* ORANGE */ .dark .bg-orange-50{background:#7c2d12;} .dark .bg-orange-100{background:#9a3412;} .dark .bg-orange-200{background:#c2410c;} .dark .bg-orange-300{background:#ea580c;} .dark .bg-orange-400{background:#f97316;} .dark .bg-orange-500{background:#3e281a;} .dark .bg-orange-600{background:#4c311f;} .dark .bg-orange-700{background:#5d3b26;} .dark .bg-orange-800{background:#ffedd5;} .dark .bg-orange-900{background:#fff7ed;} .dark .text-orange-50{color:#fff7ed;} .dark .text-orange-100{color:#ffedd5;} .dark .text-orange-200{color:#fed7aa;} .dark .text-orange-300{color:#fdba74;} .dark .text-orange-400{color:#fb923c;} .dark .text-orange-500{color:#f97316;} .dark .text-orange-600{color:#ea580c;} .dark .text-orange-700{color:#c2410c;} .dark .text-orange-800{color:#9a3412;} .dark .text-orange-900{color:#7c2d12;} /* AMBER */ .dark .bg-amber-50{background:#78350f;} .dark .bg-amber-100{background:#854d0e;} .dark .bg-amber-200{background:#a16207;} .dark .bg-amber-300{background:#ca8a04;} .dark .bg-amber-400{background:#f59e0b;} .dark .bg-amber-500{background:#3b2f18;} .dark .bg-amber-600{background:#46381d;} .dark .bg-amber-700{background:#554524;} .dark .bg-amber-800{background:#fffbeb;} .dark .bg-amber-900{background:#fef3c7;} .dark .text-amber-50{color:#fef3c7;} .dark .text-amber-100{color:#fffbeb;} .dark .text-amber-200{color:#fde68a;} .dark .text-amber-300{color:#fcd34d;} .dark .text-amber-400{color:#fbbf24;} .dark .text-amber-500{color:#f59e0b;} .dark .text-amber-600{color:#d97706;} .dark .text-amber-700{color:#b45309;} .dark .text-amber-800{color:#92400e;} .dark .text-amber-900{color:#78350f;} /* LIME */ .dark .bg-lime-50{background:#365314;} .dark .bg-lime-100{background:#3f6212;} .dark .bg-lime-200{background:#4d7c0f;} .dark .bg-lime-300{background:#65a30d;} .dark .bg-lime-400{background:#84cc16;} .dark .bg-lime-500{background:#263417;} .dark .bg-lime-600{background:#2f3f1b;} .dark .bg-lime-700{background:#3a4e21;} .dark .bg-lime-800{background:#ecfccb;} .dark .bg-lime-900{background:#f7fee7;} .dark .text-lime-50{color:#f7fee7;} .dark .text-lime-100{color:#ecfccb;} .dark .text-lime-200{color:#d9f99d;} .dark .text-lime-300{color:#bef264;} .dark .text-lime-400{color:#a3e635;} .dark .text-lime-500{color:#84cc16;} .dark .text-lime-600{color:#65a30d;} .dark .text-lime-700{color:#4d7c0f;} .dark .text-lime-800{color:#3f6212;} .dark .text-lime-900{color:#365314;} /* EMERALD */ .dark .bg-emerald-50{background:#064e3b;} .dark .bg-emerald-100{background:#065f46;} .dark .bg-emerald-200{background:#047857;} .dark .bg-emerald-300{background:#059669;} .dark .bg-emerald-400{background:#10b981;} .dark .bg-emerald-500{background:#0f2f26;} .dark .bg-emerald-600{background:#143a31;} .dark .bg-emerald-700{background:#1b4a3f;} .dark .bg-emerald-800{background:#d1fae5;} .dark .bg-emerald-900{background:#ecfdf5;} .dark .text-emerald-50{color:#ecfdf5;} .dark .text-emerald-100{color:#d1fae5;} .dark .text-emerald-200{color:#a7f3d0;} .dark .text-emerald-300{color:#6ee7b7;} .dark .text-emerald-400{color:#34d399;} .dark .text-emerald-500{color:#10b981;} .dark .text-emerald-600{color:#059669;} .dark .text-emerald-700{color:#047857;} .dark .text-emerald-800{color:#065f46;} .dark .text-emerald-900{color:#064e3b;} /* TEAL */ .dark .bg-teal-50{background:#134e4a;} .dark .bg-teal-100{background:#115e59;} .dark .bg-teal-200{background:#0f766e;} .dark .bg-teal-300{background:#14b8a6;} .dark .bg-teal-400{background:#2dd4bf;} .dark .bg-teal-500{background:#143432;} .dark .bg-teal-600{background:#193f3c;} .dark .bg-teal-700{background:#1f4f4b;} .dark .bg-teal-800{background:#ccfbf1;} .dark .bg-teal-900{background:#f0fdfa;} .dark .text-teal-50{color:#f0fdfa;} .dark .text-teal-100{color:#ccfbf1;} .dark .text-teal-200{color:#99f6e4;} .dark .text-teal-300{color:#5eead4;} .dark .text-teal-400{color:#2dd4bf;} .dark .text-teal-500{color:#14b8a6;} .dark .text-teal-600{color:#0f766e;} .dark .text-teal-700{color:#115e59;} .dark .text-teal-800{color:#134e4a;} .dark .text-teal-900{color:#0f3f3b;} /* CYAN */ .dark .bg-cyan-50{background:#164e63;} .dark .bg-cyan-100{background:#155e75;} .dark .bg-cyan-200{background:#0e7490;} .dark .bg-cyan-300{background:#0891b2;} .dark .bg-cyan-400{background:#22d3ee;} .dark .bg-cyan-500{background:#132f36;} .dark .bg-cyan-600{background:#173a43;} .dark .bg-cyan-700{background:#1e4a56;} .dark .bg-cyan-800{background:#cffafe;} .dark .bg-cyan-900{background:#ecfeff;} .dark .text-cyan-50{color:#ecfeff;} .dark .text-cyan-100{color:#cffafe;} .dark .text-cyan-200{color:#a5f3fc;} .dark .text-cyan-300{color:#67e8f9;} .dark .text-cyan-400{color:#22d3ee;} .dark .text-cyan-500{color:#06b6d4;} .dark .text-cyan-600{color:#0891b2;} .dark .text-cyan-700{color:#0e7490;} .dark .text-cyan-800{color:#155e75;} .dark .text-cyan-900{color:#164e63;} /* SKY */ .dark .bg-sky-50{background:#0c4a6e;} .dark .bg-sky-100{background:#075985;} .dark .bg-sky-200{background:#0369a1;} .dark .bg-sky-300{background:#0284c7;} .dark .bg-sky-400{background:#38bdf8;} .dark .bg-sky-500{background:#11293a;} .dark .bg-sky-600{background:#173343;} .dark .bg-sky-700{background:#1f4151;} .dark .bg-sky-800{background:#e0f2fe;} .dark .bg-sky-900{background:#f0f9ff;} .dark .text-sky-50{color:#f0f9ff;} .dark .text-sky-100{color:#e0f2fe;} .dark .text-sky-200{color:#bae6fd;} .dark .text-sky-300{color:#7dd3fc;} .dark .text-sky-400{color:#38bdf8;} .dark .text-sky-500{color:#0ea5e9;} .dark .text-sky-600{color:#0284c7;} .dark .text-sky-700{color:#0369a1;} .dark .text-sky-800{color:#075985;} .dark .text-sky-900{color:#0c4a6e;} /* VIOLET */ .dark .bg-violet-50{background:#2e1065;} .dark .bg-violet-100{background:#3b0764;} .dark .bg-violet-200{background:#5b21b6;} .dark .bg-violet-300{background:#7c3aed;} .dark .bg-violet-400{background:#8b5cf6;} .dark .bg-violet-500{background:#231b3b;} .dark .bg-violet-600{background:#2c2147;} .dark .bg-violet-700{background:#382a59;} .dark .bg-violet-800{background:#ede9fe;} .dark .bg-violet-900{background:#f5f3ff;} .dark .text-violet-50{color:#f5f3ff;} .dark .text-violet-100{color:#ede9fe;} .dark .text-violet-200{color:#ddd6fe;} .dark .text-violet-300{color:#c4b5fd;} .dark .text-violet-400{color:#a78bfa;} .dark .text-violet-500{color:#8b5cf6;} .dark .text-violet-600{color:#7c3aed;} .dark .text-violet-700{color:#6d28d9;} .dark .text-violet-800{color:#5b21b6;} .dark .text-violet-900{color:#4c1d95;} /* FUCHSIA */ .dark .bg-fuchsia-50{background:#701a75;} .dark .bg-fuchsia-100{background:#86198f;} .dark .bg-fuchsia-200{background:#a21caf;} .dark .bg-fuchsia-300{background:#c026d3;} .dark .bg-fuchsia-400{background:#e879f9;} .dark .bg-fuchsia-500{background:#33183a;} .dark .bg-fuchsia-600{background:#3f1f46;} .dark .bg-fuchsia-700{background:#51275b;} .dark .bg-fuchsia-800{background:#fae8ff;} .dark .bg-fuchsia-900{background:#fdf4ff;} .dark .text-fuchsia-50{color:#fdf4ff;} .dark .text-fuchsia-100{color:#fae8ff;} .dark .text-fuchsia-200{color:#f5d0fe;} .dark .text-fuchsia-300{color:#f0abfc;} .dark .text-fuchsia-400{color:#e879f9;} .dark .text-fuchsia-500{color:#d946ef;} .dark .text-fuchsia-600{color:#c026d3;} .dark .text-fuchsia-700{color:#a21caf;} .dark .text-fuchsia-800{color:#86198f;} .dark .text-fuchsia-900{color:#701a75;} /* ROSE */ .dark .bg-rose-50{background:#7f1d1d;} .dark .bg-rose-100{background:#881337;} .dark .bg-rose-200{background:#9f1239;} .dark .bg-rose-300{background:#e11d48;} .dark .bg-rose-400{background:#fb7185;} .dark .bg-rose-500{background:#3a2126;} .dark .bg-rose-600{background:#472730;} .dark .bg-rose-700{background:#582f3c;} .dark .bg-rose-800{background:#ffe4e6;} .dark .bg-rose-900{background:#fff1f2;} .dark .text-rose-50{color:#fff1f2;} .dark .text-rose-100{color:#ffe4e6;} .dark .text-rose-200{color:#fecdd3;} .dark .text-rose-300{color:#fda4af;} .dark .text-rose-400{color:#fb7185;} .dark .text-rose-500{color:#f43f5e;} .dark .text-rose-600{color:#e11d48;} .dark .text-rose-700{color:#be123c;} .dark .text-rose-800{color:#9f1239;} .dark .text-rose-900{color:#881337;} /* ---------- Focus ring helpers (common ones) ---------- */ .dark .focus\:ring-blue-500:focus{--tw-ring-color:#93c5fd!important;} .dark .focus\:ring-green-500:focus{--tw-ring-color:#86efac!important;} .dark .focus\:ring-red-500:focus{--tw-ring-color:#fca5a5!important;} .dark .focus\:ring-purple-500:focus{--tw-ring-color:#d8b4fe!important;} .dark .focus\:ring-yellow-500:focus{--tw-ring-color:#fde68a!important;}