[gnome-themes-standard] experimental checks and radios on treeviews/popovers - 90% transparent icon for unchecked states

From: Lapo Calamandrei <lapo src gnome org>
To: commits-list gnome org
Cc:
Subject: [gnome-themes-standard] experimental checks and radios on treeviews/popovers - 90% transparent icon for unchecked states
Date: Mon, 9 Jun 2014 20:32:43 +0000 (UTC)
commit 248a658734f79ae2a1a6a0556c56397866b11d68
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Mon Jun 9 22:31:51 2014 +0200

    experimental checks and radios on treeviews/popovers
     - 90% transparent icon for unchecked states

 themes/Adwaita/gtk-3.0/_common.scss           |   12 ++++-
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   62 +++++++++++++++++--------
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   62 +++++++++++++++++--------
 3 files changed, 93 insertions(+), 43 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index e6a1d67..1b09129 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1081,12 +1081,18 @@ $asset_suffix: if($variant=='dark', '-dark', '');
   GtkPopover GtkModelButton.button.#{$w},
   .menuitem.#{$w},
   GtkTreeView.#{$w} {
+    color: transparentize($fg_color, 0.9);
     background-image: none;
     background-color: transparent;
-    &:hover, &:selected { background-image: none; }
+    -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic');
+    &:hover { background-image: none; }
+    &:selected:selected, &:selected:hover { //yeah, it's a gross hack
+      background-image: none;
+      color: transparentize($base_color,0.9);
+    }
     &:active, &:active:hover { -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); color: $fg_color; 
}
-    &:selected:hover { color: $selected_fg_color; };
-    &:inconsistent { -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); }
+    &:selected:active, &:selected:active:hover { color: $selected_fg_color; };
+    &:inconsistent, &:inconsistent:hover { -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); }
     &:backdrop { background-image: none; }
   }
   .menuitem.#{$w} {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index c71e20e..d758b69 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1169,14 +1169,21 @@ GtkSwitch {
 GtkPopover GtkModelButton.button.check,
 .menuitem.check,
 GtkTreeView.check {
+  color: rgba(238, 238, 236, 0.1);
   background-image: none;
-  background-color: transparent; }
-  GtkPopover GtkModelButton.button.check:hover, GtkPopover GtkModelButton.button.check:selected,
+  background-color: transparent;
+  -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
+  GtkPopover GtkModelButton.button.check:hover,
   .menuitem.check:hover,
-  .menuitem.check:selected,
-  GtkTreeView.check:hover,
-  GtkTreeView.check:selected {
+  GtkTreeView.check:hover {
     background-image: none; }
+  GtkPopover GtkModelButton.button.check:selected:selected, GtkPopover 
GtkModelButton.button.check:selected:hover,
+  .menuitem.check:selected:selected,
+  .menuitem.check:selected:hover,
+  GtkTreeView.check:selected:selected,
+  GtkTreeView.check:selected:hover {
+    background-image: none;
+    color: rgba(51, 51, 51, 0.1); }
   GtkPopover GtkModelButton.button.check:active, GtkPopover GtkModelButton.button.check:active:hover,
   .menuitem.check:active,
   .menuitem.check:active:hover,
@@ -1184,13 +1191,17 @@ GtkTreeView.check {
   GtkTreeView.check:active:hover {
     -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
     color: #eeeeec; }
-  GtkPopover GtkModelButton.button.check:selected:hover,
-  .menuitem.check:selected:hover,
-  GtkTreeView.check:selected:hover {
+  GtkPopover GtkModelButton.button.check:selected:active, GtkPopover 
GtkModelButton.button.check:selected:active:hover,
+  .menuitem.check:selected:active,
+  .menuitem.check:selected:active:hover,
+  GtkTreeView.check:selected:active,
+  GtkTreeView.check:selected:active:hover {
     color: white; }
-  GtkPopover GtkModelButton.button.check:inconsistent,
+  GtkPopover GtkModelButton.button.check:inconsistent, GtkPopover 
GtkModelButton.button.check:inconsistent:hover,
   .menuitem.check:inconsistent,
-  GtkTreeView.check:inconsistent {
+  .menuitem.check:inconsistent:hover,
+  GtkTreeView.check:inconsistent,
+  GtkTreeView.check:inconsistent:hover {
     -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
   GtkPopover GtkModelButton.button.check:backdrop,
   .menuitem.check:backdrop,
@@ -1291,14 +1302,21 @@ GtkPopover GtkModelButton.button.check:hover, GtkPopover GtkModelButton.button.c
 GtkPopover GtkModelButton.button.radio,
 .menuitem.radio,
 GtkTreeView.radio {
+  color: rgba(238, 238, 236, 0.1);
   background-image: none;
-  background-color: transparent; }
-  GtkPopover GtkModelButton.button.radio:hover, GtkPopover GtkModelButton.button.radio:selected,
+  background-color: transparent;
+  -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
+  GtkPopover GtkModelButton.button.radio:hover,
   .menuitem.radio:hover,
-  .menuitem.radio:selected,
-  GtkTreeView.radio:hover,
-  GtkTreeView.radio:selected {
+  GtkTreeView.radio:hover {
     background-image: none; }
+  GtkPopover GtkModelButton.button.radio:selected:selected, GtkPopover 
GtkModelButton.button.radio:selected:hover,
+  .menuitem.radio:selected:selected,
+  .menuitem.radio:selected:hover,
+  GtkTreeView.radio:selected:selected,
+  GtkTreeView.radio:selected:hover {
+    background-image: none;
+    color: rgba(51, 51, 51, 0.1); }
   GtkPopover GtkModelButton.button.radio:active, GtkPopover GtkModelButton.button.radio:active:hover,
   .menuitem.radio:active,
   .menuitem.radio:active:hover,
@@ -1306,13 +1324,17 @@ GtkTreeView.radio {
   GtkTreeView.radio:active:hover {
     -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
     color: #eeeeec; }
-  GtkPopover GtkModelButton.button.radio:selected:hover,
-  .menuitem.radio:selected:hover,
-  GtkTreeView.radio:selected:hover {
+  GtkPopover GtkModelButton.button.radio:selected:active, GtkPopover 
GtkModelButton.button.radio:selected:active:hover,
+  .menuitem.radio:selected:active,
+  .menuitem.radio:selected:active:hover,
+  GtkTreeView.radio:selected:active,
+  GtkTreeView.radio:selected:active:hover {
     color: white; }
-  GtkPopover GtkModelButton.button.radio:inconsistent,
+  GtkPopover GtkModelButton.button.radio:inconsistent, GtkPopover 
GtkModelButton.button.radio:inconsistent:hover,
   .menuitem.radio:inconsistent,
-  GtkTreeView.radio:inconsistent {
+  .menuitem.radio:inconsistent:hover,
+  GtkTreeView.radio:inconsistent,
+  GtkTreeView.radio:inconsistent:hover {
     -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
   GtkPopover GtkModelButton.button.radio:backdrop,
   .menuitem.radio:backdrop,
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 34759a0..890570d 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1169,14 +1169,21 @@ GtkSwitch {
 GtkPopover GtkModelButton.button.check,
 .menuitem.check,
 GtkTreeView.check {
+  color: rgba(46, 52, 54, 0.1);
   background-image: none;
-  background-color: transparent; }
-  GtkPopover GtkModelButton.button.check:hover, GtkPopover GtkModelButton.button.check:selected,
+  background-color: transparent;
+  -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
+  GtkPopover GtkModelButton.button.check:hover,
   .menuitem.check:hover,
-  .menuitem.check:selected,
-  GtkTreeView.check:hover,
-  GtkTreeView.check:selected {
+  GtkTreeView.check:hover {
     background-image: none; }
+  GtkPopover GtkModelButton.button.check:selected:selected, GtkPopover 
GtkModelButton.button.check:selected:hover,
+  .menuitem.check:selected:selected,
+  .menuitem.check:selected:hover,
+  GtkTreeView.check:selected:selected,
+  GtkTreeView.check:selected:hover {
+    background-image: none;
+    color: rgba(255, 255, 255, 0.1); }
   GtkPopover GtkModelButton.button.check:active, GtkPopover GtkModelButton.button.check:active:hover,
   .menuitem.check:active,
   .menuitem.check:active:hover,
@@ -1184,13 +1191,17 @@ GtkTreeView.check {
   GtkTreeView.check:active:hover {
     -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
     color: #2e3436; }
-  GtkPopover GtkModelButton.button.check:selected:hover,
-  .menuitem.check:selected:hover,
-  GtkTreeView.check:selected:hover {
+  GtkPopover GtkModelButton.button.check:selected:active, GtkPopover 
GtkModelButton.button.check:selected:active:hover,
+  .menuitem.check:selected:active,
+  .menuitem.check:selected:active:hover,
+  GtkTreeView.check:selected:active,
+  GtkTreeView.check:selected:active:hover {
     color: white; }
-  GtkPopover GtkModelButton.button.check:inconsistent,
+  GtkPopover GtkModelButton.button.check:inconsistent, GtkPopover 
GtkModelButton.button.check:inconsistent:hover,
   .menuitem.check:inconsistent,
-  GtkTreeView.check:inconsistent {
+  .menuitem.check:inconsistent:hover,
+  GtkTreeView.check:inconsistent,
+  GtkTreeView.check:inconsistent:hover {
     -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
   GtkPopover GtkModelButton.button.check:backdrop,
   .menuitem.check:backdrop,
@@ -1291,14 +1302,21 @@ GtkPopover GtkModelButton.button.check:hover, GtkPopover GtkModelButton.button.c
 GtkPopover GtkModelButton.button.radio,
 .menuitem.radio,
 GtkTreeView.radio {
+  color: rgba(46, 52, 54, 0.1);
   background-image: none;
-  background-color: transparent; }
-  GtkPopover GtkModelButton.button.radio:hover, GtkPopover GtkModelButton.button.radio:selected,
+  background-color: transparent;
+  -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
+  GtkPopover GtkModelButton.button.radio:hover,
   .menuitem.radio:hover,
-  .menuitem.radio:selected,
-  GtkTreeView.radio:hover,
-  GtkTreeView.radio:selected {
+  GtkTreeView.radio:hover {
     background-image: none; }
+  GtkPopover GtkModelButton.button.radio:selected:selected, GtkPopover 
GtkModelButton.button.radio:selected:hover,
+  .menuitem.radio:selected:selected,
+  .menuitem.radio:selected:hover,
+  GtkTreeView.radio:selected:selected,
+  GtkTreeView.radio:selected:hover {
+    background-image: none;
+    color: rgba(255, 255, 255, 0.1); }
   GtkPopover GtkModelButton.button.radio:active, GtkPopover GtkModelButton.button.radio:active:hover,
   .menuitem.radio:active,
   .menuitem.radio:active:hover,
@@ -1306,13 +1324,17 @@ GtkTreeView.radio {
   GtkTreeView.radio:active:hover {
     -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
     color: #2e3436; }
-  GtkPopover GtkModelButton.button.radio:selected:hover,
-  .menuitem.radio:selected:hover,
-  GtkTreeView.radio:selected:hover {
+  GtkPopover GtkModelButton.button.radio:selected:active, GtkPopover 
GtkModelButton.button.radio:selected:active:hover,
+  .menuitem.radio:selected:active,
+  .menuitem.radio:selected:active:hover,
+  GtkTreeView.radio:selected:active,
+  GtkTreeView.radio:selected:active:hover {
     color: white; }
-  GtkPopover GtkModelButton.button.radio:inconsistent,
+  GtkPopover GtkModelButton.button.radio:inconsistent, GtkPopover 
GtkModelButton.button.radio:inconsistent:hover,
   .menuitem.radio:inconsistent,
-  GtkTreeView.radio:inconsistent {
+  .menuitem.radio:inconsistent:hover,
+  GtkTreeView.radio:inconsistent,
+  GtkTreeView.radio:inconsistent:hover {
     -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
   GtkPopover GtkModelButton.button.radio:backdrop,
   .menuitem.radio:backdrop,
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]