diff --git a/src/app.jsx b/src/app.jsx index a410164e..0937406d 100644 --- a/src/app.jsx +++ b/src/app.jsx @@ -208,6 +208,12 @@ function App() { } }, [snapStates.settings.shortcutsViewMode]); + // Add/Remove cloak class to body + useEffect(() => { + const $body = document.body; + $body.classList.toggle('cloak', snapStates.settings.cloakMode); + }, [snapStates.settings.cloakMode]); + return ( <> diff --git a/src/cloak-mode.css b/src/cloak-mode.css index 3abc5359..a301d836 100644 --- a/src/cloak-mode.css +++ b/src/cloak-mode.css @@ -1,6 +1,8 @@ body.cloak .name-text, body.cloak .status .content-container, -body.cloak .account-container :is(header, main > *:not(.actions)) { +body.cloak .account-container :is(header, main > *:not(.actions)), +body.cloak .header-account, +body.cloak .account-block { text-decoration-thickness: 1.1em; text-decoration-line: line-through; text-rendering: optimizeSpeed; diff --git a/src/pages/settings.jsx b/src/pages/settings.jsx index 6e0eaad8..38d5f557 100644 --- a/src/pages/settings.jsx +++ b/src/pages/settings.jsx @@ -259,6 +259,18 @@ function Settings({ onClose }) {

+
  • + +