cassidy, 6 months ago

Not me out here writing a few lines of custom browser CSS/JS to make a website usable at night… 🙈

Screenshot of a code editor with two files. user-stylesheet.css: @media (prefers-color-scheme: dark) { /* Printables.com */ .x-custom-epiphany-class-www-printables-com body { --bg-color: #111; --text-color: #ddd; --title-color: #ccc; --line-color: #333; --section-bg: #222; --header-create-button-color: var(--text-color); --card-big-icon-color: var(--text-color); } .x-custom-epiphany-class-www-printables-com .navbar-brand { filter: invert(1) hue-rotate(180deg); } } user-javascript.js: document.documentElement.classList.add( "x-custom-epiphany-class-".concat( window.location.hostname.replaceAll(".", "-") ) );