oreolek/phanpy
1
0
Fork 0
Code Activity

Fancy hidden cloak mode

Browse source
This commit is contained in:
Lim Chee Aun 2023-04-10 21:41:42 +08:00
parent 9920525d90
commit 6f8ddf4dfe
3 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app.jsx
View file

@ -1,6 +1,5 @@
import './app.css'; import './app.css';
// import './cloak-mode.css';
import { import {
useEffect, useEffect,
useLayoutEffect, useLayoutEffect,

19
src/cloak-mode.css
View file

@ -1,12 +1,15 @@
@import url('https://fonts.googleapis.com/css2?family=Flow+Circular&family=Noto+Emoji&display=swap'); body.cloak .name-text,
body.cloak .status .content-container,
.status-pre-meta, body.cloak .account-container :is(header, main > *:not(.actions)) {
.status { text-decoration-thickness: 1.1em;
font-family: 'Flow Circular', 'Noto Emoji', cursive; text-decoration-line: line-through;
text-rendering: optimizeSpeed;
} }
.status :is(img, video, audio), body.cloak .status :is(img, video, audio),
.avatar { body.cloak .avatar,
filter: invert(0.5); body.cloak .emoji,
body.cloak .header-banner {
filter: contrast(0) !important;
background-color: #000 !important; background-color: #000 !important;
} }

6
src/main.jsx
View file

@ -1,5 +1,7 @@
import './index.css'; import './index.css';
import './cloak-mode.css';
import { render } from 'preact'; import { render } from 'preact';
import { HashRouter } from 'react-router-dom'; import { HashRouter } from 'react-router-dom';
@ -35,3 +37,7 @@ setTimeout(() => {
localStorage.removeItem('settings:boostsCarousel'); localStorage.removeItem('settings:boostsCarousel');
} catch (e) {} } catch (e) {}
}, 5000); }, 5000);
window.__CLOAK__ = () => {
document.body.classList.toggle('cloak');
};