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 }) {
+
+
+