[gnome-software] style: hover state for license button
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-software] style: hover state for license button
- Date: Mon, 10 Jul 2017 22:02:11 +0000 (UTC)
commit 38e0ad9192ff5b3ef0b8b95f99ba2e33c4df78a7
Author: Jakub Steiner <jimmac gmail com>
Date: Mon Jul 10 23:56:46 2017 +0200
style: hover state for license button
- emphasize the buttonness of the license button
by defining its hover state.
src/gtk-style.css | 51 ++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 38 insertions(+), 13 deletions(-)
---
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 36d8574..cc3565d 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -70,6 +70,18 @@
color: #ffffff;
}
+.details-license-free label,
+.details-license-free:backdrop label,
+.details-license-free:hover label,
+.details-license-nonfree label,
+.details-license-nonfree:backdrop label,
+.details-license-nonfree:hover label,
+.details-license-unknown label,
+.details-license-unknown:backdrop label,
+.details-license-unknown:hover label {
+ color: #fff;
+}
+
.content-rating {
outline-offset: 0;
background-image: none;
@@ -82,29 +94,42 @@
text-shadow: none;
}
-.details-license-free,
-.details-license-free label,
-.details-license-free:backdrop label {
- color: #ffffff;
+.details-license-free {
background-color: #4e9a06;
border-color: #3e7905;
}
+.details-license-free:hover {
+ background-color: #5db807;
+ border-color: #4d9606;
+}
+.details-license-free:backdrop {
+ border-color: #4e9a06;
+}
-.details-license-nonfree,
-.details-license-nonfree label,
-.details-license-nonfree:backdrop label {
- color: #ffffff;
+.details-license-nonfree {
background-color: #ee2222;
border-color: #c20f0f;
}
+.details-license-nonfree:hover {
+ background-color: #f25959;
+ border-color: #ed1b1b;
+}
+.details-license-nonfree:backdrop {
+ border-color: #ee2222;
+}
-.details-license-unknown,
-.details-license-unknown label,
-.details-license-unknown:backdrop label {
- color: #000000;
+.details-license-unknown {
background-color: #dbdbdb;
- border-color: #d0d0d0;
+ border-color: #bbbbbb;
+}
+.details-license-nonfree:hover {
+ background-color: #eeeeee;
+ border-color: #d5d5d5;
}
+.details-license-nonfree:backdrop {
+ border-color: #dbdbdb;
+}
+
.kudo-pill {
color: @theme_selected_fg_color;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]