diff --git a/scripts/render-assets.sh b/scripts/render-assets.sh new file mode 100755 index 0000000..4b2f513 --- /dev/null +++ b/scripts/render-assets.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="../src/assets/all-assets.svg" +ASSETS_DIR="../src/assets" +INDEX="../src/assets/all-assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/src/assets/all-assets.svg b/src/assets/all-assets.svg index 9810f3b..6b2b9d7 100644 --- a/src/assets/all-assets.svg +++ b/src/assets/all-assets.svg @@ -1981,16 +1981,16 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.82442525" - inkscape:cx="8.5411068" - inkscape:cy="116.23605" + inkscape:zoom="6.595402" + inkscape:cx="23.649497" + inkscape:cy="148.54955" inkscape:document-units="px" - inkscape:current-layer="layer2" + inkscape:current-layer="layer1" showgrid="true" - inkscape:window-width="1280" - inkscape:window-height="969" - inkscape:window-x="2560" - inkscape:window-y="29" + inkscape:window-width="1440" + inkscape:window-height="852" + inkscape:window-x="0" + inkscape:window-y="0" inkscape:window-maximized="1" showguides="true" inkscape:guide-bbox="true" @@ -2061,7 +2061,7 @@ image/svg+xml - + @@ -2104,8 +2104,9 @@ id="g4227" transform="matrix(1.25,0,0,-1.25,0,463.79076)" /> + id="checkbox-unchecked" + transform="matrix(0.8,0,0,0.8,6,59.329592)" + inkscape:label="#g5656"> @@ -2191,8 +2192,9 @@ id="g4295" transform="matrix(1.25,0,0,-1.25,0,463.79076)" /> + id="checkbox-mixed" + transform="matrix(0.8,0,0,0.8,4,59.329597)" + inkscape:label="#g5670"> @@ -2274,8 +2276,9 @@ id="g4361" transform="matrix(1.25,0,0,-1.25,0,463.79076)" /> + id="checkbox-checked" + transform="matrix(0.8,0,0,0.8,2,59.329592)" + inkscape:label="#g5683"> @@ -2328,8 +2331,9 @@ + id="checkbox-unchecked-insensitive" + transform="matrix(0.8,0,0,0.8,6,59.329592)" + inkscape:label="#g5630"> @@ -2349,8 +2353,9 @@ + id="checkbox-mixed-insensitive" + transform="matrix(0.8,0,0,0.8,4,59.329597)" + inkscape:label="#g5636"> @@ -2387,8 +2392,9 @@ + id="checkbox-checked-insensitive" + transform="matrix(0.8,0,0,0.8,2,59.329592)" + inkscape:label="#g5646"> @@ -2457,8 +2463,9 @@ id="g4698" transform="matrix(1.25,0,0,-1.25,230.00003,926.64794)" /> + id="grid-selection-unchecked" + transform="matrix(0.8,0,0,0.8,-178.00002,-422.95615)" + inkscape:label="#g5902"> @@ -2544,8 +2551,9 @@ id="g4766" transform="matrix(1.25,0,0,-1.25,230.00003,926.64794)" /> + id="grid-selection-checked" + transform="matrix(0.8,0,0,0.8,-184.00002,-422.95615)" + inkscape:label="#g5916"> @@ -2630,8 +2638,9 @@ id="g4950" transform="matrix(1.25,0,0,-1.25,0,583.79078)" /> + id="checkbox-unchecked-dark" + transform="matrix(0.8,0,0,0.8,6,23.329581)" + inkscape:label="#g5603"> @@ -2717,8 +2726,9 @@ id="g5018" transform="matrix(1.25,0,0,-1.25,0,583.79078)" /> + id="checkbox-mixed-dark" + transform="matrix(0.8,0,0,0.8,4,23.329581)" + inkscape:label="#g5617"> @@ -2770,45 +2780,12 @@ - - - - - - - - - - - - @@ -2833,25 +2810,64 @@ id="g5084" transform="matrix(1.25,0,0,-1.25,0,583.79078)" /> + id="checkbox-checked-dark" + inkscape:label="#g5096"> + transform="matrix(1,0,0,-1,2,490.3622)" + id="g5036"> - + clip-path="url(#clipPath5040)" + id="g5038"> + + + + + + + + + + + + + + + + id="checkbox-unchecked-insensitive-dark" + transform="matrix(0.8,0,0,0.8,6,23.329581)" + inkscape:label="#g5696"> @@ -2871,8 +2887,9 @@ + id="checkbox-mixed-insensitive-dark" + transform="matrix(0.8,0,0,0.8,4,23.329581)" + inkscape:label="#g5702"> @@ -2909,8 +2926,9 @@ + id="checkbox-checked-insensitive-dark" + transform="matrix(0.8,0,0,0.8,2,23.329581)" + inkscape:label="#g5712"> @@ -2979,8 +2997,9 @@ id="g5421" transform="matrix(1.25,0,0,-1.25,230,1052.3622)" /> + id="grid-selection-unchecked-dark" + transform="matrix(0.8,0,0,0.8,-178,-463.52756)" + inkscape:label="#g5929"> @@ -3066,8 +3085,9 @@ id="g5489" transform="matrix(1.25,0,0,-1.25,230,1052.3622)" /> + id="grid-selection-checked-dark" + transform="translate(-252.5,-667.5)" + inkscape:label="#g6494"> @@ -3123,8 +3143,9 @@ id="g5611" transform="matrix(1.25,0,0,-1.25,0,794.14796)" /> + id="menuitem-checkbox-mixed" + transform="matrix(0.8,0,0,0.8,6,-18.956163)" + inkscape:label="#g5772"> @@ -3161,8 +3182,9 @@ + id="menuitem-checkbox-mixed-insensitive" + transform="matrix(0.8,0,0,0.8,4,-18.956163)" + inkscape:label="#g5762"> @@ -3202,8 +3224,9 @@ + id="menuitem-checkbox-mixed-hover" + transform="matrix(0.8,0,0,0.8,3,-18.956163)" + inkscape:label="#g5752"> @@ -3243,8 +3266,9 @@ + id="menuitem-checkbox-checked" + transform="matrix(0.8,0,0,0.8,6,-18.956163)" + inkscape:label="#g5722"> @@ -3284,8 +3308,9 @@ + id="menuitem-checkbox-checked-insensitive" + transform="matrix(0.8,0,0,0.8,4,-18.956163)" + inkscape:label="#g5732"> @@ -3325,8 +3350,9 @@ + id="menuitem-checkbox-checked-hover" + transform="matrix(0.8,0,0,0.8,3,-18.956163)" + inkscape:label="#g5742"> @@ -3366,8 +3392,9 @@ + id="menuitem-radio-checked" + transform="matrix(0.8,0,0,0.8,5.8463904,-18.970443)" + inkscape:label="#g6472"> + id="menuitem-radio-checked-insensitive" + transform="matrix(0.8,0,0,0.8,2.3340224,-17.961035)" + inkscape:label="#g6479"> - + id="menuitem-radio-checked-hover" + inkscape:label="#g5121"> + + id="g5849" + transform="matrix(1.25,0,0,-1.25,0.68795,793.33217)" + style="fill:#ffffff;fill-opacity:1"> - + id="g5851" + clip-path="url(#clipPath5853)" + style="fill:#ffffff;fill-opacity:1"> + + + @@ -3465,8 +3497,9 @@ + id="radio-unchecked" + transform="matrix(0.8,0,0,0.8,6,-64.098995)" + inkscape:label="#g5782"> + id="radio-mixed" + transform="matrix(0.8,0,0,0.8,4,-64.098995)" + inkscape:label="#g5794"> + id="radio-checked" + transform="matrix(0.8,0,0,0.8,2,-64.098995)" + inkscape:label="#g5804"> + id="radio-unchecked-insensitive" + transform="matrix(0.8,0,0,0.8,6,-64.098995)" + inkscape:label="#g5814"> + id="radio-mixed-insensitive" + transform="matrix(0.8,0,0,0.8,4,-64.098995)" + inkscape:label="#g5820"> + id="radio-checked-insensitive" + transform="matrix(0.8,0,0,0.8,2,-64.098995)" + inkscape:label="#g5828"> + id="radio-unchecked-dark" + transform="matrix(0.8,0,0,0.8,6,-111.52756)" + inkscape:label="#g5836"> @@ -3831,8 +3870,9 @@ id="g6623" transform="matrix(1.25,0,0,-1.25,0,1052.3622)" /> + id="radio-mixed-dark" + transform="matrix(0.8,0,0,0.8,4,-111.52756)" + inkscape:label="#g5850"> @@ -3914,8 +3954,9 @@ id="g6689" transform="matrix(1.25,0,0,-1.25,0,1052.3622)" /> + id="radio-checked-dark" + transform="matrix(0.8,0,0,0.8,2,-111.52756)" + inkscape:label="#g5863"> @@ -3968,8 +4009,9 @@ + id="radio-unchecked-insensitive-dark" + transform="matrix(0.8,0,0,0.8,6,-111.52756)" + inkscape:label="#g5876"> @@ -3989,8 +4031,9 @@ + id="radio-mixed-insensitive-dark" + transform="matrix(0.8,0,0,0.8,4,-111.52756)" + inkscape:label="#g5882"> @@ -4027,8 +4070,9 @@ + id="radio-checked-insensitive-dark" + transform="matrix(0.8,0,0,0.8,2,-111.52756)" + inkscape:label="#g5892"> @@ -4065,9 +4109,10 @@ + style="color:#000000" + inkscape:label="#g5066-3"> assets/checkbox-checked-dark.png + assets/checkbox-checked-dark@2.png assets/checkbox-checked-insensitive-dark.png + assets/checkbox-checked-insensitive-dark@2.png assets/checkbox-checked-insensitive.png + assets/checkbox-checked-insensitive@2.png assets/checkbox-checked.png + assets/checkbox-checked@2.png assets/checkbox-mixed-dark.png + assets/checkbox-mixed-dark@2.png assets/checkbox-mixed-insensitive-dark.png + assets/checkbox-mixed-insensitive-dark@2.png assets/checkbox-mixed-insensitive.png + assets/checkbox-mixed-insensitive@2.png assets/checkbox-mixed.png + assets/checkbox-mixed@2.png assets/checkbox-unchecked-dark.png + assets/checkbox-unchecked-dark@2.png assets/checkbox-unchecked-insensitive-dark.png + assets/checkbox-unchecked-insensitive-dark@2.png assets/checkbox-unchecked-insensitive.png + assets/checkbox-unchecked-insensitive@2.png assets/checkbox-unchecked.png + assets/checkbox-unchecked@2.png assets/grid-selection-checked-dark.png + assets/grid-selection-checked-dark@2.png assets/grid-selection-checked.png + assets/grid-selection-checked@2.png assets/grid-selection-unchecked-dark.png + assets/grid-selection-unchecked-dark@2.png assets/grid-selection-unchecked.png + assets/grid-selection-unchecked@2.png assets/menuitem-checkbox-checked-hover.png + assets/menuitem-checkbox-checked-hover@2.png assets/menuitem-checkbox-checked-insensitive.png + assets/menuitem-checkbox-checked-insensitive@2.png assets/menuitem-checkbox-checked.png + assets/menuitem-checkbox-checked@2.png assets/menuitem-checkbox-mixed-hover.png + assets/menuitem-checkbox-mixed-hover@2.png assets/menuitem-checkbox-mixed-insensitive.png + assets/menuitem-checkbox-mixed-insensitive@2.png assets/menuitem-checkbox-mixed.png + assets/menuitem-checkbox-mixed@2.png assets/menuitem-radio-checked-hover.png + assets/menuitem-radio-checked-hover@2.png assets/menuitem-radio-checked-insensitive.png + assets/menuitem-radio-checked-insensitive@2.png assets/menuitem-radio-checked.png + assets/menuitem-radio-checked@2.png assets/pane-handle.png + assets/pane-handle@2.png assets/radio-checked-dark.png + assets/radio-checked-dark@2.png assets/radio-checked-insensitive-dark.png + assets/radio-checked-insensitive-dark@2.png assets/radio-checked-insensitive.png + assets/radio-checked-insensitive@2.png assets/radio-checked.png + assets/radio-checked@2.png assets/radio-mixed-dark.png + assets/radio-mixed-dark@2.png assets/radio-mixed-insensitive-dark.png + assets/radio-mixed-insensitive-dark@2.png assets/radio-mixed-insensitive.png + assets/radio-mixed-insensitive@2.png assets/radio-mixed.png + assets/radio-mixed@2.png assets/radio-unchecked-dark.png + assets/radio-unchecked-dark@2.png assets/radio-unchecked-insensitive-dark.png + assets/radio-unchecked-insensitive-dark@2.png assets/radio-unchecked-insensitive.png + assets/radio-unchecked-insensitive@2.png assets/radio-unchecked.png + assets/radio-unchecked@2.png dist/gtk.css dist/gtk-dark.css diff --git a/src/gtk-3.0/scss/apps/_mate-applications.scss b/src/gtk-3.0/scss/apps/_mate-applications.scss index b070204..a7a3e1f 100644 --- a/src/gtk-3.0/scss/apps/_mate-applications.scss +++ b/src/gtk-3.0/scss/apps/_mate-applications.scss @@ -21,7 +21,8 @@ PanelSeparator, MatePanelAppletFrameDBus { border-width: 0; color: transparent; - background-image: -gtk-scaled(url("../assets/pane-handle.png")); + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); background-color: transparent; background-repeat: no-repeat; background-position: left; diff --git a/src/gtk-3.0/scss/widgets/_toggle.scss b/src/gtk-3.0/scss/widgets/_toggle.scss index fd72ba7..f46e972 100644 --- a/src/gtk-3.0/scss/widgets/_toggle.scss +++ b/src/gtk-3.0/scss/widgets/_toggle.scss @@ -7,41 +7,54 @@ $suffix: if($variant == "dark", "-dark", ""); @mixin toggle($type) { background-image: none; - -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-unchecked#{$suffix}.png"), + url("../assets/#{$type}-unchecked#{$suffix}@2.png")); - &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.png"); } + &:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-unchecked-insensitive#{$suffix}.png"), + url("../assets/#{$type}-unchecked-insensitive#{$suffix}@2.png")); } &:checked, &:active { - -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-checked#{$suffix}.png"), + url("../assets/#{$type}-checked#{$suffix}@2.png")); - &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.png"); } + &:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-checked-insensitive#{$suffix}.png"), + url("../assets/#{$type}-checked-insensitive#{$suffix}@2.png")); } } &:inconsistent { - -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-mixed#{$suffix}.png"), + url("../assets/#{$type}-mixed#{$suffix}@2.png")); - &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.png"); } + &:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-mixed-insensitive#{$suffix}.png"), + url("../assets/#{$type}-mixed-insensitive#{$suffix}@2.png")); } } &.menuitem { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked-insensitive.png"), + url("../assets/menuitem-#{$type}-checked-insensitive@2.png")); &:insensitive { -gtk-icon-source: none; } &:checked, &:active { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked.png"), + url("../assets/menuitem-#{$type}-checked@2.png")); - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.png"); } + &:hover { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked-hover.png"), + url("../assets/menuitem-#{$type}-checked-hover@2.png")); } - &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.png"); } + &:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked-insensitive.png"), + url("../assets/menuitem-#{$type}-checked-insensitive@2.png")); } } &:inconsistent { - -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-mixed.png"), + url("../assets/menuitem-#{$type}-mixed@2.png")); - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.png"); } + &:hover { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-mixed-hover.png"), + url("../assets/menuitem-#{$type}-mixed-hover@2.png")); } - &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.png"); } + &:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-mixed-insensitive.png"), + url("../assets/menuitem-#{$type}-mixed-insensitive@2.png")); } } } } @@ -67,7 +80,8 @@ $suffix: if($variant == "dark", "-dark", ""); (':backdrop:checked', '-checked') { .view.content-view.check#{$s}:not(list) { icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/grid-selection#{$as}#{$suffix}.png"), + url("../assets/grid-selection#{$as}#{$suffix}@2.png")); background-color: transparent; } } diff --git a/src/gtk-3.20/gtk.gresource.xml b/src/gtk-3.20/gtk.gresource.xml index ed98bcc..641f7ac 100644 --- a/src/gtk-3.20/gtk.gresource.xml +++ b/src/gtk-3.20/gtk.gresource.xml @@ -2,43 +2,81 @@ assets/checkbox-checked-dark.png + assets/checkbox-checked-dark@2.png assets/checkbox-checked-insensitive-dark.png + assets/checkbox-checked-insensitive-dark@2.png assets/checkbox-checked-insensitive.png + assets/checkbox-checked-insensitive@2.png assets/checkbox-checked.png + assets/checkbox-checked@2.png assets/checkbox-mixed-dark.png + assets/checkbox-mixed-dark@2.png assets/checkbox-mixed-insensitive-dark.png + assets/checkbox-mixed-insensitive-dark@2.png assets/checkbox-mixed-insensitive.png + assets/checkbox-mixed-insensitive@2.png assets/checkbox-mixed.png + assets/checkbox-mixed@2.png assets/checkbox-unchecked-dark.png + assets/checkbox-unchecked-dark@2.png assets/checkbox-unchecked-insensitive-dark.png + assets/checkbox-unchecked-insensitive-dark@2.png assets/checkbox-unchecked-insensitive.png + assets/checkbox-unchecked-insensitive@2.png assets/checkbox-unchecked.png + assets/checkbox-unchecked@2.png assets/grid-selection-checked-dark.png + assets/grid-selection-checked-dark@2.png assets/grid-selection-checked.png + assets/grid-selection-checked@2.png assets/grid-selection-unchecked-dark.png + assets/grid-selection-unchecked-dark@2.png assets/grid-selection-unchecked.png + assets/grid-selection-unchecked@2.png assets/menuitem-checkbox-checked-hover.png + assets/menuitem-checkbox-checked-hover@2.png assets/menuitem-checkbox-checked-insensitive.png + assets/menuitem-checkbox-checked-insensitive@2.png assets/menuitem-checkbox-checked.png + assets/menuitem-checkbox-checked@2.png assets/menuitem-checkbox-mixed-hover.png + assets/menuitem-checkbox-mixed-hover@2.png assets/menuitem-checkbox-mixed-insensitive.png + assets/menuitem-checkbox-mixed-insensitive@2.png assets/menuitem-checkbox-mixed.png + assets/menuitem-checkbox-mixed@2.png assets/menuitem-radio-checked-hover.png + assets/menuitem-radio-checked-hover@2.png assets/menuitem-radio-checked-insensitive.png + assets/menuitem-radio-checked-insensitive@2.png assets/menuitem-radio-checked.png + assets/menuitem-radio-checked@2.png assets/pane-handle.png + assets/pane-handle@2.png assets/radio-checked-dark.png + assets/radio-checked-dark@2.png assets/radio-checked-insensitive-dark.png + assets/radio-checked-insensitive-dark@2.png assets/radio-checked-insensitive.png + assets/radio-checked-insensitive@2.png assets/radio-checked.png + assets/radio-checked@2.png assets/radio-mixed-dark.png + assets/radio-mixed-dark@2.png assets/radio-mixed-insensitive-dark.png + assets/radio-mixed-insensitive-dark@2.png assets/radio-mixed-insensitive.png + assets/radio-mixed-insensitive@2.png assets/radio-mixed.png + assets/radio-mixed@2.png assets/radio-unchecked-dark.png + assets/radio-unchecked-dark@2.png assets/radio-unchecked-insensitive-dark.png + assets/radio-unchecked-insensitive-dark@2.png assets/radio-unchecked-insensitive.png + assets/radio-unchecked-insensitive@2.png assets/radio-unchecked.png + assets/radio-unchecked@2.png dist/gtk.css dist/gtk-dark.css diff --git a/src/gtk-3.20/scss/apps/_mate-applications.scss b/src/gtk-3.20/scss/apps/_mate-applications.scss index 3970858..87e76a0 100644 --- a/src/gtk-3.20/scss/apps/_mate-applications.scss +++ b/src/gtk-3.20/scss/apps/_mate-applications.scss @@ -21,7 +21,8 @@ PanelSeparator, MatePanelAppletFrameDBus { border-width: 0; color: transparent; - background-image: -gtk-scaled(url("../assets/pane-handle.png")); + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); background-color: transparent; background-repeat: no-repeat; background-position: left; diff --git a/src/gtk-3.20/scss/widgets/_toggle.scss b/src/gtk-3.20/scss/widgets/_toggle.scss index bde09d3..e779904 100644 --- a/src/gtk-3.20/scss/widgets/_toggle.scss +++ b/src/gtk-3.20/scss/widgets/_toggle.scss @@ -7,41 +7,54 @@ $suffix: if($variant == "dark", "-dark", ""); @mixin toggle($type) { background-image: none; - -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-unchecked#{$suffix}.png"), + url("../assets/#{$type}-unchecked#{$suffix}@2.png")); - &:disabled { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.png"); } + &:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-unchecked-insensitive#{$suffix}.png"), + url("../assets/#{$type}-unchecked-insensitive#{$suffix}@2.png")); } &:checked, &:active { - -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-checked#{$suffix}.png"), + url("../assets/#{$type}-checked#{$suffix}@2.png")); - &:disabled { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.png"); } + &:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-checked-insensitive#{$suffix}.png"), + url("../assets/#{$type}-checked-insensitive#{$suffix}@2.png")); } } &:indeterminate { - -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-mixed#{$suffix}.png"), + url("../assets/#{$type}-mixed#{$suffix}@2.png")); - &:disabled { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.png"); } + &:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/#{$type}-mixed-insensitive#{$suffix}.png"), + url("../assets/#{$type}-mixed-insensitive#{$suffix}@2.png")); } } menuitem &, modelbutton & { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked-insensitive.png"), + url("../assets/menuitem-#{$type}-checked-insensitive@2.png")); &:disabled { -gtk-icon-source: none; } &:checked, &:active { - -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked.png"), + url("../assets/menuitem-#{$type}-checked@2.png")); - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.png"); } + &:hover { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked-hover.png"), + url("../assets/menuitem-#{$type}-checked-hover@2.png")); } - &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.png"); } + &:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-checked-insensitive.png"), + url("../assets/menuitem-#{$type}-checked-insensitive@2.png")); } } &:indeterminate { - -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-mixed.png"), + url("../assets/menuitem-#{$type}-mixed@2.png")); - &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.png"); } + &:hover { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-mixed-hover.png"), + url("../assets/menuitem-#{$type}-mixed-hover@2.png")); } - &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.png"); } + &:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/menuitem-#{$type}-mixed-insensitive.png"), + url("../assets/menuitem-#{$type}-mixed-insensitive@2.png")); } } } } @@ -77,7 +90,8 @@ $suffix: if($variant == "dark", "-dark", ""); (':backdrop:checked', '-checked') { .view.content-view.check#{$s}:not(list) { -gtk-icon-shadow: none; - -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.png"); + -gtk-icon-source: -gtk-scaled(url("../assets/grid-selection#{$as}#{$suffix}.png"), + url("../assets/grid-selection#{$as}#{$suffix}@2.png")); background-color: transparent; } }