timeline-svg/my-project/style.css

/* My Project Blue Theme */
/* This CSS demonstrates successful external stylesheet loading */

body {
  background: #1a2332 !important;
}

#projectName {
  color: #3b82f6 !important;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 8px;
}

#projectSubtitle {
  color: #60a5fa !important;
}

/* File Manager Override */
#fileManager {
  background: #1e293b !important;
  border-color: #3b82f6 !important;
}

#fileManager h3 {
  color: #60a5fa !important;
}

.file-item {
  background: #334155 !important;
  border-color: #3b82f6 !important;
}

.file-item:hover {
  border-color: #60a5fa !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2) !important;
}

.file-label {
  color: #60a5fa !important;
}

.upload-btn {
  background: #3b82f6 !important;
}

.upload-btn:hover {
  background: #2563eb !important;
}

/* Buttons */
button {
  background: #3b82f6 !important;
}

button:hover:not(:disabled) {
  background: #60a5fa !important;
}

/* Viewer */
#viewer {
  background: #334155 !important;
  border-color: #3b82f6 !important;
  color: #f1f5f9 !important;
}