On every page of the website, you'll find a button labeled "SWITCH TO CSS-FREE MODE." This button provides a simple way to refresh the page with a different appearance. When you click it, the site reloads without any custom CSS styles applied. Instead, it reverts to the default styles set by Theme Designer.
You can use the button to toggle our custom CSS on and off in your browser. Pick your favorite experience or switch between the two as it suits you.
Why we have it[]
Over time, our wiki's CSS became over-customized. This led to issues like:
- Visual clutter and other accessibility issues
- Broken styling (e.g. overlapping boxes)
The admin team installed a "CSS-Free mode" button as a solution. This button lets users "turn off" the buggy CSS and see the default, cleaner look.
We now have team members like @MissLunaRose working on debugging and cleaning up the CSS. After all, every line of code should make user experience better (or at least the same), not worse. Since the custom CSS is thousands of lines long with few comments, the process is not going quickly or smoothly.
We're keeping the button for now. You can turn our custom CSS on and off as you please.
How it works[]
| Coding Help Wiki |
|---|
| Overview |
| Community |
| Help us |
URL parameters are extra bits of information added to the end of a website address. They help the server understand what the user is asking for. In this case, the code uses URL parameters to change how the website behaves.
When the user clicks on the "Switch to CSS-Free Mode" button, the code adds three URL parameters to the website address. These parameters change how the website looks and works. The code then checks the website address for any existing parameters and adjusts them depending on what the user does.
Once the code has made all the necessary changes, it sends the user to a new website address with the updated parameters. This means that the website can change without having to reload the whole page.
Finally, the code also saves the user's preference for the website mode (safe or normal) in the browser's memory. This means that the website will remember the user's preference even if they leave and come back later.
