Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blur on Mouse Inactivity #840

Open
3 tasks done
Malanao opened this issue Jul 2, 2024 · 5 comments
Open
3 tasks done

Blur on Mouse Inactivity #840

Malanao opened this issue Jul 2, 2024 · 5 comments

Comments

@Malanao
Copy link

Malanao commented Jul 2, 2024

Plugin Description

When you are not using Discord or any haven't had any activity in a given duration of time, the entire Discord window will blur out, privatising all messages and and channels. This is especially useful for if you are in a public or open area, or need to focus on a task with Discord open for messages.

Having an option to black out or use a lower resolution blur display for the screen would be suitable for lower-end devices. Additionally, a notifier can be put in place for if you get a ping, it will put a message on the screen to alert the viewer if they are focused on another task.

Example Idea ( video )
https://github.com/Vencord/plugin-requests/assets/108026044/02890cda-dd68-4a19-9736-32b078acadce

Existing Plugin for other mod

No response

Request Agreement

  • I read the above and made sure my plugin is possible and allowed
  • I checked the existing plugins and made sure my plugin doesn't already exist
  • I searched the existing issues and made sure a similar request doesn't already exist
@Sqaaakoi
Copy link

Sqaaakoi commented Jul 2, 2024

can (mostly) be done with CSS

html:not(.app-focused) #app-mount {
    filter: blur(8px);
}

you can tweak the blur or use any other css filter effect

@Malanao
Copy link
Author

Malanao commented Jul 2, 2024

can (mostly) be done with CSS

html:not(.app-focused) #app-mount {
    filter: blur(8px);
}

you can tweak the blur or use any other css filter effect

Wow, thank you so much !

@Malanao
Copy link
Author

Malanao commented Jul 3, 2024

can (mostly) be done with CSS

html:not(.app-focused) #app-mount {
    filter: blur(8px);
}

you can tweak the blur or use any other css filter effect

@Sqaaakoi , is there a way I can make this work on just mouse hover?

@ImLvna
Copy link

ImLvna commented Jul 3, 2024

html:not(:hover) #app-mount {
    filter: blur(8px);
}```

@Sqaaakoi
Copy link

Sqaaakoi commented Jul 3, 2024

can (mostly) be done with CSS

html:not(.app-focused) #app-mount {
    filter: blur(8px);
}

you can tweak the blur or use any other css filter effect

@Sqaaakoi , is there a way I can make this work on just mouse hover?

change the selector to html:not(.app-focused, :hover) #app-mount

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants