0xmrtt/GradienceDesign
1
0
Fork 0
mirror of https://github.com/GradienceTeam/Design.git synced 2024-06-26 16:19:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat:gradienceisahack

Browse source
This commit is contained in:
David Lapshin 2022-10-06 19:28:11 +03:00
parent bd2640bb19
commit a7bf8cd7ce
2 changed files with 82 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Mockups/gradienceisahack.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

163
Mockups/gradienceisahack.svg → Mockups/src/gradienceisahack.svg
View file

@ -2,14 +2,17 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="512"
viewBox="0 0 33.866666 135.46667"
width="127.99999"
height="532"
viewBox="0 0 33.866664 140.75834"
version="1.1"
id="svg5"
xml:space="preserve"
sodipodi:docname="gradienceisahack.svg"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
inkscape:export-filename="../gradienceisahack.png"
inkscape:export-xdpi="1536.0001"
inkscape:export-ydpi="1536.0001"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
@ -25,9 +28,9 @@
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
showgrid="true"
inkscape:zoom="0.55536563"
inkscape:cx="-100.83447"
inkscape:cy="252.08618"
inkscape:zoom="2.5940594"
inkscape:cx="67.847329"
inkscape:cy="154.58397"
inkscape:window-width="1280"
inkscape:window-height="731"
inkscape:window-x="0"
@ -37,7 +40,7 @@
type="xygrid"
id="grid132"
empspacing="4"
originx="0"
originx="1.7196654e-07"
originy="0" /></sodipodi:namedview><defs
id="defs2"><pattern
inkscape:collect="always"
@ -354,7 +357,7 @@
id="rect1741" /><rect
x="512"
y="2688"
width="3052.2689"
width="3052.2688"
height="1971.8604"
id="rect1747" /><rect
x="512"
@ -374,33 +377,33 @@
id="rect1924" /><rect
x="512"
y="2688"
width="1475.1734"
height="564.77282"
width="1475.1733"
height="564.77283"
id="rect2034" /><rect
x="512"
y="2688"
width="1475.1734"
height="564.77282"
width="1475.1733"
height="564.77283"
id="rect2040" /><rect
x="512"
y="2688"
width="1475.1734"
height="564.77282"
width="1475.1733"
height="564.77283"
id="rect2046" /><rect
x="512"
y="2688"
width="1475.1734"
height="564.77282"
width="1475.1733"
height="564.77283"
id="rect2630" /><rect
x="512"
y="2688"
width="1475.1734"
height="564.77282"
width="1475.1733"
height="564.77283"
id="rect2632" /><rect
x="512"
y="2688"
width="1475.1734"
height="564.77282"
width="1475.1733"
height="564.77283"
id="rect2634" /><mask
id="f-3"><g
filter="url(#d)"
@ -517,11 +520,11 @@
y="0"><tspan
x="1085.7694"
y="2882.6164"
id="tspan10886">Why Gradience is a
id="tspan1506">Why Gradience is a
</tspan><tspan
x="1739.2843"
y="3153.5151"
id="tspan10888">Hack?</tspan></text></mask><mask
id="tspan1508">Hack?</tspan></text></mask><mask
maskUnits="userSpaceOnUse"
id="mask5504"><text
xml:space="preserve"
@ -534,11 +537,11 @@
mask="none"><tspan
x="1085.7694"
y="2882.6164"
id="tspan10890">Why Gradience is a
id="tspan1510">Why Gradience is a
</tspan><tspan
x="1739.2843"
y="3153.5151"
id="tspan10892">Hack?</tspan></text></mask><clipPath
id="tspan1512">Hack?</tspan></text></mask><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath7191"><rect
ry="8"
@ -562,17 +565,17 @@
ry="8" /></clipPath><rect
x="512"
y="2688"
width="3052.2689"
width="3052.2688"
height="1971.8604"
id="rect9644" /><rect
x="512"
y="2688"
width="3052.2689"
width="3052.2688"
height="1971.8604"
id="rect9650" /><rect
x="512"
y="2688"
width="3052.2689"
width="3052.2688"
height="1971.8604"
id="rect9764" /><pattern
patternUnits="userSpaceOnUse"
@ -915,11 +918,9 @@
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:216.719px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:center;white-space:pre;shape-inside:url(#rect4195);display:inline;fill:#ffffff;paint-order:stroke fill markers"
x="866.87775"
y="0"><tspan
x="1029.9643"
x="1048.1687"
y="2882.6164"
id="tspan10896"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.00012207031"
id="tspan10894">Gradience is a Hack!</tspan></tspan></text><rect
id="tspan1514">Gradience is a hack!</tspan></text><rect
style="fill:url(#linearGradient4766);fill-opacity:1;stroke-width:0.0110243;paint-order:stroke fill markers;filter:url(#filter1735)"
id="rect4758"
width="19.049999"
@ -936,7 +937,7 @@
y="0"><tspan
x="2325.1639"
y="5484.6304"
id="tspan10898">Visit stopthemingmy.app</tspan></text><path
id="tspan1516">Visit stopthemingmy.app</tspan></text><path
d="m 21.43269,85.989612 c 0,0 -0.793742,0 -0.793742,0.79379 v 1.32288 c 0,0 0.01141,0.3752 0.007,0.5291 0,0.26459 -0.141588,0.37419 -0.371036,0.56129 -0.166398,0.1291 -0.204639,0.346197 -0.0816,0.449497 0.113686,0.093 0.307997,0.08 0.439245,-0.091 l 0.269747,-0.390697 c 0.185009,-0.26869 0.260448,-0.49609 0.264587,-0.79369 l 9.55e-4,-1.58748 c 0,-0.2646 0.263548,-0.2646 0.263548,-0.2646 v 1.73938 l 0.794766,-0.8134 v -0.66138 c 0,-0.2646 0.263547,-0.2646 0.263547,-0.2646 l 9.55e-4,0.66139 0.528135,-0.5384 c 0.0899,-0.083 0.133317,-0.123 0.264578,-0.123 l 9.55e-4,0.26461 -1.05935,1.05829 h 1.058319 c 0,0 9.54e-4,0.26459 -0.264578,0.26459 h -1.058328 l -0.529157,0.52909 c 0,0.11271 0,0.5313 0.529157,0.5313 h 1.059395 c 0,0 0.793739,0 0.792711,-0.79169 v -2.38328 z m 0,0"
fill="#2e3436"
id="path1130"
@ -971,11 +972,11 @@
y="0"><tspan
x="827.11601"
y="2882.6164"
id="tspan10900">Gradience is not against
id="tspan1518">Gradience is not against
</tspan><tspan
x="1017.2862"
y="3153.5151"
id="tspan10902">stopthemingmy.app</tspan></text><text
id="tspan1520">stopthemingmy.app</tspan></text><text
xml:space="preserve"
transform="matrix(0.00976685,0,0,0.00976685,-3.0616795,77.254468)"
id="text1745"
@ -984,50 +985,50 @@
y="0"><tspan
x="1075.972"
y="2817.7448"
id="tspan10904">Gradience Team is not against </tspan><tspan
id="tspan1522">Gradience Team is not against </tspan><tspan
x="599.47748"
y="2998.3449"
id="tspan10908"><tspan
id="tspan1526"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0001449585 -0.00021362305 0.00022125244 -0.00023651123 0.00022125244 -0.0001373291 0 -0.00015258789 0 0.00019454956"
id="tspan10906">stopthemingmy.app and Adwaita Developers </tspan></tspan><tspan
id="tspan1524">stopthemingmy.app and Adwaita Developers </tspan></tspan><tspan
x="530.20046"
y="3178.945"
id="tspan10912"><tspan
id="tspan1530"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0001449585 0 -0.00015258789 0 0 0.0001449585"
id="tspan10910">idea, Gradience is a tool for tinkers that want to </tspan></tspan><tspan
id="tspan1528">idea, Gradience is a tool for tinkers that want to </tspan></tspan><tspan
x="593.2655"
y="3359.5451"
id="tspan10916"><tspan
id="tspan1534"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0001373291 0 0 0 0 0 0 -0.00015258789 0.00021362305"
id="tspan10914">theme their desktops at their liking, and not a </tspan></tspan><tspan
id="tspan1532">theme their desktops at their liking, and not a </tspan></tspan><tspan
x="567.4758"
y="3540.1452"
id="tspan10920"><tspan
id="tspan1538"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.00014877319 -0.00015258789 0.0001449585 0 -0.00015258789"
id="tspan10918">tool for distributions to change theme in them </tspan></tspan><tspan
id="tspan1536">tool for distributions to change theme in them </tspan></tspan><tspan
x="774.58709"
y="3720.7453"
id="tspan10924"><tspan
id="tspan1542"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.00022888184"
id="tspan10922">by default, Gradience Team agrees with </tspan></tspan><tspan
id="tspan1540">by default, Gradience Team agrees with </tspan></tspan><tspan
x="567.11438"
y="3901.3454"
id="tspan10928"><tspan
id="tspan1546"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.00021362305"
id="tspan10926">importance of unified look of Adwaita to make </tspan></tspan><tspan
id="tspan1544">importance of unified look of Adwaita to make </tspan></tspan><tspan
x="630.82992"
y="4081.9455"
id="tspan10932"><tspan
id="tspan1550"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.00010681152 0 -0.00015258789"
id="tspan10930">sure that all apps work right and Developers </tspan></tspan><tspan
id="tspan1548">sure that all apps work right and Developers </tspan></tspan><tspan
x="607.2076"
y="4262.5456"
id="tspan10936"><tspan
id="tspan1554"><tspan
dx="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.00010681152 0 0.00010299683 0 0 0 0 0 0 0 0 0.00014877319 -0.00015258789 0.00020599365"
id="tspan10934">have unified and stable tool for creating their </tspan></tspan><tspan
id="tspan1552">have unified and stable tool for creating their </tspan></tspan><tspan
x="1866.6374"
y="4443.1457"
id="tspan10938">apps.</tspan></text><g
id="tspan1556">apps.</tspan></text><g
clip-path="none"
mask="url(#f-3)"
id="g4187"
@ -1166,7 +1167,7 @@
y="0"><tspan
x="1650.1714"
y="2752.8722"
id="tspan10940">© 2022 Gradience Team</tspan></text><text
id="tspan1558">© 2022 Gradience Team</tspan></text><text
xml:space="preserve"
transform="matrix(0.00976685,0,0,0.00976685,-3.0616795,108.45981)"
id="text9648"
@ -1175,9 +1176,9 @@
y="0"><tspan
x="1457.2194"
y="2752.8722"
id="tspan10944">Based on the <tspan
id="tspan1562">Based on the <tspan
style="fill:#3584e4"
id="tspan10942">GNOME Circle </tspan>website</tspan></text><text
id="tspan1560">GNOME Circle </tspan>website</tspan></text><text
xml:space="preserve"
transform="matrix(0.00976685,0,0,0.00976685,-3.0616795,110.04732)"
id="text9762"
@ -1186,7 +1187,7 @@
y="0"><tspan
x="1560.4137"
y="2752.8722"
id="tspan10946">Creative Commons CC-BY-SA </tspan></text><rect
id="tspan1564">Creative Commons CC-BY-SA </tspan></text><rect
style="fill:#f6d32d;stroke-width:0.337279;paint-order:stroke fill markers"
id="rect584"
width="33.866665"
@ -1196,14 +1197,14 @@
xml:space="preserve"
transform="scale(0.26458333)"
id="text740"
style="-inkscape-font-specification:Cantarell;font-family:Cantarell;font-size:5.33333341px;paint-order:stroke fill markers;fill:#f6d32d;text-align:center;white-space:pre;shape-inside:url(#rect742)" /><text
style="font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:center;white-space:pre;shape-inside:url(#rect742);display:inline;fill:#f6d32d;paint-order:stroke fill markers" /><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,-0.5016514,-43.663691)"
id="text746"
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:8px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:center;white-space:pre;shape-inside:url(#rect748);fill:#241f31;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:8px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:center;white-space:pre;shape-inside:url(#rect748);display:inline;fill:#241f31;paint-order:stroke fill markers"><tspan
x="18.956085"
y="331.1841"
id="tspan10948">Why Gradience is a hack?</tspan></text><rect
id="tspan1566">Why Gradience is a hack?</tspan></text><rect
style="opacity:1;fill:url(#linearGradient3836);fill-opacity:1;stroke-width:0.264583;paint-order:stroke fill markers"
id="rect2694"
width="33.866665"
@ -1265,12 +1266,12 @@
d="m 2,10 h 12 l -0.800781,5.003906 C 13,15.824219 12.5,16 11.953125,16 H 10 V 13 L 8.875,16 H 7.027344 L 7,13 5.964844,16 H 5 V 14.5 L 4,16 H 1 l 0.210938,-1.046875 z m 0,0"
id="path6640"
style="fill:#000000" /></g><rect
style="stroke:none;fill:url(#pattern6705)"
style="fill:url(#pattern6705);stroke:none"
transform="scale(0.26458333)"
width="48.000003"
height="48.000003"
width="48.000004"
height="48.000004"
x="-112"
y="351.99999"
y="352"
id="rect6723" /><rect
style="opacity:1;fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.424277;paint-order:stroke fill markers"
id="rect6658"
@ -1341,65 +1342,65 @@
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,-50.800006)"
id="text10400"
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:start;white-space:pre;shape-inside:url(#rect10402);opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:start;white-space:pre;shape-inside:url(#rect10402);display:inline;opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
x="8"
y="384.7894"
id="tspan10950">Gradience overrides CSS
id="tspan1568">Gradience overrides CSS
</tspan><tspan
x="8"
y="391.45605"
id="tspan10952">for recoloring.</tspan></text><text
id="tspan1570">for recoloring.</tspan></text><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,-46.566673)"
id="text10408"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:start;white-space:pre;shape-inside:url(#rect10410);opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:start;white-space:pre;shape-inside:url(#rect10410);display:inline;opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
x="8"
y="384.7894"
id="tspan10954">Gradience overrides Adwaita CSS with
id="tspan1572">Gradience overrides Adwaita CSS with
</tspan><tspan
x="8"
y="391.45605"
id="tspan10956">custom values, this causes issues like
id="tspan1574">custom values, this causes issues like
</tspan><tspan
x="8"
y="398.12271"
id="tspan10958">invisible text, wrong colors, broken paddings
id="tspan1576">invisible text, wrong colors, broken paddings
</tspan><tspan
x="8"
y="404.78937"
id="tspan10960">and etc.</tspan></text><text
id="tspan1578">and etc.</tspan></text><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,-38.62917)"
id="text10414"
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:start;white-space:pre;shape-inside:url(#rect10420);opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:start;white-space:pre;shape-inside:url(#rect10420);display:inline;opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
x="8"
y="384.7894"
id="tspan10962">Gradience is not supported by Adwaita.</tspan></text><text
id="tspan1580">Gradience is not supported by Adwaita.</tspan></text><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,-35.983337)"
id="text10418"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:start;white-space:pre;shape-inside:url(#rect10422);opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:start;white-space:pre;shape-inside:url(#rect10422);display:inline;opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
x="8"
y="384.7894"
id="tspan10964">Gradience can stop working if Adwaita will </tspan><tspan
id="tspan1582">Gradience can stop working if Adwaita will </tspan><tspan
x="8"
y="391.45605"
id="tspan10966">make changes in components Gradience uses.</tspan></text><text
id="tspan1584">make changes in components Gradience uses.</tspan></text><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,-31.750002)"
id="text10426"
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:start;white-space:pre;shape-inside:url(#rect10432);opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:'Cantarell Ultra-Bold';text-align:start;white-space:pre;shape-inside:url(#rect10432);display:inline;opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
x="8"
y="384.7894"
id="tspan10968">Gradience break apps.</tspan></text><text
id="tspan1586">Gradience break apps.</tspan></text><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,-29.10417)"
id="text10430"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:start;white-space:pre;shape-inside:url(#rect10434);opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.33333px;font-family:Cantarell;-inkscape-font-specification:Cantarell;text-align:start;white-space:pre;shape-inside:url(#rect10434);display:inline;opacity:0.988378;fill:#241f31;fill-opacity:1;stroke:none;paint-order:stroke fill markers"><tspan
x="8"
y="384.7894"
id="tspan10970">Gradience break some apps that rely on
id="tspan1588">Gradience break some apps that rely on
</tspan><tspan
x="8"
y="391.45605"
id="tspan10972">custom CSS by default.</tspan></text></g></svg>
id="tspan1590">custom CSS by default.</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 76 KiB