fenix-fox/chrome/button_effect_icon_glow.css

51 lines
2 KiB
CSS
Raw Normal View History

2019-04-14 19:14:45 +00:00
/* Replace the button background-colors with a glow effect */
/* Edit the color choices how you see fit */
/* Make backgrounds transparent */
2019-05-09 15:05:17 +00:00
2019-04-14 19:14:45 +00:00
.urlbar-icon,
.urlbar-icon-wrapper,
toolbar .toolbarbutton-1,
#tabbrowser-tabs toolbarbutton,
toolbar toolbarbutton > .toolbarbutton-icon,
toolbar toolbarbutton > .toolbarbutton-badge-stack,
2019-05-09 15:05:17 +00:00
.titlebar-button,
#identity-box,
#tracking-protection-icon-container,
2019-05-09 15:05:17 +00:00
.findbar-textbox~toolbarbutton{ background-color: transparent !important; border-color: transparent !important;}
2019-04-14 19:14:45 +00:00
.close-icon{ fill-opacity: 0 !important; }
/* Glow effects on hover */
.close-icon:hover,
.urlbar-history-dropmarker:hover,
#page-action-buttons > .urlbar-icon:hover,
.urlbar-icon-wrapper:hover > .urlbar-icon,
toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon,
#TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon,
2019-05-09 15:05:17 +00:00
toolbar #downloads-button:hover #downloads-indicator-anchor,
#identity-box:not(.no-hover):hover,
#tracking-protection-icon:hover,
2019-05-09 15:05:17 +00:00
.findbar-textbox~toolbarbutton:not([disabled]):hover{
filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan)
2019-04-14 19:14:45 +00:00
}
/* Active states and close window button hover state */
#titlebar .titlebar-buttonbox > .titlebar-close:hover > .toolbarbutton-icon,
.close-icon:active,
.urlbar-history-dropmarker:active,
#page-action-buttons > .urlbar-icon:active,
#page-action-buttons > .urlbar-icon[open],
.urlbar-icon-wrapper:active > .urlbar-icon,
.urlbar-icon-wrapper[open] > .urlbar-icon,
toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon,
toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon,
#TabsToolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon,
toolbar #downloads-button:active #downloads-indicator-anchor,
2019-05-09 15:05:17 +00:00
toolbar #downloads-button[open] #downloads-indicator-anchor,
#identity-box:not([disabled]):active,
#tracking-protection-icon-container[open] #tracking-protection-icon,
2019-05-09 15:05:17 +00:00
.findbar-textbox~toolbarbutton:not([disabled]):active{
filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 1px yellow)
}