search

powercord-community / suggestions

Repo where you can find and share plugin suggestions for Powercord
27 stars 4 forks source link

Hover Color Codes #97

Closed ghost closed 4 years ago

ghost commented 4 years ago

Description

On hover over any color code (#rrggbb / #rrggbbaa / rgb(r,g,b) / rgba(r,g,b,a)) shows a pop up with a square, being the color of the code.

Hovering shows up a pop up styled similar to all the other/ the emote hover plugin alike style. On rgba colors, the background should be white and black behind the actual color. This would be a nice addition and lets you preview color codes without having to google them or putting them in your quick css.

resucutie commented 4 years ago

it should be only shown when using devtools and with the inspect element enabled?

ghost commented 4 years ago

it should be only shown when using devtools and with the inspect element enabled?

No, just all the time but with a delay.

lorencerri commented 4 years ago

That sounds useful, I'll give it a shot.

lorencerri commented 4 years ago

Here you go: https://github.com/TrueXPixels/powercord-message-tooltips

This is my first working with React component injection in Powercord, so please let me know if there are any issues. Thank you!