timeline-svg/example/style.css

/* Example Project Dark Green Theme */
/* This CSS demonstrates successful external stylesheet loading */

body {
  background: #1e3a2f !important;
}

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

#projectSubtitle {
  color: #4a9b6b !important;
}

/* File Manager Override */
#fileManager {
  background: #243329 !important;
  border-color: #2d8659 !important;
}

#fileManager h3 {
  color: #4a9b6b !important;
}

.file-item {
  background: #2a3f32 !important;
  border-color: #2d8659 !important;
}

.file-item:hover {
  border-color: #4a9b6b !important;
  box-shadow: 0 2px 8px rgba(45, 134, 89, 0.2) !important;
}

.file-label {
  color: #4a9b6b !important;
}

.upload-btn {
  background: #2d8659 !important;
}

.upload-btn:hover {
  background: #1e5a3d !important;
}

/* Buttons */
button {
  background: #2d8659 !important;
}

button:hover:not(:disabled) {
  background: #4a9b6b !important;
}

/* Viewer */
#viewer {
  background: #2a3f32 !important;
  border-color: #2d8659 !important;
  color: #e8f5e8 !important;
}