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;
}
}