Fascinated/Vencord
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

BlurNSFW: Add amount setting

Browse Source
This commit is contained in:
Vendicated 2022-11-28 00:55:50 +01:00
parent f0ee16f173
commit a9fee6248e
No known key found for this signature in database
GPG Key ID: EC781ADFB93EFFA3
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/plugins/blurNsfw.ts
View File

@ -16,11 +16,12 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
import { Settings } from "../api/settings";
import { Devs } from "../utils/constants";
import definePlugin from "../utils/types";
import definePlugin, { OptionType } from "../utils/types";
export default definePlugin({
name: "BlurNsfw",
name: "BlurNSFW",
description: "Blur attachments in NSFW channels until hovered",
authors: [Devs.Ven],
@ -37,17 +38,29 @@ export default definePlugin({
}
],
options: {
blurAmount: {
type: OptionType.NUMBER,
description: "Blur Amount",
default: 10,
}
},
start() {
const style = this.style = document.createElement("style");
style.id = "VcBlurNsfw";
document.head.appendChild(style);
style.textContent = `
.vc-nsfw-img img {
filter: blur(5px);
transition: filter 0.2s ease-in;
this.setCss();
},
setCss() {
this.style.textContent = `
.vc-nsfw-img [class^=imageWrapper] img {
filter: blur(${Settings.plugins.BlurNSFW.blurAmount}px);
transition: filter 0.2s;
}
.vc-nsfw-img:hover img {
.vc-nsfw-img [class^=imageWrapper] img:hover {
filter: unset;
}
`;