/* static/css/light_theme.css */ /* Card and container styling */ .card { background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); border: 1px solid #e0e6ed; } /* FullCalendar header */ .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc .fc-toolbar-title { font-size: 1.5rem; font-weight: 600; color: #2c3e50; } /* Calendar buttons */ .fc .fc-button-group > .fc-button { background-color: #e9ecef; border-color: #e9ecef; color: #495057; border-radius: 4px; transition: all 0.2s ease-in-out; } .fc .fc-button-group > .fc-button:hover { background-color: #e2e6ea; } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: #007bff; border-color: #007bff; color: #fff; box-shadow: none; } /* Day cells */ .fc-daygrid-day { background-color: #ffffff; border: 1px solid #e0e6ed; border-radius: 4px; } .fc-day-other { background-color: #f8f9fa !important; color: #ced4da; } .fc-day-today { background-color: #fff3cd !important; border-color: #ffeeba !important; } .fc-daygrid-day-number { font-weight: 500; } /* Event styling */ .fc-event { border-radius: 4px; padding: 3px 6px; font-size: 12px; color: #ffffff !important; text-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } /* List group styling */ .list-group-item { border-color: #e0e6ed; background-color: #ffffff; transition: background-color 0.2s ease-in-out; } .list-group-item:hover { background-color: #f8f9fa; } .modal-content { background-color: #ffffff; color: #34495e; } .modal-header .close { color: #adb5bd; } /* Responsive adjustments */ @media (max-width: 767.98px) { .fc .fc-toolbar-title { font-size: 1.25rem; } }