body { color: #390741; background-color: #9866a0; } a { color: purple; } a:hover { background-color: purple; } @media screen and (prefers-color-scheme: dark) { body { background-color: #390741; color: #9866a0; } a { color: magenta; } a:hover { background-color: magenta; } }