Adwaita: rubberbands!
authorLapo Calamandrei <calamandrei@gmail.com>
Thu, 25 Jun 2015 17:55:51 +0000 (19:55 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Thu, 25 Jun 2015 17:57:07 +0000 (19:57 +0200)
Darken the rubberband a bit to make it visible on the selected
color background, fix treeview rubberband border issue.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index a31f712047e32947e53f8362425fa83dd5ad3a11..fbf73aa6cd65eb7978659e7d58dfca7bc6781255 100644 (file)
@@ -120,8 +120,8 @@ $asset_suffix: if($variant=='dark', '-dark', '');
 }
 
 .rubberband {
-  border: 1px solid $selected_bg_color;
-  background-color: transparentize($selected_bg_color,0.8);
+  border: 1px solid darken($selected_bg_color, 10%);
+  background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
 }
 
 .label {
@@ -1304,6 +1304,8 @@ GtkTreeView.view {
   border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color,
   border-top-color: $bg_color;                         // while this is the grid lines color, better then nothing
 
+  &.rubberband { @extend .rubberband; } // to avoid borders being overridden by the previously set props
+
   &:selected { border-radius: 0; } // rest border radius in lists
 
   &:selected, &:backdrop:selected {
index 4ad0c9160f2028b7a51232b0b77c9c9a0edb3d62..22d8ce7e5630fc8015d21e9f6d59f5e0097f78bb 100644 (file)
@@ -73,9 +73,9 @@
   .view:selected, GtkCalendar:selected {
     border-radius: 3px; }
 
-.rubberband {
-  border: 1px solid #215d9c;
-  background-color: rgba(33, 93, 156, 0.2); }
+.rubberband, GtkTreeView.view.rubberband {
+  border: 1px solid #184472;
+  background-color: rgba(24, 68, 114, 0.2); }
 
 .label.separator {
   color: #eeeeec; }
index e3b8e2ed0690869e9f634c45140fd3c54561d2e4..34fa96ff3b413a7a35077ce1688dec659fece485 100644 (file)
@@ -73,9 +73,9 @@
   .view:selected, GtkCalendar:selected {
     border-radius: 3px; }
 
-.rubberband {
-  border: 1px solid #4a90d9;
-  background-color: rgba(74, 144, 217, 0.2); }
+.rubberband, GtkTreeView.view.rubberband {
+  border: 1px solid #2a76c6;
+  background-color: rgba(42, 118, 198, 0.2); }
 
 .label.separator {
   color: #2e3436; }