From 7d0715ca77be7ee42ce10347fb0758e172fc4141 Mon Sep 17 00:00:00 2001
From: "Carsten Haitzler (Rasterman)" <raster@rasterman.com>
Date: Sat, 10 Apr 2021 19:53:22 +0100
Subject: [PATCH] elm theme - bg - add stripe and check std bg's

---
 data/elementary/themes/edc/elm/bg.edc         |  79 ++
 data/elementary/themes/img/checks.png         | Bin 0 -> 1387 bytes
 .../themes/img/stripes-diag-big.png           | Bin 0 -> 3038 bytes
 data/elementary/themes/img/stripes-diag.png   | Bin 0 -> 2859 bytes
 data/elementary/themes/img/svg/checks.svg     | 977 ++++++++++++++++++
 .../themes/img/svg/stripes-diag-big.svg       |  85 ++
 .../themes/img/svg/stripes-diag.svg           |  86 ++
 7 files changed, 1227 insertions(+)
 create mode 100644 data/elementary/themes/img/checks.png
 create mode 100644 data/elementary/themes/img/stripes-diag-big.png
 create mode 100644 data/elementary/themes/img/stripes-diag.png
 create mode 100644 data/elementary/themes/img/svg/checks.svg
 create mode 100644 data/elementary/themes/img/svg/stripes-diag-big.svg
 create mode 100644 data/elementary/themes/img/svg/stripes-diag.svg

diff --git a/data/elementary/themes/edc/elm/bg.edc b/data/elementary/themes/edc/elm/bg.edc
index 092502d599..e7ac3aa4ea 100644
--- a/data/elementary/themes/edc/elm/bg.edc
+++ b/data/elementary/themes/edc/elm/bg.edc
@@ -34,3 +34,82 @@ group { name: "elm/bg/base/default";
       }
    }
 }
+
+#define PAT_FILL_SCALE(_w, _h) \
+   part { name: "_pat_sizer"; type: SPACER; \
+      scale: 1; \
+      description { state: "default" 0.0; \
+         rel2.relative: 0.0 0.0; \
+         fixed: 1 1; \
+         min: 100 100; max: 100 100; \
+      } \
+   } \
+   program { signal: "resize"; source: ""; \
+      script { \
+         new x, y, w, h; \
+         get_geometry(PART:"_pat_sizer", x, y, w, h); \
+         custom_state(PART:"pat", "default", 0.0); \
+         set_state_val(PART:"pat", STATE_FILL_SIZE, 0, 0, (w*_w)/100, (h*_h)/100); \
+         set_state(PART:"pat", "custom", 0.0); \
+      } \
+   }
+
+#define BG_PAT(_name, _img, _w, _h, _colbg, _colfg) \
+group { name: _name; \
+   data.item: "version" "119"; \
+   images.image: _img COMP; \
+   parts { \
+      PAT_FILL_SCALE(_w, _h) \
+      part { name: "clipper"; type: RECT; \
+         description { state: "default" 0.0; \
+         } \
+      } \
+      part { name: "base"; type: RECT; \
+         description { state: "default" 0.0; \
+            color: _colbg; \
+         } \
+      } \
+      part { name: "pat"; \
+         scale: 1; \
+         description { state: "default" 0.0; \
+            image.normal: _img; \
+            color: _colfg; \
+         } \
+      } \
+      part { name: "elm.swallow.rectangle"; type: SWALLOW; \
+         description { state: "default" 0.0; \
+         } \
+      } \
+      part { name: "elm.swallow.background"; type: SWALLOW; \
+         clip_to: "clipper"; \
+         description { state: "default" 0.0; \
+            fixed: 1 1; \
+         } \
+      } \
+      part { name: "elm.swallow.content"; type: SWALLOW; \
+         description { state: "default" 0.0; \
+         } \
+      } \
+   } \
+}
+
+BG_PAT("elm/bg/base/stripes",     "stripes-diag.png",     160, 160,  64 64 64 255,  80 80 80 255)
+BG_PAT("elm/bg/base/stripes_big", "stripes-diag-big.png", 160, 160,  64 64 64 255,  80 80 80 255)
+
+BG_PAT("elm/bg/base/stripes_dark",     "stripes-diag.png",     160, 160,  32 32 32 255,  48 48 48 255)
+BG_PAT("elm/bg/base/stripes_big_dark", "stripes-diag-big.png", 160, 160,  32 32 32 255,  48 48 48 255)
+
+BG_PAT("elm/bg/base/stripes_light",     "stripes-diag.png",     160, 160, 192 192 192 255,  208 208 208 255)
+BG_PAT("elm/bg/base/stripes_big_light", "stripes-diag-big.png", 160, 160, 192 192 192 255,  208 208 208 255)
+
+BG_PAT("elm/bg/base/checks",       "checks.png", 160, 160,  64 64 64 255,  80 80 80 255)
+BG_PAT("elm/bg/base/checks_big",   "checks.png", 320, 320,  64 64 64 255,  80 80 80 255)
+BG_PAT("elm/bg/base/checks_small", "checks.png",  80,  80,  64 64 64 255,  80 80 80 255)
+
+BG_PAT("elm/bg/base/checks_dark",       "checks.png", 160, 160,  32 32 32 255,  48 48 48 255)
+BG_PAT("elm/bg/base/checks_big_dark",   "checks.png", 320, 320,  32 32 32 255,  48 48 48 255)
+BG_PAT("elm/bg/base/checks_small_dark", "checks.png",  80,  80,  32 32 32 255,  48 48 48 255)
+
+BG_PAT("elm/bg/base/checks_light",       "checks.png", 160, 160, 192 192 192 255,  208 208 208 255)
+BG_PAT("elm/bg/base/checks_big_light",   "checks.png", 320, 320, 192 192 192 255,  208 208 208 255)
+BG_PAT("elm/bg/base/checks_small_light", "checks.png",  80,  80, 192 192 192 255,  208 208 208 255)
diff --git a/data/elementary/themes/img/checks.png b/data/elementary/themes/img/checks.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9840ff61e3ae3ab7baa2da33d0d1e86723557a7
GIT binary patch
literal 1387
zcmeAS@N?(olHy`uVBq!ia0y~yU~~Xs4mP03*$GQm0V&P`kH}&M2HAEHX6%3ZF%>8%
zS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|%MVW%$B>FSZ|`ng`@}$m
z#qrap^OgD?3m5jU<8qK#{ZZ%Rzq<YRD_`8Jj;}kvueVnEw^{uC@9&=;XZR<?$g+t=
z;DnHaf;U5>4oRG<U-f^B_x)#U0GanKH|~8gBU2<3M+&FH1l0zIX$&NCO0)ABZfxI}
zpM3w>S37a?%z)bK|9^e`x$pNGHUJGfw(sogT0JtnhX|6qx4aA>AHKQ0=iYNBvcn5#
z;Om$Fzn=g3PnrQ_*p2O#d(X3y9bQ1cUR%4DF#+hq-rCvMf5(s!=7@N*{k#94<^6i*
z1CZpg{`*c+lLI2Wfaz)1R&xfB4>#t2uA0wHUiyL<xMunP>-NuoQ!Q<5|3<9@`}NEJ
zU(aj)Q!Q;=yGN}AJMUlo|2gmXQ!8!Uy+ySId-?zC`Jew%Ep7bY5XqF!AV0YqSWq%}
My85}Sb4q9e0Q_pZ3;+NC

literal 0
HcmV?d00001

diff --git a/data/elementary/themes/img/stripes-diag-big.png b/data/elementary/themes/img/stripes-diag-big.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebbc7d55f094423283a23bdeece830c7e0955176
GIT binary patch
literal 3038
zcmeAS@N?(olHy`uVBq!ia0y~yU~~Xs4mP03*$GQm0V&P`kH}&M2HAEHX6%3ZF%>8%
zS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|cebaCV@SoEw^uADy^auI
zalBI%()ItE#8%JOt=vo%sn1kXGxd&cd;h!s_r~w})*pTVf!2Kv6?u92_@~m1PaZ#h
zyt+ntLJbg1&1ad^-`~IfQ?J9Pj~_pV?i2K|v$NZG%AD!s@#DwCf4V9Bq><)ws8t8H
z`+}_&-S_r%oEX^FAKTjNJ;APhSk3cb64*tDzQ;05cLuppbl-fY9U@>?fA}kQAQkM7
z*7xff^uRvTt~t;0p$MwmtYNwm$OByWwHf#DKn#!LeV__8(vQL49b#lTbA=Yf$XcNT
zm!U>pW|-Fm3M}m!cNPPv!o^H8pe9aayz{+wziiJQpqqdJXSnnkP^tAT+J_uTadv+$
zB!=}r<O)N)mH&IwbXSP4-#&~Nf&_{j^9~iL|HThHh5COvgI+7d|NB`BBq2fiTf4y<
zoF=&L8#C^af#{yc`(P<FNWB>Jp|KRsT)_!3a<A}#%M(GVt@Zs~hIw5OBj>YxFo7Cr
z(y$zAq#)xNsKONt%OEC}r!ai4y`RsnoDWH_J}W^H+V_p_2^N2_mp_MOEbf}yED&$q
z-uEUI;+g#FAJbhRA%2`euM^_``>X|)Q2%Q-cq>9uX+C2N8ze~oaXk=%2B{B&J~Z*A
zGgoLrgH-6iX=p56Wr%~O()TPMN+3p7n>Q?nCR24r8(xT!cDxTXp<(L6Pz+IMt<?ZE
zQC9Lm?fvh!51x>Q6cfQ&pn_m=?Le0kXu*CLS|l;uH)Di&Yny&`Bs9e3{;5Kfk70v1
z)c@s-F?<k(bzBdEpg|hVFx?RnA^VwjKuW+5w!#NaLv`O|h=Zom^(-HZph0TdFddpo
ztr=}(Ax7TgeXtU0q$h(vG~xR*S8zdMNmlRxG>7zYB|uGdXDhh>{coAUr(@s(_SlqJ
z!1DKf#%S?8T0Db`$kF1N7LAe7;+aOxxM5yA|6~6(>(laWi_TO5+vW_Ou6{1-oD!M<
Dk=H%M

literal 0
HcmV?d00001

diff --git a/data/elementary/themes/img/stripes-diag.png b/data/elementary/themes/img/stripes-diag.png
new file mode 100644
index 0000000000000000000000000000000000000000..65f3fdae2f61da9d26c1c399648fc372158e3fe9
GIT binary patch
literal 2859
zcmeAS@N?(olHy`uVBq!ia0y~yU~~Xs4mP03*$GQm0V&P`kH}&M2HAEHX6%3ZF%>8%
zS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|*A7n?$B>FSZ|@p%DI1Eo
zINq(g%=`V?trH1s=PL~Ie&l*hoFbzCDkS^;-}L*||F88Pe*CdQH_lb1|M=sjd%8U2
z`j2~8icYkV>!1EfOR3UEPXB4B%clyPxKpb;o_ws>GbLQ`Bv6OudZkInAAbyjXsmq#
zQF9=g7p(Kcwac|RAQM&hlvecjfb_ML%N&>pk&NSgumfyQMLM&E7RVT(dsi9yI>E}m
z=P|g0?K`yFxS{&}-|uR_rUO+(?U}Xo8PJ&gYEs>X>Z$J&A?|0)H-*>|?f-ov)XfiV
zjUbLGWN>!_dHGPaX~Sc17(ATI`(Opc&Ed=zY7k|+8D+p>!TJ6i!@IxE^$Z^>Z0;Ri
z9hn6T!{6Jmg%he<@CL9vBof3wggHY3@@t8_G$`ab^JVWTD}y5Dp)7kr3Pcj<C_RXy
zZZh<BLBiX#AsOQKz0wB+AzpmP^WdKS7j_0<%-D_w=xBgq=H$^7I-2DPrHauqbhHc|
jt&~P<d8#&>e)CHyUDssyOppOKbQwHd{an^LB{Ts59_V=K

literal 0
HcmV?d00001

diff --git a/data/elementary/themes/img/svg/checks.svg b/data/elementary/themes/img/svg/checks.svg
new file mode 100644
index 0000000000..3177a02e3f
--- /dev/null
+++ b/data/elementary/themes/img/svg/checks.svg
@@ -0,0 +1,977 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="160"
+   height="160"
+   viewBox="0 0 160 160"
+   sodipodi:docname="checks.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   inkscape:export-filename="/home/raster/C/efl/th/img/checks.png"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6">
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask947">
+      <rect
+         style="opacity:1;fill:#a0a0a0;fill-opacity:1;stroke-width:3.96122;stroke-linecap:round;stroke-linejoin:round"
+         id="rect949"
+         width="60"
+         height="40"
+         x="10"
+         y="5" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#404040"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview4"
+     showgrid="true"
+     inkscape:zoom="7.60625"
+     inkscape:cx="80"
+     inkscape:cy="80"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     showguides="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     inkscape:snap-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid837" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g10">
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2111"
+       width="10"
+       height="10"
+       x="0"
+       y="0" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2113"
+       width="10"
+       height="10"
+       x="10"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-9"
+       width="10"
+       height="10"
+       x="20"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-1"
+       width="10"
+       height="10"
+       x="30"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-2"
+       width="10"
+       height="10"
+       x="20"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-7"
+       width="10"
+       height="10"
+       x="30"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-0"
+       width="10"
+       height="10"
+       x="0"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-9"
+       width="10"
+       height="10"
+       x="10"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-3"
+       width="10"
+       height="10"
+       x="40"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-6"
+       width="10"
+       height="10"
+       x="50"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-9-0"
+       width="10"
+       height="10"
+       x="60"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-1-6"
+       width="10"
+       height="10"
+       x="70"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-2-2"
+       width="10"
+       height="10"
+       x="60"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-7-6"
+       width="10"
+       height="10"
+       x="70"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-0-1"
+       width="10"
+       height="10"
+       x="40"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-9-8"
+       width="10"
+       height="10"
+       x="50"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-7"
+       width="10"
+       height="10"
+       x="0"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-92"
+       width="10"
+       height="10"
+       x="10"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-9-02"
+       width="10"
+       height="10"
+       x="20"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-1-3"
+       width="10"
+       height="10"
+       x="30"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-2-7"
+       width="10"
+       height="10"
+       x="20"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-7-5"
+       width="10"
+       height="10"
+       x="30"
+       y="70" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-0-9"
+       width="10"
+       height="10"
+       x="0"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-9-2"
+       width="10"
+       height="10"
+       x="10"
+       y="70" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-3-2"
+       width="10"
+       height="10"
+       x="40"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-6-8"
+       width="10"
+       height="10"
+       x="50"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-9-0-9"
+       width="10"
+       height="10"
+       x="60"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-1-6-7"
+       width="10"
+       height="10"
+       x="70"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-2-2-3"
+       width="10"
+       height="10"
+       x="60"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-7-6-6"
+       width="10"
+       height="10"
+       x="70"
+       y="70" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2111-0-1-1"
+       width="10"
+       height="10"
+       x="40"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2113-9-8-2"
+       width="10"
+       height="10"
+       x="50"
+       y="70" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2309"
+       width="10"
+       height="10"
+       x="80"
+       y="0" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2311"
+       width="10"
+       height="10"
+       x="90"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2313"
+       width="10"
+       height="10"
+       x="100"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2315"
+       width="10"
+       height="10"
+       x="110"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2317"
+       width="10"
+       height="10"
+       x="100"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2319"
+       width="10"
+       height="10"
+       x="110"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2321"
+       width="10"
+       height="10"
+       x="80"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2323"
+       width="10"
+       height="10"
+       x="90"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2325"
+       width="10"
+       height="10"
+       x="120"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2327"
+       width="10"
+       height="10"
+       x="130"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2329"
+       width="10"
+       height="10"
+       x="140"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2331"
+       width="10"
+       height="10"
+       x="150"
+       y="10" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2333"
+       width="10"
+       height="10"
+       x="140"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2335"
+       width="10"
+       height="10"
+       x="150"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2337"
+       width="10"
+       height="10"
+       x="120"
+       y="20" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2339"
+       width="10"
+       height="10"
+       x="130"
+       y="30" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2341"
+       width="10"
+       height="10"
+       x="80"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2343"
+       width="10"
+       height="10"
+       x="90"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2345"
+       width="10"
+       height="10"
+       x="100"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2347"
+       width="10"
+       height="10"
+       x="110"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2349"
+       width="10"
+       height="10"
+       x="100"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2351"
+       width="10"
+       height="10"
+       x="110"
+       y="70" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2353"
+       width="10"
+       height="10"
+       x="80"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2355"
+       width="10"
+       height="10"
+       x="90"
+       y="70" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2357"
+       width="10"
+       height="10"
+       x="120"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2359"
+       width="10"
+       height="10"
+       x="130"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2361"
+       width="10"
+       height="10"
+       x="140"
+       y="40" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2363"
+       width="10"
+       height="10"
+       x="150"
+       y="50" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2365"
+       width="10"
+       height="10"
+       x="140"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2367"
+       width="10"
+       height="10"
+       x="150"
+       y="70" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2369"
+       width="10"
+       height="10"
+       x="120"
+       y="60" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2371"
+       width="10"
+       height="10"
+       x="130"
+       y="70" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2373"
+       width="10"
+       height="10"
+       x="0"
+       y="80" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2375"
+       width="10"
+       height="10"
+       x="10"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2377"
+       width="10"
+       height="10"
+       x="20"
+       y="80" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2379"
+       width="10"
+       height="10"
+       x="30"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2381"
+       width="10"
+       height="10"
+       x="20"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2383"
+       width="10"
+       height="10"
+       x="30"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2385"
+       width="10"
+       height="10"
+       x="0"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2387"
+       width="10"
+       height="10"
+       x="10"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2389"
+       width="10"
+       height="10"
+       x="40"
+       y="80" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2391"
+       width="10"
+       height="10"
+       x="50"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2393"
+       width="10"
+       height="10"
+       x="60"
+       y="80" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2395"
+       width="10"
+       height="10"
+       x="70"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2397"
+       width="10"
+       height="10"
+       x="60"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2399"
+       width="10"
+       height="10"
+       x="70"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2401"
+       width="10"
+       height="10"
+       x="40"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2403"
+       width="10"
+       height="10"
+       x="50"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2405"
+       width="10"
+       height="10"
+       x="0"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2407"
+       width="10"
+       height="10"
+       x="10"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2409"
+       width="10"
+       height="10"
+       x="20"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2411"
+       width="10"
+       height="10"
+       x="30"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2413"
+       width="10"
+       height="10"
+       x="20"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2415"
+       width="10"
+       height="10"
+       x="30"
+       y="150" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2417"
+       width="10"
+       height="10"
+       x="0"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2419"
+       width="10"
+       height="10"
+       x="10"
+       y="150" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2421"
+       width="10"
+       height="10"
+       x="40"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2423"
+       width="10"
+       height="10"
+       x="50"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2425"
+       width="10"
+       height="10"
+       x="60"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2427"
+       width="10"
+       height="10"
+       x="70"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2429"
+       width="10"
+       height="10"
+       x="60"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2431"
+       width="10"
+       height="10"
+       x="70"
+       y="150" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2433"
+       width="10"
+       height="10"
+       x="40"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2435"
+       width="10"
+       height="10"
+       x="50"
+       y="150" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2437"
+       width="10"
+       height="10"
+       x="80"
+       y="80" />
+    <rect
+       style="opacity:1;fill:#ffffff;stroke-width:4"
+       id="rect2439"
+       width="10"
+       height="10"
+       x="90"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2441"
+       width="10"
+       height="10"
+       x="100"
+       y="80" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2443"
+       width="10"
+       height="10"
+       x="110"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2445"
+       width="10"
+       height="10"
+       x="100"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2447"
+       width="10"
+       height="10"
+       x="110"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2449"
+       width="10"
+       height="10"
+       x="80"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2451"
+       width="10"
+       height="10"
+       x="90"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2453"
+       width="10"
+       height="10"
+       x="120"
+       y="80" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2455"
+       width="10"
+       height="10"
+       x="130"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2457"
+       width="10"
+       height="10"
+       x="140"
+       y="80" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2459"
+       width="10"
+       height="10"
+       x="150"
+       y="90" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2461"
+       width="10"
+       height="10"
+       x="140"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2463"
+       width="10"
+       height="10"
+       x="150"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2465"
+       width="10"
+       height="10"
+       x="120"
+       y="100" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2467"
+       width="10"
+       height="10"
+       x="130"
+       y="110" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2469"
+       width="10"
+       height="10"
+       x="80"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2471"
+       width="10"
+       height="10"
+       x="90"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2473"
+       width="10"
+       height="10"
+       x="100"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2475"
+       width="10"
+       height="10"
+       x="110"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2477"
+       width="10"
+       height="10"
+       x="100"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2479"
+       width="10"
+       height="10"
+       x="110"
+       y="150" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2481"
+       width="10"
+       height="10"
+       x="80"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2483"
+       width="10"
+       height="10"
+       x="90"
+       y="150" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2485"
+       width="10"
+       height="10"
+       x="120"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2487"
+       width="10"
+       height="10"
+       x="130"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2489"
+       width="10"
+       height="10"
+       x="140"
+       y="120" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2491"
+       width="10"
+       height="10"
+       x="150"
+       y="130" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2493"
+       width="10"
+       height="10"
+       x="140"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2495"
+       width="10"
+       height="10"
+       x="150"
+       y="150" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2497"
+       width="10"
+       height="10"
+       x="120"
+       y="140" />
+    <rect
+       style="fill:#ffffff;stroke-width:4"
+       id="rect2499"
+       width="10"
+       height="10"
+       x="130"
+       y="150" />
+  </g>
+</svg>
diff --git a/data/elementary/themes/img/svg/stripes-diag-big.svg b/data/elementary/themes/img/svg/stripes-diag-big.svg
new file mode 100644
index 0000000000..da3e61a134
--- /dev/null
+++ b/data/elementary/themes/img/svg/stripes-diag-big.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="160"
+   height="160"
+   viewBox="0 0 160 160"
+   sodipodi:docname="stripes-diag-big.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   inkscape:export-filename="/home/raster/C/efl/th/img/stripes-diag-big.png"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6">
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask947">
+      <rect
+         style="opacity:1;fill:#a0a0a0;fill-opacity:1;stroke-width:3.96122;stroke-linecap:round;stroke-linejoin:round"
+         id="rect949"
+         width="60"
+         height="40"
+         x="10"
+         y="5" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#404040"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview4"
+     showgrid="true"
+     inkscape:zoom="7.60625"
+     inkscape:cx="80"
+     inkscape:cy="80"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     showguides="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     inkscape:snap-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid837" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g10">
+    <path
+       id="path1498"
+       style="opacity:1;fill:#ffffff;stroke-width:16"
+       d="M 0,0 160,160 V 150 L 10,0 Z M 20,0 160,140 V 130 L 30,0 Z M 40,0 160,120 V 110 L 50,0 Z M 60,0 160,100 V 90 L 70,0 Z m 20,0 80,80 V 70 L 90,0 Z m 20,0 60,60 V 50 L 110,0 Z m 20,0 40,40 V 30 L 130,0 Z m 20,0 20,20 V 10 L 150,0 Z M 0,10 v 10 l 140,140 h 10 z m 0,20 v 10 l 120,120 h 10 z m 0,20 v 10 l 100,100 h 10 z m 0,20 v 10 l 80,80 h 10 z m 0,20 v 10 l 60,60 h 10 z m 0,20 v 10 l 40,40 h 10 z m 0,20 v 10 l 20,20 h 10 z m 0,20 v 10 h 10 z" />
+  </g>
+</svg>
diff --git a/data/elementary/themes/img/svg/stripes-diag.svg b/data/elementary/themes/img/svg/stripes-diag.svg
new file mode 100644
index 0000000000..b27a09a838
--- /dev/null
+++ b/data/elementary/themes/img/svg/stripes-diag.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="160"
+   height="160"
+   viewBox="0 0 160 160"
+   sodipodi:docname="stripes-diag.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   inkscape:export-filename="/home/raster/C/th-efl/th/img/ic/bulb-040.png"
+   inkscape:export-xdpi="48"
+   inkscape:export-ydpi="48">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6">
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask947">
+      <rect
+         style="opacity:1;fill:#a0a0a0;fill-opacity:1;stroke-width:3.96122;stroke-linecap:round;stroke-linejoin:round"
+         id="rect949"
+         width="60"
+         height="40"
+         x="10"
+         y="5" />
+    </mask>
+  </defs>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#404040"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview4"
+     showgrid="true"
+     inkscape:zoom="7.60625"
+     inkscape:cx="80"
+     inkscape:cy="80"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     showguides="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-others="false"
+     inkscape:snap-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid837" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g10">
+    <path
+       id="path1411"
+       style="opacity:1;fill:#ffffff;stroke-width:8"
+       d="m 0,0 160,160 v -5 L 5,0 Z m 10,0 150,150 v -5 L 15,0 Z m 10,0 140,140 v -5 L 25,0 Z m 10,0 130,130 v -5 L 35,0 Z m 10,0 120,120 v -5 L 45,0 Z m 10,0 110,110 v -5 L 55,0 Z M 60,0 160,100 V 95 L 65,0 Z m 10,0 90,90 V 85 L 75,0 Z m 10,0 80,80 V 75 L 85,0 Z m 10,0 70,70 V 65 L 95,0 Z m 10,0 60,60 V 55 L 105,0 Z m 10,0 50,50 V 45 L 115,0 Z m 10,0 40,40 V 35 L 125,0 Z m 10,0 30,30 V 25 L 135,0 Z m 10,0 20,20 V 15 L 145,0 Z m 10,0 10,10 V 5 L 155,0 Z M 0,5 v 5 l 150,150 h 5 z m 0,10 v 5 l 140,140 h 5 z m 0,10 v 5 l 130,130 h 5 z m 0,10 v 5 l 120,120 h 5 z m 0,10 v 5 l 110,110 h 5 z m 0,10 v 5 l 100,100 h 5 z m 0,10 v 5 l 90,90 h 5 z m 0,10 v 5 l 80,80 h 5 z m 0,10 v 5 l 70,70 h 5 z m 0,10 v 5 l 60,60 h 5 z m 0,10 v 5 l 50,50 h 5 z m 0,10 v 5 l 40,40 h 5 z m 0,10 v 5 l 30,30 h 5 z m 0,10 v 5 l 20,20 h 5 z m 0,10 v 5 l 10,10 h 5 z m 0,10 v 5 h 5 z"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
+  </g>
+</svg>