104 lines
1.6 KiB
CSS
104 lines
1.6 KiB
CSS
/* General Body & Typography */
|
|
body {
|
|
font-family: 'Lato', sans-serif;
|
|
background-color: #FFFFFF;
|
|
color: #343a40;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .navbar-brand, .display-4 {
|
|
font-family: 'Poppins', sans-serif;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Navbar */
|
|
.navbar-brand i {
|
|
color: #5D3FD3;
|
|
}
|
|
|
|
.navbar {
|
|
border-bottom: 1px solid #e9ecef;
|
|
}
|
|
|
|
/* Hero Section */
|
|
.hero-section h1 {
|
|
color: #5D3FD3;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* Buttons */
|
|
.btn-primary {
|
|
background-color: #5D3FD3;
|
|
border-color: #5D3FD3;
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus {
|
|
background-color: #4C33B3;
|
|
border-color: #4C33B3;
|
|
}
|
|
|
|
/* Task List */
|
|
.card {
|
|
border: none;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.card-header {
|
|
border-radius: 0.75rem 0.75rem 0 0;
|
|
}
|
|
|
|
.task-title {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.form-check-input:checked {
|
|
background-color: #5D3FD3;
|
|
border-color: #5D3FD3;
|
|
}
|
|
|
|
.form-check-input:checked + .form-check-label .task-title {
|
|
text-decoration: line-through;
|
|
color: #6c757d;
|
|
}
|
|
|
|
|
|
/* Badges */
|
|
.badge {
|
|
font-size: 0.8rem;
|
|
padding: 0.4em 0.7em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.priority-high {
|
|
background-color: #ffcdd2;
|
|
color: #c62828;
|
|
}
|
|
|
|
.priority-medium {
|
|
background-color: #fff9c4;
|
|
color: #f57f17;
|
|
}
|
|
|
|
.priority-low {
|
|
background-color: #c8e6c9;
|
|
color: #2e7d32;
|
|
}
|
|
|
|
.status-completed {
|
|
background-color: #e0e0e0;
|
|
color: #616161;
|
|
}
|
|
|
|
.status-pending {
|
|
background-color: #bbdefb;
|
|
color: #1565c0;
|
|
}
|
|
|
|
.status-in_progress {
|
|
background-color: #d1c4e9;
|
|
color: #4527a0;
|
|
}
|
|
|
|
.status-missed {
|
|
background-color: #fce4ec;
|
|
color: #ad1457;
|
|
} |