html.dark body {
  background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
  color: #e5e7eb;
}

html.dark .fold-header,
html.dark .fold-content,
html.dark .message-section,
html.dark .md-section,
html.dark #searchResult {
  background: rgba(30, 41, 59, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark .nav-card,
html.dark .message-item {
  background: rgba(51, 65, 85, 0.7);
  color: #e5e7eb;
}

html.dark .nav-card:hover {
  background: rgba(71, 85, 105, 0.7);
}

html.dark #nameInput,
html.dark #contentInput,
html.dark #searchInput {
  background: rgba(51, 65, 85, 0.7);
  border-color: rgba(147, 197, 253, 0.2);
  color: #e5e7eb;
}

html.dark h1,
html.dark .fold-header h3,
html.dark .message-name {
  color: #93c5fd;
}

html.dark .nav-card,
html.dark .message-item {
  border-left-color: #60a5fa;
}