body.dark {
  background-color: #222;
  color: #fff;
}

.dark #header {
  background-color: #444;
}

.dark #settings-btn {
  color: #aaa;
}

.dark #settings-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.dark #settings-content,
.dark #item-menu-content,
.dark #export-modal-content,
.dark #move-todos-content,
.dark #share-success-content {
  background: #444;
  color: #fff;
}

.dark .share-success-desc {
  color: #bbb;
}

.dark .export-item-count {
  color: #bbb;
}

.dark #export-modal-content label[for="export-filename"] {
  color: #bbb;
}

.dark .export-filename-wrapper input {
  background: #555;
  border-color: #666;
  color: #fff;
}

.dark .export-filename-ext {
  color: #aaa;
}

.dark .modal-secondary-btn {
  background: #555;
  border-color: #666;
  color: #fff;
}

.dark .modal-secondary-btn:hover {
  background: #606060;
}


.dark #todo-list li {
  background: #444;
  color: #fff;
}

.dark .done {
  color: #ccc;
  text-decoration: line-through;
}

.dark #input-wrapper {
  background: #444;
}

.dark #todo-input {
  color: #fff;
}

.dark #mic-hint {
  background: #333;
  border-color: #555;
  color: #eee;
}

.dark #mic-hint kbd {
  background: #555;
  border-color: #777;
  color: #eee;
}

.dark #mic-btn {
  color: #666;
}

.dark #mic-btn:hover:not(:disabled) {
  color: #bbb;
}

.dark #project-name,
.dark #theme-select,
.dark #project-switch,
.dark #voice-lang-select {
  background: #444;
  color: #fff;
  border-color: #666;
}

.dark #todo-list a {
  color: #8ab4f8;
}

.dark #tag-filter-banner {
  background: #333;
}

.dark #clear-tag-filter {
  color: #aaa;
}

.dark #clear-tag-filter:hover {
  color: #fff;
}

.dark .modal-close {
  color: #aaa;
}

.dark .modal-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.dark #nav-menu-btn {
  color: #aaa;
}

.dark #nav-menu-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.dark #nav-menu {
  background: #333;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
}

.dark #nav-menu a {
  color: #bbb;
}

.dark #nav-menu a:hover {
  background: #3d3d3d;
  color: #fff;
}

.dark #nav-menu a.active {
  color: #66bb6a;
}

.dark #nav-menu a.active svg {
  color: #66bb6a;
}

.dark #voice-cancel-overlay {
  background: rgba(50, 50, 50, 0.97);
  border-top-color: #555;
}

.dark #voice-cancel-hint {
  color: #aaa;
}

.dark #voice-cancel-hint kbd {
  background: #555;
  border-color: #777;
  color: #eee;
}
.dark .settings-divider {
  border-top-color: #555;
}

.dark .settings-divider--danger {
  border-top-color: #6a3a3a;
}

.dark .settings-section-label {
  color: #888;
}

.dark .settings-link-btn {
  color: #ddd;
  border-color: #666;
}

.dark .settings-link-btn:hover {
  background: #555;
  border-color: #888;
}

.dark .settings-link-btn:disabled,
.dark .settings-link-btn.disabled {
  color: #666;
  border-color: #555;
  background: none;
}