24 lines
471 B
CSS
24 lines
471 B
CSS
/* Light mode image - visible by default */
|
|
.light-mode-image {
|
|
display: block;
|
|
}
|
|
|
|
/* Dark mode image - hidden by default */
|
|
.dark-mode-image {
|
|
display: none;
|
|
}
|
|
|
|
/* When dark theme (slate) is active */
|
|
[data-md-color-scheme="slate"] .light-mode-image {
|
|
display: none;
|
|
}
|
|
|
|
[data-md-color-scheme="slate"] .dark-mode-image {
|
|
display: block;
|
|
}
|
|
|
|
/* Optional: smooth transition */
|
|
.light-mode-image,
|
|
.dark-mode-image {
|
|
transition: opacity 0.2s ease-in-out;
|
|
} |