[libadwaita/wip/jimmac/devel-striping-icontheme: 2/2] headerbar: devel stripy watermark

[Alexander Mikhaylenko <alexm src gnome org>]

commit bbb5c366430e3f0a9df11d021b62c53120df193c
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Jul 29 22:56:48 2021 +0200

    headerbar: devel stripy watermark
    
    - use a recolorable stripes that fade out to work on flat windows
    
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/232

 src/stylesheet/adwaita-stylesheet.gresources.xml |  1 +
 src/stylesheet/assets/devel-symbolic.svg         | 45 ++++++++++++++++++++++++
 src/stylesheet/widgets/_header-bar.scss          |  4 ++-
 3 files changed, 49 insertions(+), 1 deletion(-)
---
diff --git a/src/stylesheet/adwaita-stylesheet.gresources.xml 
b/src/stylesheet/adwaita-stylesheet.gresources.xml
index feb16bdf..786faba8 100644
--- a/src/stylesheet/adwaita-stylesheet.gresources.xml
+++ b/src/stylesheet/adwaita-stylesheet.gresources.xml
@@ -39,5 +39,6 @@
     <file>assets/bullet-symbolic.svg</file>
     <file>assets/check-symbolic.svg</file>
     <file>assets/dash-symbolic.svg</file>
+    <file>assets/devel-symbolic.svg</file>
   </gresource>
 </gresources>
diff --git a/src/stylesheet/assets/devel-symbolic.svg b/src/stylesheet/assets/devel-symbolic.svg
new file mode 100644
index 00000000..24f1e20a
--- /dev/null
+++ b/src/stylesheet/assets/devel-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 47 47"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="devel-symbolic.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   width="47"
+   height="47"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:current-layer="svg8"
+     inkscape:zoom="17.230629"
+     inkscape:cx="58.471458"
+     inkscape:cy="37.143159" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:3.00001;stroke-linecap:round;stop-color:#000000"
+     d="M 11.75,0 H 23.5 L 1e-7,47 22.94775,0.734375 -0.3642499,47 22.580562,0.734375 -0.7343749,47 
22.213375,0.734375 -1.0986249,47 21.846187,0.734375 -1.4687499,47 21.479,0.734375 -1.8329999,47 
21.111812,0.734375 -2.2031249,47 20.744625,0.734375 -2.5673749,47 20.377437,0.734375 -2.9374999,47 
20.01025,0.734375 -3.3017499,47 19.643062,0.734375 -3.6718749,47 19.275875,0.734375 -4.0361249,47 
18.908687,0.734375 -4.4062499,47 18.5415,0.734375 -4.7704999,47 18.174312,0.734375 -5.1406249,47 
17.807125,0.734375 -5.5048749,47 17.439937,0.734375 -5.8749999,47 17.07275,0.734375 -6.2421874,47 
16.705562,0.734375 -6.6093749,47 16.338375,0.734375 -6.9765624,47 15.971187,0.734375 -7.3437499,47 
15.604,0.734375 -7.7109374,47 15.236812,0.734375 -8.0781249,47 14.869625,0.734375 -8.4453124,47 
14.502437,0.734375 -8.8124999,47 14.13525,0.734375 -9.179687,47 13.768062,0.734375 -9.546875,47 
13.400875,0.734375 -9.914062,47 13.033687,0.734375 -10.28125,47 12.6665,0.734375 -10.6455,47 
12.299312,0.734375 -11.01
 5625,47 11.932125,0.734375 -11.379875,47 11.564937,0.734375 -11.75,47 Z m 23.5,0 H 47 L 23.5,47 
46.44775,0.734375 23.13575,47 46.080562,0.734375 22.765625,47 45.713375,0.734375 22.401375,47 
45.346187,0.734375 22.03125,47 44.979,0.734375 21.667,47 44.611812,0.734375 21.296875,47 44.244625,0.734375 
20.932625,47 43.877437,0.734375 20.5625,47 43.51025,0.734375 20.19825,47 43.143062,0.734375 19.828125,47 
42.775875,0.734375 19.463875,47 42.408687,0.734375 19.09375,47 42.0415,0.734375 18.7295,47 41.674312,0.734375 
18.359375,47 41.307125,0.734375 17.995125,47 40.939937,0.734375 17.625,47 40.57275,0.734375 17.26075,47 
40.205562,0.734375 16.890625,47 39.838375,0.734375 16.526375,47 39.471187,0.734375 16.15625,47 
39.104,0.734375 15.792,47 38.736812,0.734375 15.421875,47 38.369625,0.734375 15.057625,47 38.002437,0.734375 
14.6875,47 37.63525,0.734375 14.32325,47 37.268062,0.734375 13.953125,47 36.900875,0.734375 13.588875,47 
36.533687,0.734375 13.21875,47 36.1665,0.734375 12.8545,47 35.799312,0.
 734375 12.484375,47 35.432125,0.734375 12.120125,47 35.064937,0.734375 11.75,47 Z"
+     id="path2"
+     
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
 />
+  <g
+     id="b"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.340426"
+     transform="matrix(2.9375,0,0,2.9375,47,0)">
+    <path
+       style="fill:#000000;fill-opacity:1;stroke-width:1.02128;stroke-linecap:round;stop-color:#000000"
+       d="M 0,0 H 4 V 16 L 3.937,0.25 3.876,16 3.812,0.25 3.75,16 3.687,0.25 3.626,16 3.562,0.25 3.5,16 
3.437,0.25 3.376,16 3.312,0.25 3.25,16 3.187,0.25 3.126,16 3.062,0.25 3,16 2.937,0.25 2.876,16 2.812,0.25 
2.75,16 2.687,0.25 2.626,16 2.562,0.25 2.5,16 2.437,0.25 2.376,16 2.312,0.25 2.25,16 2.187,0.25 2.126,16 
2.062,0.25 2,16 1.937,0.25 1.875,16 1.812,0.25 1.75,16 1.687,0.25 1.625,16 1.562,0.25 1.5,16 1.437,0.25 
1.375,16 1.312,0.25 1.25,16 1.187,0.25 1.125,16 1.062,0.25 1,16 0.937,0.25 0.875,16 0.812,0.25 0.75,16 
0.687,0.25 0.625,16 0.562,0.25 0.5,16 0.437,0.25 0.376,16 0.312,0.25 0.25,16 0.187,0.25 0.126,16 0.062,0.25 
0,16 Z"
+       transform="matrix(1,0,-0.5,1,4,0)"
+       id="path922"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/src/stylesheet/widgets/_header-bar.scss b/src/stylesheet/widgets/_header-bar.scss
index 29e2c999..40adc109 100644
--- a/src/stylesheet/widgets/_header-bar.scss
+++ b/src/stylesheet/widgets/_header-bar.scss
@@ -136,6 +136,8 @@ windowtitle {
 
 window.devel {
   headerbar > windowhandle {
-    background: cross-fade(8% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px 
no-repeat;
+    background-image: cross-fade(8% -gtk-recolor(url("assets/devel-symbolic.svg")),
+                                 image(transparent));
+    background-repeat: repeat-x;
   }
 }