html[theme='dark-mode'] {
filter: invert(1) hue-rotate(180deg);
}
The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. (Reference: MDN Web Docs)
For this dark mode, we would be using two filters namely invert and hue-rotate