User:Safiona/vector.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 1. Create global variables for text and background color */ :root { --color-text: black; --color-background: white; } /* 2. Add conditional styling for dark mode preference */ @media (prefers-color-scheme: dark) { /* Re-assign previous variables */ :root { --color-text: white; /* black => white */ --color-background: black; /* white => black */ } } /* 3. Assign variables to page color and background */ body { color: var(--color-text); background-color: var(--color-background); }