www_zola_template/static/css/dark-mode.css
2025-03-19 15:19:21 +02:00

53 lines
857 B
CSS

/* Dark mode styles */
.dark .prose {
color: rgba(255, 255, 255, 0.9);
}
.dark .prose h1,
.dark .prose h2,
.dark .prose h3,
.dark .prose h4,
.dark .prose h5,
.dark .prose h6 {
color: white;
}
.dark .prose a {
color: #3b82f6;
}
.dark .prose strong {
color: white;
}
.dark .prose code {
color: white;
background-color: rgba(255, 255, 255, 0.1);
}
.dark .prose blockquote {
color: rgba(255, 255, 255, 0.8);
border-left-color: rgba(255, 255, 255, 0.2);
}
.dark .prose hr {
border-color: rgba(255, 255, 255, 0.2);
}
.dark .prose table th {
color: white;
}
.dark .prose table td {
color: rgba(255, 255, 255, 0.8);
}
/* Transition effects for theme switching */
html.transition,
html.transition *,
html.transition *:before,
html.transition *:after {
transition: all 0.3s ease-in-out !important;
transition-delay: 0 !important;
}