Module:Navbox timeline/styles.css: Difference between revisions

No edit summary
No edit summary
 
Line 114: Line 114:
background-color: #B0B0B0;
background-color: #B0B0B0;
cursor: pointer;
cursor: pointer;
}
/* Dark mode support */
@media screen {
html.skin-theme-clientpref-night .timeline-row > * {
border-color: #202122;
}
html.skin-theme-clientpref-night .timeline-decade {
background-color: #34495e;
color: #eaecf0;
}
html.skin-theme-clientpref-night .timeline-year {
background-color: #2c3544;
color: #eaecf0;
}
html.skin-theme-clientpref-night .timeline-month {
background-color: #27292d;
color: #eaecf0;
border-left-color: #404040;
}
html.skin-theme-clientpref-night .timeline-blank {
background-color: #3a3a3a;
color: #eaecf0;
}
html.skin-theme-clientpref-night .timeline-item {
background-color: #4a5568;
color: #eaecf0;
}
html.skin-theme-clientpref-night .timeline-item:hover {
background-color: #5a6678;
}
html.skin-theme-clientpref-night .timeline-label {
color: #eaecf0;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .timeline-row > * {
border-color: #202122;
}
html.skin-theme-clientpref-os .timeline-decade {
background-color: #34495e;
color: #eaecf0;
}
html.skin-theme-clientpref-os .timeline-year {
background-color: #2c3544;
color: #eaecf0;
}
html.skin-theme-clientpref-os .timeline-month {
background-color: #27292d;
color: #eaecf0;
border-left-color: #404040;
}
html.skin-theme-clientpref-os .timeline-blank {
background-color: #3a3a3a;
color: #eaecf0;
}
html.skin-theme-clientpref-os .timeline-item {
background-color: #4a5568;
color: #eaecf0;
}
html.skin-theme-clientpref-os .timeline-item:hover {
background-color: #5a6678;
}
html.skin-theme-clientpref-os .timeline-label {
color: #eaecf0;
}
}
}