From 44e5a55736c4ff99d404441936b055483ed9c42d Mon Sep 17 00:00:00 2001 From: kj_sh604 Date: Sat, 14 Feb 2026 12:39:43 -0500 Subject: fork: initial commit, derived from water.css (d950cbc) --- bookmarklet/original.js | 59 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 bookmarklet/original.js (limited to 'bookmarklet') diff --git a/bookmarklet/original.js b/bookmarklet/original.js new file mode 100644 index 0000000..08899c5 --- /dev/null +++ b/bookmarklet/original.js @@ -0,0 +1,59 @@ +// Water.css Bookmarklet +// --------------------- + +const $$ = (selector) => document.querySelectorAll(selector) +const createElement = (tagName, properties) => Object.assign(document.createElement(tagName), properties) + +// Remove all CSS stylesheets, external and internal +$$('link[rel="stylesheet"],style').forEach((el) => el.remove()) + +// Remove all inline styles +$$('*').forEach((el) => (el.style = '')) + +const linkElm = createElement('link', { + rel: 'stylesheet', + href: 'https://cdn.jsdelivr.net/npm/water.css@2/out/light.css' +}) + +// Add water.css and responsive viewport (if necessary) +document.head.append( + linkElm, + !$$('meta[name="viewport"]').length && createElement('meta', { + name: 'viewport', + content: 'width=device-width,initial-scale=1.0' + }) +) + +// Theme switching icons +const moonSVG = '' +const sunSVG = '' + +// Theme toggling logic +const toggleBtn = createElement('button', { + innerHTML: sunSVG, + ariaLabel: 'Switch theme', + style: ` + position: fixed; + top: 50px; + right: 50px; + margin: 0; + padding: 10px; + line-height: 1; + ` +}) + +let theme = 'light' +const toggleTheme = () => { + if (theme === 'light') { + theme = 'dark' + toggleBtn.innerHTML = moonSVG + linkElm.href = 'https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css' + } else { + theme = 'light' + linkElm.href = 'https://cdn.jsdelivr.net/npm/water.css@2/out/light.css' + toggleBtn.innerHTML = sunSVG + } +} + +toggleBtn.addEventListener('click', toggleTheme) +document.body.append(toggleBtn) -- cgit v1.2.3