Adwaita: avoid using assets for selectmode checkswip/jimmac/issue-2828-adwaita-selection-mode-styling-flickers

- use the normal button approach for checkboxes
- boost resolution of the checkbox to use it at larger sizes

Fixes issue #28

22 files changed, 60 insertions, 389 deletions

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 45e5d46a0d..5da9ffbeb5 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2697,25 +2697,23 @@ switch {
 
 
 //selection-mode
-@each $s,$as in ('','-selectionmode'),
-                  (':hover', '-hover-selectionmode'),
-                  (':active', '-active-selectionmode'),
-                  (':backdrop', '-backdrop-selectionmode'),
-                  (':checked', '-checked-selectionmode'),
-                  (':checked:hover', '-checked-hover-selectionmode'),
-                  (':checked:active', '-checked-active-selectionmode'),
-                  (':backdrop:checked', '-checked-backdrop-selectionmode') {
+@each $s in  ('',
+              ':hover',
+              ':active',
+              ':backdrop',
+              ':checked',
+              ':checked:hover',
+              ':checked:active',
+              ':backdrop:checked') {
   .view.content-view.check#{$s}:not(list),
   .content-view .tile check#{$s}:not(list) {
-    -gtk-icon-shadow: none;
-    -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}.png"), url("assets/checkbox#{$as}@2.png"));
-    background-color: transparent;
-    min-width: 40px;
-    min-height: 40px;
-    background-image: none;
-    transition: none;
-    box-shadow: none;
-    border-width: 0;
+     margin: 12px;
+     min-width: 32px; min-height: 32px;
+     background-color: $osd_bg_color;
+     border-radius: 5px;
+     background-image: none;
+     transition: none;
+     box-shadow: none;
   }
 }
 
diff --git a/gtk/theme/Adwaita/assets.svg b/gtk/theme/Adwaita/assets.svg
index 880538f29c..1f59056b4a 100644
--- a/gtk/theme/Adwaita/assets.svg
+++ b/gtk/theme/Adwaita/assets.svg
@@ -14,7 +14,7 @@
    height="1052.3622"
    id="svg9892"
    version="1.1"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
    sodipodi:docname="assets.svg"
    viewBox="0 0 1000 1052.3622">
   <defs
@@ -168,42 +168,6 @@
        y2="185.89658" />
     <linearGradient
        inkscape:collect="always"
-       id="pushed-27-4-47-7-1">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1"
-         offset="0"
-         id="stop9855-55-0-7-2-1" />
-      <stop
-         id="stop9857-44-0-4-3-2"
-         offset="0.61748672"
-         style="stop-color:#d3d7cf;stop-opacity:1" />
-      <stop
-         style="stop-color:#babdb6;stop-opacity:1"
-         offset="1"
-         id="stop9859-2-3-05-6-2" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#pushed-27-4-47-7-1"
-       id="linearGradient10491"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.3656216,0,0,0.46323921,-51.116279,-156.72118)"
-       x1="60.805183"
-       y1="446.62411"
-       x2="60.805183"
-       y2="404.45575" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#killme"
-       id="linearGradient10493"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0882418,0,0,0.36290768,-35.769827,-13.055003)"
-       x1="63.568954"
-       y1="127.16142"
-       x2="63.568954"
-       y2="152.6618" />
-    <linearGradient
-       inkscape:collect="always"
        xlink:href="#hover-2"
        id="linearGradient10617"
        gradientUnits="userSpaceOnUse"
@@ -536,14 +500,14 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="786.58409"
-     inkscape:cy="1055.8204"
+     inkscape:cx="788.58409"
+     inkscape:cy="735.8204"
      inkscape:document-units="px"
      inkscape:current-layer="layer3"
      showgrid="false"
      showborder="false"
-     inkscape:window-width="1920"
-     inkscape:window-height="1016"
+     inkscape:window-width="3440"
+     inkscape:window-height="1376"
      inkscape:window-x="0"
      inkscape:window-y="27"
      inkscape:window-maximized="1"
@@ -570,11 +534,13 @@
     <sodipodi:guide
        position="371.875,1080.75"
        orientation="0,1"
-       id="guide4744" />
+       id="guide4744"
+       inkscape:locked="false" />
     <sodipodi:guide
        position="365.75,1061"
        orientation="0,1"
-       id="guide4746" />
+       id="guide4746"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <metadata
      id="metadata9897">
@@ -1869,302 +1835,9 @@
     </g>
     <g
        inkscape:label="#g10801"
-       transform="matrix(1.990788,0,0,1.9939718,334.59299,125.13908)"
-       id="checkbox-checked-selectionmode">
-      <g
-         id="use8051"
-         transform="matrix(1.003504,0,0,1.0019017,19.813776,-0.08723712)">
-        <rect
-           ry="4.1330299"
-           style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.3;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.48329952;marker:none;enable-background:accumulate"
-           id="rect8196"
-           width="20.022388"
-           height="20.022388"
-           x="14.473747"
-           y="27.822527"
-           rx="4.1330299" />
-        <g
-           id="g8323">
-          <rect
-             ry="2.1659286"
-             style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:url(#linearGradient10493);fill-opacity:1;stroke:#555753;stroke-width:0.49806672;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
-             id="rect8133"
-             width="10.610355"
-             height="10.524323"
-             x="19.186378"
-             y="32.48991"
-             rx="2.1536846" />
-          <path
-             inkscape:connector-curvature="0"
-             id="path8135"
-             d="m 19.391061,40.242103 v 0.746384 c 0,0.995613 0.820325,1.772664 1.841514,1.772664 h 6.531232 c 1.021188,0 1.81696,-0.777051 1.81696,-1.772664 v -0.746384 c 0,0.995611 -0.795772,1.772664 -1.81696,1.772664 h -6.531232 c -1.021189,0 -1.841514,-0.777053 -1.841514,-1.772664 z"
-             style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#c7c7c7;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" />
-          <path
-             sodipodi:nodetypes="csssscssc"
-             inkscape:connector-curvature="0"
-             id="path8137"
-             d="m 19.391061,39.586662 v 0.785713 c 0,1.048072 0.820325,1.866067 1.841514,1.866067 h 6.531232 c 1.021188,0 1.81696,-0.817995 1.81696,-1.866067 v -0.785713 c 0,1.048072 -0.795772,2.170876 -1.81696,2.170876 h -6.531232 c -1.021189,0 -1.841514,-1.122804 -1.841514,-2.170876 z"
-             style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ededed;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.50055969;marker:none;enable-background:accumulate" />
-        </g>
-      </g>
-      <g
-         id="g8055">
-        <path
-           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#2870bc;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-           d="m 50.868001,31.261445 -6.9811,6.803452 -1.871896,-1.861821 -2.138425,-0.01553 0.01122,1.689654 2.936988,2.921189 c 0.586676,0.58328 1.537597,0.58328 2.124273,0 l 7.996316,-8.031103 0.002,-1.561674 z"
-           id="path8059"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="cccccccccc" />
-      </g>
-    </g>
-    <g
-       id="checkbox-checked-hover-selectionmode"
-       transform="matrix(1.9947791,0,0,1.9939719,334.38167,169.09433)"
-       inkscape:label="#g10801">
-      <use
-         transform="matrix(1.0014962,0,0,1.0019016,19.880068,-0.06479538)"
-         style="display:inline"
-         x="0"
-         y="0"
-         xlink:href="#rect8196"
-         id="use8666"
-         width="100%"
-         height="100%" />
-      <g
-         id="use8507">
-        <use
-           style="display:inline;stroke:#555753"
-           x="0"
-           y="0"
-           xlink:href="#g8323"
-           id="use8585"
-           transform="matrix(1.0014962,0,0,1.0019016,19.88007,-0.06478938)"
-           width="100%"
-           height="100%" />
-        <rect
-           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.68300003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
-           id="rect8587"
-           width="10.124799"
-           height="10.08457"
-           x="39.367149"
-           y="32.726746"
-           rx="1.8288052"
-           ry="1.8288052" />
-      </g>
-      <use
-         height="1052.3622"
-         width="1000"
-         transform="matrix(0.99799921,0,0,0.99999996,0.1059371,1.727819e-5)"
-         id="use8067"
-         xlink:href="#g8055"
-         y="0"
-         x="0"
-         style="display:inline" />
-    </g>
-    <g
-       inkscape:label="#g10801"
-       transform="matrix(1.9947791,0,0,1.9939719,334.38167,213.04961)"
-       id="checkbox-checked-active-selectionmode">
-      <use
-         height="100%"
-         width="100%"
-         id="use8683"
-         xlink:href="#rect8196"
-         y="0"
-         x="0"
-         style="display:inline"
-         transform="matrix(1.0014962,0,0,1.0019016,19.880068,-0.04236738)" />
-      <use
-         style="display:inline;stroke:#555753"
-         x="0"
-         y="0"
-         xlink:href="#use8071"
-         id="use8456"
-         width="100%"
-         height="100%" />
-      <use
-         height="1052.3622"
-         width="1000"
-         transform="matrix(0.99799923,0,0,0.99999995,0.10593796,0.02244762)"
-         id="use8067-8"
-         xlink:href="#g8055"
-         y="0"
-         x="0"
-         style="display:inline" />
-    </g>
-    <g
-       inkscape:label="#g10801"
-       transform="matrix(1.9947791,0,0,1.9939719,334.38167,256.96017)"
-       id="checkbox-checked-backdrop-selectionmode">
-      <use
-         transform="matrix(1.0014962,0,0,1.0019016,19.880068,0.00248762)"
-         style="display:inline"
-         x="0"
-         y="0"
-         xlink:href="#rect8196"
-         id="use8700"
-         width="100%"
-         height="100%" />
-      <rect
-         ry="2.1665556"
-         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededed;fill-opacity:1;fill-rule:nonzero;stroke:#555753;stroke-width:0.49543846;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
-         id="use8386"
-         width="10.542755"
-         height="10.527368"
-         x="39.169666"
-         y="32.578323"
-         rx="2.1399629" />
-      <g
-         transform="matrix(0.93091057,0,0,0.93091058,-137.10516,-213.45401)"
-         id="g8101"
-         style="display:inline">
-        <g
-           style="display:inline"
-           id="g8103"
-           transform="matrix(0.5089163,0,0,0.51739823,161.7932,197.56426)">
-          <g
-             id="g8105" />
-        </g>
-      </g>
-      <path
-         sodipodi:nodetypes="cccccccccc"
-         inkscape:connector-curvature="0"
-         id="path8109"
-         d="m 50.868001,31.380439 -6.981099,6.843039 -1.871897,-1.872655 -2.138425,-0.01563 0.01122,1.699485 2.936988,2.938187 c 0.586676,0.586674 1.537597,0.586674 2.124274,0 l 7.996315,-8.077832 0.002,-1.570761 z"
-         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#2870bc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.99699712;marker:none;enable-background:accumulate" />
-    </g>
-    <g
-       id="checkbox-selectionmode"
-       transform="matrix(1.990788,0,0,1.9939718,378.59299,125.13908)"
-       inkscape:label="#g10801">
-      <g
-         transform="matrix(1.003504,0,0,1.0019017,19.813776,-0.08723712)"
-         id="g8239" />
-      <use
-         transform="matrix(1.003504,0,0,1.0019016,19.813773,-0.08723622)"
-         style="display:inline"
-         x="0"
-         y="0"
-         xlink:href="#rect8196"
-         id="use8700-3"
-         width="100%"
-         height="100%" />
-      <use
-         transform="matrix(1.003504,0,0,1.0019017,19.813777,-0.08723885)"
-         style="display:inline;stroke:#555753"
-         x="0"
-         y="0"
-         xlink:href="#g8323"
-         id="use8608"
-         width="100%"
-         height="100%" />
-    </g>
-    <g
-       inkscape:label="#g10801"
        transform="matrix(1.9947791,0,0,1.9939719,354.38167,165.09433)"
        id="sjhgfjsgf" />
     <g
-       id="checkbox-active-selectionmode"
-       transform="matrix(1.9947791,0,0,1.9939719,378.38167,213.04961)"
-       inkscape:label="#g10801">
-      <use
-         transform="matrix(1.0014962,0,0,1.0019016,19.880067,-0.04236769)"
-         style="display:inline"
-         x="0"
-         y="0"
-         xlink:href="#rect8196"
-         id="use8700-1"
-         width="100%"
-         height="100%" />
-      <g
-         id="use8071"
-         style="display:inline"
-         transform="matrix(0.79809794,0,0,0.7889583,24.941149,7.9461609)">
-        <rect
-           rx="2.7080972"
-           y="31.050892"
-           x="17.820696"
-           height="13.505371"
-           width="13.341726"
-           id="rect8176"
-           style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient10491);fill-opacity:1;fill-rule:nonzero;stroke:#555753;stroke-width:0.47996393;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
-           ry="2.7794352" />
-        <path
-           inkscape:connector-curvature="0"
-           id="path8178"
-           d="m 18.088488,34.607345 v -0.986346 c 0,-1.315724 1.029805,-2.342598 2.311766,-2.342598 h 8.199058 c 1.281961,0 2.28095,1.026874 2.28095,2.342598 v 0.986346 c 0,-1.315702 -0.998989,-2.342598 -2.28095,-2.342598 h -8.199058 c -1.281961,0 -2.311766,1.026896 -2.311766,2.342598 z"
-           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.07000002;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00000012;marker:none;enable-background:accumulate" />
-      </g>
-    </g>
-    <g
-       id="checkbox-backdrop-selectionmode"
-       transform="matrix(1.9947791,0,0,1.9939719,378.38167,256.96017)"
-       inkscape:label="#g10801">
-      <g
-         style="display:inline"
-         id="g8299"
-         transform="matrix(0.93091057,0,0,0.93091058,-137.10516,-213.45401)">
-        <g
-           transform="matrix(0.5089163,0,0,0.51739823,161.7932,197.56426)"
-           id="g8301"
-           style="display:inline">
-          <g
-             id="g8303" />
-        </g>
-      </g>
-      <use
-         transform="matrix(1.0014962,0,0,1.0019016,19.880067,0.00248762)"
-         style="display:inline"
-         x="0"
-         y="0"
-         xlink:href="#rect8196"
-         id="use8700-18"
-         width="100%"
-         height="100%" />
-      <rect
-         rx="2.1399629"
-         y="32.578323"
-         x="39.16967"
-         height="10.527368"
-         width="10.542755"
-         id="use8099"
-         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ededed;fill-opacity:1;fill-rule:nonzero;stroke:#555753;stroke-width:0.49543846;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
-         ry="2.1665556" />
-    </g>
-    <g
-       transform="matrix(1.9947791,0,0,1.9939719,378.38167,169.09433)"
-       style="display:inline"
-       id="checkbox-hover-selectionmode"
-       inkscape:label="#g8503">
-      <use
-         transform="matrix(1.0014962,0,0,1.0019016,19.880067,-0.06479522)"
-         style="display:inline"
-         x="0"
-         y="0"
-         xlink:href="#rect8196"
-         id="use8700-5"
-         width="100%"
-         height="100%" />
-      <use
-         height="100%"
-         width="100%"
-         transform="matrix(1.0014962,0,0,1.0019016,19.88007,-0.06478938)"
-         id="use8347"
-         xlink:href="#g8323"
-         y="0"
-         x="0"
-         style="display:inline;stroke:#555753" />
-      <rect
-         ry="1.8288052"
-         rx="1.8288052"
-         y="32.726746"
-         x="39.367149"
-         height="10.08457"
-         width="10.124799"
-         id="rect8378"
-         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.68300003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
-    </g>
-    <g
        id="text-select-end"
        transform="rotate(180,270.01517,-10.637818)"
        inkscape:label="#g5515">
diff --git a/gtk/theme/Adwaita/assets/check-symbolic.svg b/gtk/theme/Adwaita/assets/check-symbolic.svg
index bac5cd6aaa..8a7611cc6f 100644
--- a/gtk/theme/Adwaita/assets/check-symbolic.svg
+++ b/gtk/theme/Adwaita/assets/check-symbolic.svg
@@ -14,11 +14,11 @@
    inkscape:export-filename="/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png"
    inkscape:export-xdpi="90"
    inkscape:export-ydpi="90"
-   height="14"
+   height="56"
    id="svg7384"
    version="1.1"
-   inkscape:version="0.91 r13725"
-   width="14">
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   width="56">
   <metadata
      id="metadata90">
     <rdf:RDF>
@@ -37,8 +37,8 @@
      bordercolor="#666666"
      borderopacity="1"
      inkscape:current-layer="layer9"
-     inkscape:cx="-15.966869"
-     inkscape:cy="8.8415069"
+     inkscape:cx="20.322802"
+     inkscape:cy="21.113059"
      gridtolerance="10"
      inkscape:guide-bbox="true"
      guidetolerance="10"
@@ -59,9 +59,9 @@
      inkscape:snap-nodes="false"
      inkscape:snap-others="false"
      inkscape:snap-to-guides="true"
-     inkscape:window-height="1016"
+     inkscape:window-height="1376"
      inkscape:window-maximized="1"
-     inkscape:window-width="1920"
+     inkscape:window-width="3440"
      inkscape:window-x="0"
      inkscape:window-y="27"
      inkscape:zoom="15.238496"
@@ -74,8 +74,8 @@
        originx="-159.99995"
        originy="120"
        snapvisiblegridlinesonly="true"
-       spacingx="1px"
-       spacingy="1px"
+       spacingx="1"
+       spacingy="1"
        type="xygrid"
        visible="true" />
   </sodipodi:namedview>
@@ -98,10 +98,10 @@
      id="layer9"
      inkscape:label="status"
      style="display:inline;opacity:1"
-     transform="translate(-401.00015,-339)">
+     transform="translate(-401.00015,-297)">
     <path
-       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#bebebe;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
-       d="m 415.00015,339.98047 -6.5,6.39453 -2.9375,-2.9375 -2.125,2.125 5.0625,5.0625 6.5,-6.60547 0,-4.03906 z"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#bebebe;fill-opacity:1;stroke:none;stroke-width:3;marker:none;enable-background:accumulate"
+       d="m 456.98556,301.32839 -30.10261,29.61417 -13.60407,-13.60407 -9.84124,9.84124 23.44531,23.4453 30.10261,-30.59106 z"
        id="path8913-6-7-1-5-1"
        inkscape:connector-curvature="0" />
   </g>
@@ -110,45 +110,45 @@
      id="layer10"
      inkscape:label="devices"
      style="display:inline"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="layer11"
      inkscape:label="apps"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="layer13"
      inkscape:label="places"
      style="display:inline"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="layer14"
      inkscape:label="mimetypes"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="layer15"
      inkscape:label="emblems"
      style="display:inline"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="g71291"
      inkscape:label="emotes"
      style="display:inline"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="g4953"
      inkscape:label="categories"
      style="display:inline"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
   <g
      inkscape:groupmode="layer"
      id="layer12"
      inkscape:label="actions"
      style="display:inline"
-     transform="translate(-401.00015,-339)" />
+     transform="translate(-401.00015,-297)" />
 </svg>
diff --git a/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png b/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png
index eed1f45a58..b0d6128bbc 100644
--- a/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png
+++ b/gtk/theme/Adwaita/assets/check-symbolic.symbolic.png
diff --git a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png
deleted file mode 100644
index 08737224b2..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png
deleted file mode 100644
index f47d310e5f..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-active-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png
deleted file mode 100644
index 8d4458f003..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png
deleted file mode 100644
index 28c3492a12..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-backdrop-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png
deleted file mode 100644
index ff08773fb7..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png
deleted file mode 100644
index a25111ced4..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-active-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png
deleted file mode 100644
index 4b3082ab56..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png
deleted file mode 100644
index 179aaa0f91..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-backdrop-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png
deleted file mode 100644
index 7e4e8b1edd..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png
deleted file mode 100644
index f7b3fbc088..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-hover-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png
deleted file mode 100644
index fefbeab916..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png
deleted file mode 100644
index de523016b3..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-checked-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png
deleted file mode 100644
index 37b259704f..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png
deleted file mode 100644
index 5abeba412b..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-hover-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-selectionmode.png b/gtk/theme/Adwaita/assets/checkbox-selectionmode.png
deleted file mode 100644
index 5636af48be..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-selectionmode.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png b/gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png
deleted file mode 100644
index bf99cd8336..0000000000
--- a/gtk/theme/Adwaita/assets/checkbox-selectionmode@2.png
+++ /dev/null
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 7e94ede784..3b74d9c640 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1078,21 +1078,21 @@ switch:backdrop:disabled slider { border-color: #202425; background-image: image
 switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #566164; }
 
 /************************* Check and Radio items * */
-.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
 checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
 
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 51d4ff4cb3..fbc8f32da5 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1096,21 +1096,21 @@ row:selected switch slider:dir(ltr) { border-right-color: #b6b6b3; }
 row:selected switch slider:checked, row:selected switch slider { border-color: #184472; }
 
 /************************* Check and Radio items * */
-.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
-.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 12px; min-width: 32px; min-height: 32px; background-color: rgba(28, 31, 32, 0.7); border-radius: 5px; background-image: none; transition: none; box-shadow: none; }
 
 checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }