textpattern-default-theme icon indicating copy to clipboard operation
textpattern-default-theme copied to clipboard

Dark Mode support

Open cara-tm opened this issue 3 years ago • 0 comments

Is your feature request related to a problem?

Nope!

What is the feature?

Maybe it's the time to add a "Dark Mode" support into the Default theme? Simply because it's a user choice, after all.

Default theme with Dark Mode support preview

Here is a simple way with few lines of CSS:

@media (prefers-color-scheme:dark) {
    html{background-color: #000}
    body{filter: invert(100%)}
    header *,header a,footer *,footer a{filter: invert(0%)}
    img{filter: invert(100%)}
}

Note: changing heading links color, gives a little darker white on "Dark Mode" but keeps a good contrast ratio on "Light Mode":

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #333;
}

cara-tm avatar Dec 22 '21 07:12 cara-tm