[gtk] Adwaita: define insensitive links
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk] Adwaita: define insensitive links
- Date: Wed, 27 Feb 2019 11:14:08 +0000 (UTC)
commit d930c4a4d12e730a2d1711f865754315006506ff
Author: Jakub Steiner <jimmac gmail com>
Date: Wed Feb 27 12:10:56 2019 +0100
Adwaita: define insensitive links
- tone down the disabled/insensitive links.
Fixes issue #1645
gtk/theme/Adwaita/_common.scss | 3 +++
gtk/theme/Adwaita/gtk-contained-dark.css | 2 ++
gtk/theme/Adwaita/gtk-contained.css | 2 ++
3 files changed, 7 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index aa8acc88e5..32ce919d55 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1112,6 +1112,8 @@ list row button {
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
}
+ &:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color,100%), 0.2); }
+
&:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }}
@at-root %link_selected,
@@ -1139,6 +1141,7 @@ button:visited {
@extend %link;
text-decoration-line: underline;
+
}
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 3d3e2f999b..0570db7fb5 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -488,6 +488,8 @@ button:link > label:active, button:visited > label:active, *:link:active, button
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active,
*:selected button:active:link, *:selected button:active:visited { color: #d0ddec; }
+button:link > label:disabled, button:visited > label:disabled, button:link > label:disabled:backdrop,
button:visited > label:disabled:backdrop, *:link:disabled, button:disabled:link, button:disabled:visited,
*:link:disabled:backdrop, button:disabled:backdrop:link, button:disabled:backdrop:visited { color: rgba(141,
141, 141, 0.8); }
+
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, .selection-mode.titlebar:not(headerbar)
.subtitle:backdrop:backdrop:hover:link, .selection-mode headerbar .subtitle:backdrop:backdrop:hover:link,
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link,
button:backdrop:visited { color: #15539e; }
infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link,
infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning
button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.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, .selection-mode.titlebar:not(headerbar)
.subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected
*:link, *:selected button:link, *:selected button:visited { color: #d0ddec; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 2c19f864ce..a03457e112 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -496,6 +496,8 @@ button:link > label:active, button:visited > label:active, *:link:active, button
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active,
*:selected button:active:link, *:selected button:active:visited { color: #d7e6fa; }
+button:link > label:disabled, button:visited > label:disabled, button:link > label:disabled:backdrop,
button:visited > label:disabled:backdrop, *:link:disabled, button:disabled:link, button:disabled:visited,
*:link:disabled:backdrop, button:disabled:backdrop:link, button:disabled:backdrop:visited { color: rgba(115,
115, 115, 0.8); }
+
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, .selection-mode.titlebar:not(headerbar)
.subtitle:backdrop:backdrop:hover:link, .selection-mode headerbar .subtitle:backdrop:backdrop:hover:link,
headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link,
button:backdrop:visited { color: #3584e4; }
infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link,
infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning
button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.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, .selection-mode.titlebar:not(headerbar)
.subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected
*:link, *:selected button:link, *:selected button:visited { color: #d7e6fa; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]