forked from AuroraMiddleware/gtk
Adwaita: link button style fix
ensure the label color doesn't get overridden, fixes link button label being gray in backdrop.
This commit is contained in:
parent
c16c9e7c3f
commit
5fc18c7167
@ -979,6 +979,8 @@ button.color {
|
||||
/*********
|
||||
* Links *
|
||||
*********/
|
||||
|
||||
%link,
|
||||
*:link {
|
||||
color: $link_color;
|
||||
|
||||
@ -1023,7 +1025,11 @@ button:visited {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
> label { text-decoration-line: underline; }
|
||||
> label {
|
||||
@extend %link;
|
||||
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -1416,31 +1416,61 @@ button.color {
|
||||
/*********
|
||||
* Links *
|
||||
*********/
|
||||
*:link, button:link,
|
||||
button:link > label,
|
||||
button:visited > label,
|
||||
*:link,
|
||||
button:link,
|
||||
button:visited {
|
||||
color: #4a90d9; }
|
||||
button:link > label:visited,
|
||||
button:visited > label:visited,
|
||||
*:link:visited,
|
||||
button:visited {
|
||||
color: #2a76c6; }
|
||||
*:selected *:link:visited, *:selected button:visited:link,
|
||||
*:selected button:link > label:visited,
|
||||
*:selected button:visited > label:visited, *:selected
|
||||
*:link:visited, *:selected
|
||||
button:visited:link,
|
||||
*:selected button:visited {
|
||||
color: #a6bed7; }
|
||||
*:link:hover, button:hover:link,
|
||||
button:link > label:hover,
|
||||
button:visited > label:hover,
|
||||
*:link:hover,
|
||||
button:hover:link,
|
||||
button:hover:visited {
|
||||
color: #74aae2; }
|
||||
*:selected *:link:hover, *:selected button:hover:link,
|
||||
*:selected button:link > label:hover,
|
||||
*:selected button:visited > label:hover, *:selected
|
||||
*:link:hover, *:selected
|
||||
button:hover:link,
|
||||
*:selected button:hover:visited {
|
||||
color: #e9eff5; }
|
||||
*:link:active, button:active:link,
|
||||
button:link > label:active,
|
||||
button:visited > label:active,
|
||||
*:link:active,
|
||||
button:active:link,
|
||||
button:active:visited {
|
||||
color: #4a90d9; }
|
||||
*:selected *:link:active, *:selected button:active:link,
|
||||
*:selected button:link > label:active,
|
||||
*:selected button:visited > label:active, *:selected
|
||||
*:link:active, *:selected
|
||||
button:active:link,
|
||||
*:selected button:active:visited {
|
||||
color: #d3dfeb; }
|
||||
*:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
|
||||
button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link,
|
||||
button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
|
||||
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link,
|
||||
button:link > label:backdrop:backdrop:hover,
|
||||
button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected,
|
||||
button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop,
|
||||
button:visited > label:backdrop,
|
||||
*:link:backdrop:backdrop:hover,
|
||||
button:backdrop:backdrop:hover:link,
|
||||
button:backdrop:backdrop:hover:visited,
|
||||
*:link:backdrop:backdrop:hover:selected,
|
||||
button:backdrop:backdrop:hover:selected:link,
|
||||
button:backdrop:backdrop:hover:selected:visited,
|
||||
.selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
|
||||
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link,
|
||||
*:link:backdrop,
|
||||
button:backdrop:link,
|
||||
button:backdrop:visited {
|
||||
color: #215d9c; }
|
||||
.info *:link, .info button:link,
|
||||
@ -1453,9 +1483,16 @@ button:visited {
|
||||
.warning button:visited,
|
||||
.error *:link,
|
||||
.error button:link,
|
||||
.error button:visited, *:link:selected, button:selected:link,
|
||||
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
|
||||
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
|
||||
.error button:visited, button:link > label:selected,
|
||||
button:visited > label:selected, *:selected button:link > label,
|
||||
*:selected button:visited > label,
|
||||
*:link:selected,
|
||||
button:selected:link,
|
||||
button:selected:visited,
|
||||
.selection-mode.titlebar:not(headerbar) .subtitle:link,
|
||||
headerbar.selection-mode .subtitle:link, *:selected
|
||||
*:link, *:selected
|
||||
button:link,
|
||||
*:selected button:visited {
|
||||
color: #d3dfeb; }
|
||||
|
||||
|
@ -1423,31 +1423,61 @@ button.color {
|
||||
/*********
|
||||
* Links *
|
||||
*********/
|
||||
*:link, button:link,
|
||||
button:link > label,
|
||||
button:visited > label,
|
||||
*:link,
|
||||
button:link,
|
||||
button:visited {
|
||||
color: #2a76c6; }
|
||||
button:link > label:visited,
|
||||
button:visited > label:visited,
|
||||
*:link:visited,
|
||||
button:visited {
|
||||
color: #215d9c; }
|
||||
*:selected *:link:visited, *:selected button:visited:link,
|
||||
*:selected button:link > label:visited,
|
||||
*:selected button:visited > label:visited, *:selected
|
||||
*:link:visited, *:selected
|
||||
button:visited:link,
|
||||
*:selected button:visited {
|
||||
color: #b7d3f0; }
|
||||
*:link:hover, button:hover:link,
|
||||
button:link > label:hover,
|
||||
button:visited > label:hover,
|
||||
*:link:hover,
|
||||
button:hover:link,
|
||||
button:hover:visited {
|
||||
color: #4a90d9; }
|
||||
*:selected *:link:hover, *:selected button:hover:link,
|
||||
*:selected button:link > label:hover,
|
||||
*:selected button:visited > label:hover, *:selected
|
||||
*:link:hover, *:selected
|
||||
button:hover:link,
|
||||
*:selected button:hover:visited {
|
||||
color: #edf4fb; }
|
||||
*:link:active, button:active:link,
|
||||
button:link > label:active,
|
||||
button:visited > label:active,
|
||||
*:link:active,
|
||||
button:active:link,
|
||||
button:active:visited {
|
||||
color: #2a76c6; }
|
||||
*:selected *:link:active, *:selected button:active:link,
|
||||
*:selected button:link > label:active,
|
||||
*:selected button:visited > label:active, *:selected
|
||||
*:link:active, *:selected
|
||||
button:active:link,
|
||||
*:selected button:active:visited {
|
||||
color: #dbe9f7; }
|
||||
*:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
|
||||
button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link,
|
||||
button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
|
||||
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link,
|
||||
button:link > label:backdrop:backdrop:hover,
|
||||
button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected,
|
||||
button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop,
|
||||
button:visited > label:backdrop,
|
||||
*:link:backdrop:backdrop:hover,
|
||||
button:backdrop:backdrop:hover:link,
|
||||
button:backdrop:backdrop:hover:visited,
|
||||
*:link:backdrop:backdrop:hover:selected,
|
||||
button:backdrop:backdrop:hover:selected:link,
|
||||
button:backdrop:backdrop:hover:selected:visited,
|
||||
.selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
|
||||
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link,
|
||||
*:link:backdrop,
|
||||
button:backdrop:link,
|
||||
button:backdrop:visited {
|
||||
color: #4a90d9; }
|
||||
.info *:link, .info button:link,
|
||||
@ -1460,9 +1490,16 @@ button:visited {
|
||||
.warning button:visited,
|
||||
.error *:link,
|
||||
.error button:link,
|
||||
.error button:visited, *:link:selected, button:selected:link,
|
||||
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
|
||||
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
|
||||
.error button:visited, button:link > label:selected,
|
||||
button:visited > label:selected, *:selected button:link > label,
|
||||
*:selected button:visited > label,
|
||||
*:link:selected,
|
||||
button:selected:link,
|
||||
button:selected:visited,
|
||||
.selection-mode.titlebar:not(headerbar) .subtitle:link,
|
||||
headerbar.selection-mode .subtitle:link, *:selected
|
||||
*:link, *:selected
|
||||
button:link,
|
||||
*:selected button:visited {
|
||||
color: #dbe9f7; }
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user