Terence EdenApr 12, 2024

I decided to add a permanent #CSS_Naked_Day theme to my blog.

Hit the 👻 option to remove *all* CSS from my site.

Should work in any browser with Javascript. If you have manually disabled JS, I assume you're smart enough to also manually disable CSS.

https://shkspr.mobi/blog/

Is it OK to share 2FA secrets?

Terence Eden’s Blog
Show threadjarekApr 12, 2024
@Edent not sure if bug or intended, but switching into "nude" then another style (like xterm) doesn't work unless I switch to "reset" first - I found it unexpected
Show threadhalas 🇵🇸🇺🇦🇪🇺Apr 12, 2024
@jarek @Edent for me (firefox on mac) after switching to nude I can't switch to another theme at all until I refresh page.
Show threadTerence Eden
@halas @jarek @sascha_
Thanks for the bug report!
At the moment, it removes all styles - so if you switch to a different one, there's nothing to change.
I'll have a think about whether there's a better way.
Apr 12, 2024 at 2:28pmWeb
Show threadjarekApr 12, 2024

@Edent @halas @sascha_ ah, I'm curious how you're doing the 'nude' style then - does it also go through and remove inline styles?

I'm recalling `rel="alternate stylesheet"` being a thing https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets - I wonder if it would be possible to use that markup (with one alternate stylesheet being empty) and maybe switching the `rel` tag values with the JS switcher for on-page control?

Alternative style sheets - CSS: Cascading Style Sheets | MDN

Specifying alternative style sheets in a web page provides a way for users to see multiple versions of a page, based on their needs or preferences.

MDN Web Docs
Show threadTerence EdenApr 12, 2024

@jarek

I'm just using:

```
for (var style in styles = document.styleSheets)
styles[style].disabled = true;
```
The problem is, there might be multiple stylesheets, so I don't think I can use an alternate one for all of them.