Adwaita: transparent textview border border
authorLapo Calamandrei <calamandrei@gmail.com>
Mon, 4 Apr 2016 10:03:11 +0000 (12:03 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Mon, 4 Apr 2016 10:03:11 +0000 (12:03 +0200)
So it will play nicely with gedit color combinations.
See https://bugzilla.gnome.org/show_bug.cgi?id=764203

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

index dfa259f4af451e1d4fb70c653f9025c3483ccb88..9b391338a4d9d199c71fff07a2c89cb02817d17f 100644 (file)
@@ -123,13 +123,10 @@ textview {
 
 textview border {
   background-color: mix($bg_color, $base_color, 50%);
-  background-image: image($bg_color); // HACK: the border node just draws background so, using a background-image to draw the border
-  background-repeat: no-repeat;
+  background-image: image(transparentize(black, 0.8)); // HACK: the border node just draws background so,
+  background-repeat: no-repeat;                        // using a background-image to draw the border
 
-  &:backdrop {
-    background-color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
-    background-image: image($backdrop_bg_color);
-  }
+  &:backdrop { background-color: mix($backdrop_bg_color, $backdrop_base_color, 50%); }
 
   &.bottom {
     background-size: 100% 1px;
index 4e99dce07788d72689933516b3e74c5e665e81f9..65cef173da206dc561774925b506ebef271b2da0 100644 (file)
@@ -77,11 +77,10 @@ textview text {
 
 textview border {
   background-color: #313434;
-  background-image: image(#393f3f);
+  background-image: image(rgba(0, 0, 0, 0.2));
   background-repeat: no-repeat; }
   textview border:backdrop {
-    background-color: #333636;
-    background-image: image(#393f3f); }
+    background-color: #333636; }
   textview border.bottom {
     background-size: 100% 1px;
     background-position: top; }
index e24f28e494670f8a05287061f9a6dc8e010e4a53..b0d0f048fc7ac14755370227c7984bafe93708d8 100644 (file)
@@ -77,11 +77,10 @@ textview text {
 
 textview border {
   background-color: #f4f4f3;
-  background-image: image(#e8e8e7);
+  background-image: image(rgba(0, 0, 0, 0.2));
   background-repeat: no-repeat; }
   textview border:backdrop {
-    background-color: #f2f2f2;
-    background-image: image(#e8e8e7); }
+    background-color: #f2f2f2; }
   textview border.bottom {
     background-size: 100% 1px;
     background-position: top; }