[gnome-software] style: hover state for license button



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]