schedule.css

/* 드래그 중인 요소 스타일 */
.schedule-item.dragging {
    opacity: 0.5;
}

/* 드롭 가능 영역 스타일 */
.schedule-list.over {
    border: 2px dashed #000;
}

.schedule-item {
    border: 1px solid #ccc; /* 테두리 색상 */
    border-radius: 8px; /* 모서리 둥글기 */
    padding: 10px; /* 내부 여백 */
    margin-bottom: 5px; /* 요소 간 간격 */
    background-color: #f9f9f9; /* 배경 색상 */
}

.completed-schedule-item {
    border: 1px solid #ccc; /* 테두리 색상 */
    border-radius: 8px; /* 모서리 둥글기 */
    padding: 10px; /* 내부 여백 */
    margin-bottom: 5px; /* 요소 간 간격 */
    background-color: #f9f9f9; /* 배경 색상 */
}

body {
  font-family: 'Noto Sans KR', sans-serif;
  background-color: #3f3e3e; /* 배경색을 검은색으로 설정 */
  font-weight: 400; 
  font-size: 17px;
  width: 300px;
  height: 300px;
}

.btn-success {
  background-color: #28a745; /* 초록색 */
  border-color: #28a745; /* 초록색 */
}

.btn-warning {
  background-color: #ffc107; /* 노란색 */
  border-color: #ffc107; /* 노란색 */
}

/* 버튼 텍스트 색상 변경을 원할 경우 */
.btn-success {
  color: white;
}

.btn-progress {
    background-color: #6f42c1; /* 보라색 */
    border-color: #6f42c1; /* 보라색 테두리 */
    color: white; /* 텍스트 색상 */
  }