/* === 背景色主题 === */

body.bg-green {
  background: #e8f0e3;
}

body.bg-white {
  background: #f5f5f5;
}

body.bg-blue {
  background: #e8edf5;
}

body.bg-lavender {
  background: #efe8f5;
}

/* 暗色主题 */
body.bg-dark {
  background: #2a2a2a;
}

body.bg-dark .sheet {
  background: #333;
}

body.bg-dark .sheet-title {
  color: #ddd;
}

body.bg-dark .sheet-title-text {
  color: #e0c878;
}

body.bg-dark .sheet-artist-text {
  color: #aaa;
}

body.bg-dark .simple-lyric {
  color: #ddd;
}

body.bg-dark .simple-chord {
  color: #e0c878;
}

body.bg-dark .chord-cell {
  color: #d4a030;
}

body.bg-dark .lyric-cell {
  color: #ddd;
}

body.bg-dark .beat-cell {
  color: #888;
}

body.bg-dark .toolbar {
  background: #3a3a3a;
  border-bottom-color: #555;
}

body.bg-dark .brand h1 {
  color: #e0c878;
}

body.bg-dark .brand small {
  color: #aaa;
}

body.bg-dark .toolbar button {
  background: #444;
  color: #ccc;
  border-color: #555;
}

body.bg-dark .toolbar button:hover {
  background: #555;
}

body.bg-dark .style-label {
  color: #aaa;
}

body.bg-dark .style-btns {
  background: #3a3a3a;
}

body.bg-dark .view-btn,
body.bg-dark .bg-btn {
  background: #444;
  color: #ccc;
  border-color: #555;
}

body.bg-dark .view-btn.active {
  background: #4a8c3f;
}

body.bg-dark .bg-btn.active {
  background: #b8860b;
}

body.bg-dark .simple-table td {
  border-color: #444;
}

body.bg-dark .sep {
  color: #666;
}