:root { color-scheme: light dark; } body { max-width: 1000px; margin: 0 auto; padding: 0 20px; } table { border-spacing: 0; text-align: center; margin: 20px; } hr { margin: 40px 0; border: none; border-bottom: 1px solid black; } .cc-icon { height: 1.375em; margin-left: 3px; vertical-align: text-bottom; } .preposition { background-image: url("preposition.svg"); background-size: 10px; background-repeat: repeat-x; background-position: center; } .added { background-color: #C8E6C9; } @media (prefers-color-scheme: dark) { hr { border-color: white; } .preposition { filter: invert(1); } .added { background-color: #1B5E20; } }