/* Theme Name: Quicker Platform Theme Child Theme URI: https://www.quicker.com.au Description: A child theme of Quicker Platform Theme Author: Quicker.com.au Author URI: https://www.quicker.com.au License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Template: quicker-platform-theme Version: 1.0.0 */ /* Very light overdue background used across task list/cards. */ .task-overdue-soft { background-color: rgba(254, 226, 226, 0.28) !important; } tr.task-overdue-soft > td { background-color: rgba(254, 226, 226, 0.28) !important; } /* Project status badge styles (hero + card variants) */ .project-status-badge { border: 1px solid rgba(255,255,255,0.12); color: #ffffff; background: rgba(255,255,255,0.04); } .project-status-badge .status-dot { width: 0.5rem; height: 0.5rem; display: inline-block; border-radius: 9999px; } .status-open { background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.18); color: #dffcf0; } .status-open .status-dot { background: #10b981; box-shadow: 0 0 8px rgba(16,185,129,0.45); animation: qp-pulse 1.8s infinite ease-in-out; } .status-completed { background: rgba(96,165,250,0.06); border-color: rgba(96,165,250,0.16); color: #e6f4ff; } .status-completed .status-dot { background: #60a5fa; } .status-paused { background: rgba(245,158,11,0.06); border-color: rgba(245,158,11,0.16); color: #fff7e6; } .status-paused .status-dot { background: #f59e0b; animation: qp-pulse-slow 2.4s infinite ease-in-out; } /* Card variants */ .status-card-open { background: #ecfdf5 !important; color: #065f46 !important; border-color: rgba(16,185,129,0.18) !important; } .status-card-open .status-dot { background: #10b981; box-shadow: 0 0 6px rgba(16,185,129,0.32); } .status-card-completed { background: #eff6ff !important; color: #0f172a !important; border-color: rgba(96,165,250,0.14) !important; } .status-card-completed .status-dot { background: #60a5fa; } .status-card-paused { background: #fffbeb !important; color: #92400e !important; border-color: rgba(245,158,11,0.14) !important; } .status-card-paused .status-dot { background: #f59e0b; } @keyframes qp-pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.45); opacity: 0.6; } 100% { transform: scale(1); opacity: 1; } } @keyframes qp-pulse-slow { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.25); opacity: 0.65; } 100% { transform: scale(1); opacity: 1; } } /* Projects index section title pills (Open/Completed/Paused variants). */ .projects-status-pill { gap: 0.5rem; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background: #ffffff; color: #1f2937; border: 1px solid rgba(148,163,184,0.2); } .projects-status-pill .status-dot { width: 0.625rem; height: 0.625rem; border-radius: 9999px; display: inline-block; } .projects-status-pill-open .status-dot { background: #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.55); animation: qp-pulse 1.6s infinite ease-in-out; } .projects-status-pill-completed .status-dot { background: #60a5fa; box-shadow: 0 0 9px rgba(96, 165, 250, 0.45); animation: qp-pulse-slow 2.1s infinite ease-in-out; } .projects-status-pill-paused .status-dot { background: #f59e0b; box-shadow: 0 0 9px rgba(245, 158, 11, 0.45); animation: qp-pulse-slow 2.4s infinite ease-in-out; } @media (max-width: 640px) { .projects-status-pill { padding: 0.45rem 0.9rem; } } } /* Very light grey background for elements using the utility class `bg-white`. Apply only when NOT in dark mode (Tailwind uses the `dark` class on ), so dark-mode backgrounds remain unchanged. */ html:not(.dark) .bg-white { background-color: #f8fafc !important; }