diff --git a/src/app.jsx b/src/app.jsx
index 79dd9b04..96e0499f 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -1,5 +1,6 @@
 import './app.css';
 
+// import './cloak-mode.css';
 import {
   useEffect,
   useLayoutEffect,
diff --git a/src/cloak-mode.css b/src/cloak-mode.css
new file mode 100644
index 00000000..2d1e1505
--- /dev/null
+++ b/src/cloak-mode.css
@@ -0,0 +1,12 @@
+@import url('https://fonts.googleapis.com/css2?family=Flow+Circular&family=Noto+Emoji&display=swap');
+
+.status-pre-meta,
+.status .container {
+  font-family: 'Flow Circular', 'Noto Emoji', cursive;
+}
+
+.status :is(img, video, audio),
+.avatar {
+  filter: invert(0.5);
+  background-color: #000 !important;
+}