body { filter: invert(90%) hue-rotate(180deg); background: black !important; min-height: 100vh; }
img, video { filter: invert(100%) hue-rotate(180deg) !important; }
I've added this CSS snippet to many, many websites, including Terra, via browser extensions like Stylus. It's always been a good enough solution for me.
Thanks so much, Devin! This is a great suggestion! I used your suggested snippet to manually create a chrome extension and upload it to my Chrome. I was a little worried about using a third-party extension reading the data - I have no idea how extensions function under the hood. But using your snippet in a manual update, I now have Terra in dark mode!
Comments
2 comments
body {
filter: invert(90%) hue-rotate(180deg);
background: black !important;
min-height: 100vh;
}
img, video {
filter: invert(100%) hue-rotate(180deg) !important;
}
I've added this CSS snippet to many, many websites, including Terra, via browser extensions like Stylus. It's always been a good enough solution for me.
Thanks so much, Devin! This is a great suggestion! I used your suggested snippet to manually create a chrome extension and upload it to my Chrome. I was a little worried about using a third-party extension reading the data - I have no idea how extensions function under the hood. But using your snippet in a manual update, I now have Terra in dark mode!
Please sign in to leave a comment.