Improve Button Glow

[SandTechStuff]

Currently, button glow is very inaccurate and could be improved.

[ActualMandM]

I got it closer by duplicating the drop-shadow filter, though I'm not sure how much of a performance impact it'll have. I also color picked from the pngs that DWMBlurGlass gives.

.titlebar-close:hover > .toolbarbutton-icon{
	list-style-image: url("images/aeroCloseHover.png") !important;
	filter: drop-shadow(0px 0px 4px rgb(252, 129, 99)) drop-shadow(0px 0px 3px rgb(252, 129, 99)) drop-shadow(0px 0px 1px rgb(252, 129, 99)) !important;
}

.titlebar-max:hover > .toolbarbutton-icon{
	list-style-image: url("images/aeroMaximizeHover.png") !important;
	filter: drop-shadow(0px 0px 4px rgb(98, 206, 252)) drop-shadow(0px 0px 3px rgb(98, 206, 252)) drop-shadow(0px 0px 1px rgb(98, 206, 252)) !important;
}

.titlebar-min:hover > .toolbarbutton-icon{
	list-style-image: url("images/aeroMinimizeHover.png") !important;
	filter: drop-shadow(0px 0px 4px rgb(98, 206, 252)) drop-shadow(0px 0px 3px rgb(98, 206, 252)) drop-shadow(0px 0px 1px rgb(98, 206, 252)) !important;
}

.titlebar-restore:hover > .toolbarbutton-icon{
	list-style-image: url("images/aeroRestoreHover.png") !important;
	filter: drop-shadow(0px 0px 4px rgb(98, 206, 252)) drop-shadow(0px 0px 3px rgb(98, 206, 252)) drop-shadow(0px 0px 1px rgb(98, 206, 252)) !important;
}

Firefox:

ff.mp4

DWMBlurGlass:

dwmblurglass.mp4

[SandTechStuff]

Thanks for the help! I've been busy with other things, so I haven't had the chance to give button glow the refresh it needs.

Feel free to fork the 3.0-test branch and submit a pull request to that branch, or I can add it manually if you would like. The master branch hasn't been updated in quite some time.

I'm not sure how much of a performance impact it'll have

I've used a similar method of overlaying multiple shadows on top of each other for text glow, and haven't noticed any performance regressions.

AeroFirefox/chrome/userChrome.css

Line 155 in ee66404

text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white !important;