alecs/plasma-framework
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix the size and pixel alignment of checkboxes and radiobuttons

Browse Source 
Summary:
The checkboxes and radio buttons in plasmashell were signficantly different from checkboxes and radio buttons in the Breeze QStyle. This patch is needed to make D26271 look nicer.
- Plasmashell checkboxes and radio buttons were much larger.
-- 24x24 for checkboxes and 29x29 for radio buttons (Plasmashell) vs 16x16 (QStyle).
- Pixel alignment was very poor.
-- Checkbox indicator was 14x14, stretched to 24x24.
-- Radio button background was 22x22 or 32x32, adjusted to 29x29.
-- Radio button indicator was 16x16, stretched to 29x29.
- Style was different.
-- Checkbox indicators had sharper corners and less margin around the inner rectangle.
-- Radio buttons had a hardcoded dark gray circular frame and a shadow on the bottom of the inside of the frame.
-- Radio button indicators had less margin around the inner circle.

Test Plan:
{F7891476}

{F7891477}

Reviewers: #plasma, #vdg, ngraham

Reviewed By: #vdg, ngraham

Subscribers: ngraham, davidedmundson, kde-frameworks-devel

Tags: #frameworks

Differential Revision: https://phabricator.kde.org/D26758
This commit is contained in:
Noah Davis 2020-01-18 21:40:36 -05:00
parent 35351ba3f2
commit ad625f68f3
7 changed files with 143 additions and 759 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/declarativeimports/plasmacomponents3/CheckIndicator.qml
View File

@ -26,8 +26,8 @@ PlasmaCore.FrameSvgItem {
property Item control
imagePath: "widgets/button"
prefix: "normal"
implicitWidth: units.gridUnit
implicitHeight: units.gridUnit
implicitWidth: units.iconSizes.small
implicitHeight: implicitWidth
opacity: control.enabled ? 1 : 0.6
PlasmaCore.SvgItem {

4
src/declarativeimports/plasmacomponents3/RadioButton.qml
View File

@ -27,7 +27,9 @@ T.RadioButton {
implicitWidth: Math.max(background ? background.implicitWidth : 0,
contentItem.implicitWidth + leftPadding + rightPadding)
implicitHeight: units.gridUnit * 1.6
implicitHeight: Math.max(background ? background.implicitHeight : 0,
Math.max(contentItem.implicitHeight,
indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding)
baselineOffset: contentItem.y + contentItem.baselineOffset
padding: 1

2
src/declarativeimports/plasmacomponents3/RadioIndicator.qml
View File

@ -31,7 +31,7 @@ PlasmaCore.SvgItem {
opacity: control.enabled ? 1 : 0.6
implicitWidth: implicitHeight
implicitHeight: units.gridUnit
implicitHeight: units.iconSizes.small
PlasmaCore.SvgItem {
id: checkmark

4
src/declarativeimports/plasmastyle/CheckBoxStyle.qml
View File

@ -45,8 +45,8 @@ QtQuickControlStyle.CheckBoxStyle {
indicator: PlasmaCore.FrameSvgItem {
imagePath: "widgets/button"
prefix: "normal"
width: theme.mSize(theme.defaultFont).height + margins.left
height: theme.mSize(theme.defaultFont).height + margins.top
width: units.iconSizes.small
height: width
opacity: control.enabled ? 1 : 0.6
PlasmaCore.SvgItem {

4
src/declarativeimports/plasmastyle/RadioButtonStyle.qml
View File

@ -51,8 +51,8 @@ QtQuickControlStyle.RadioButtonStyle {
elementId: "normal"
opacity: control.enabled ? 1 : 0.6
width: height
height: theme.mSize(theme.defaultFont).height * 1.6
width: units.iconSizes.small
height: width
PlasmaCore.SvgItem {
id: checkmark

612
src/desktoptheme/breeze/widgets/actionbutton.svg
View File

@ -1,556 +1,94 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="128"
height="128"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.48.4 r9939"
version="1.0"
sodipodi:docname="actionbutton.svgz"
inkscape:output_extension="org.inkscape.output.svgz.inkscape"
inkscape:export-filename="arrow-up.png"
inkscape:export-xdpi="11.25"
inkscape:export-ydpi="11.25">
<sodipodi:namedview
id="base"
pagecolor="#9ca3a9"
bordercolor="#666666"
borderopacity="1.0"
gridtolerance="10000"
guidetolerance="10"
objecttolerance="10"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="263.5098"
inkscape:cy="122.9196"
inkscape:document-units="px"
inkscape:current-layer="layer1"
width="128px"
height="128px"
showgrid="true"
inkscape:window-width="1613"
inkscape:window-height="990"
inkscape:window-x="301"
inkscape:window-y="0"
inkscape:snap-nodes="true"
inkscape:snap-global="true"
inkscape:window-maximized="0">
<inkscape:grid
enabled="true"
visible="true"
empspacing="2"
empopacity="0.03921569"
opacity="0.01960784"
empcolor="#0000ff"
color="#0000ff"
spacingy="1px"
spacingx="1px"
originy="0px"
originx="0px"
type="xygrid"
id="GridFromPre046Settings"
snapvisiblegridlinesonly="true" />
</sodipodi:namedview>
<defs
id="defs4">
<linearGradient
id="linearGradient3878">
<stop
style="stop-color:#232629;stop-opacity:0;"
offset="0"
id="stop3880" />
<stop
id="stop3888"
offset="0.79000002"
style="stop-color:#232629;stop-opacity:0;" />
<stop
style="stop-color:#232629;stop-opacity:0.40000001;"
offset="1"
id="stop3882" />
</linearGradient>
<linearGradient
id="linearGradient3798">
<stop
id="stop3800"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
<stop
id="stop3802"
offset="1"
style="stop-color:#000000;stop-opacity:1;" />
</linearGradient>
<linearGradient
id="linearGradient3647">
<stop
id="stop3649"
offset="0"
style="stop-color:#000000;stop-opacity:0.15686275;" />
<stop
style="stop-color:#000000;stop-opacity:0.15686275;"
offset="0.72972971"
id="stop3653" />
<stop
id="stop3651"
offset="1"
style="stop-color:#000000;stop-opacity:1;" />
</linearGradient>
<linearGradient
id="linearGradient4254">
<stop
style="stop-color:#29d7f5;stop-opacity:1;"
offset="0"
id="stop4256" />
<stop
id="stop4272"
offset="0.75999999"
style="stop-color:#29d7f5;stop-opacity:1;" />
<stop
id="stop4270"
offset="0.85537487"
style="stop-color:#38c2e9;stop-opacity:0.45614034;" />
<stop
style="stop-color:#31a7f2;stop-opacity:0.13157895;"
offset="0.93000001"
id="stop3222" />
<stop
style="stop-color:#2a8dfc;stop-opacity:0;"
offset="1"
id="stop4258" />
</linearGradient>
<linearGradient
id="linearGradient3610">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop3612" />
<stop
id="stop3618"
offset="0.80000001"
style="stop-color:#000000;stop-opacity:0.49803922;" />
<stop
style="stop-color:#000000;stop-opacity:0.33333334;"
offset="0.83999997"
id="stop3620" />
<stop
id="stop3622"
offset="0.91000003"
style="stop-color:#000000;stop-opacity:0.0877193;" />
<stop
style="stop-color:#000000;stop-opacity:0;"
offset="1"
id="stop3614" />
</linearGradient>
<linearGradient
id="linearGradient3272">
<stop
style="stop-color:white;stop-opacity:1;"
offset="0"
id="stop3274" />
<stop
style="stop-color:white;stop-opacity:0;"
offset="1"
id="stop3276" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3765"
id="linearGradient3640"
gradientUnits="userSpaceOnUse"
x1="48"
y1="96"
x2="48"
y2="116" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4254"
id="radialGradient4268"
cx="74"
cy="34"
fx="74"
fy="34"
r="14"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0714286,0,0,1.0714286,-10.285692,-25.42856)" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4254"
id="radialGradient4276"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0714286,0,0,1.0714286,-12.285692,6.5714382)"
cx="74"
cy="34"
fx="74"
fy="34"
r="14" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3647"
id="radialGradient3645"
cx="48"
cy="107"
fx="48"
fy="107"
r="12"
gradientTransform="matrix(1,6.8531488e-8,-8.9090919e-8,0.90277782,9.5327284e-6,10.236103)"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3272"
id="linearGradient3642"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.6666667,0,0,0.8,23.999999,-6.8)"
x1="48"
y1="116"
x2="48"
y2="106" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3765"
id="linearGradient3840"
x1="58.999996"
y1="106"
x2="37"
y2="106"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3798"
id="linearGradient3844"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,-0.6666667,0.8,0,-50.799999,88)"
x1="48.999996"
y1="121"
x2="36"
y2="121" />
<linearGradient
osb:paint="solid"
id="linearGradient6476">
<stop
id="stop6478"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
</linearGradient>
<linearGradient
id="linearGradient3765">
<stop
id="stop3767"
offset="0"
style="stop-color:#fafafa;stop-opacity:1;" />
<stop
id="stop3769"
offset="1"
style="stop-color:#e6e6e6;stop-opacity:0.47058824;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3610"
id="radialGradient4614"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-2.1480515e-7,1.203125,-1.25,-2.2317419e-7,150.40707,-44.29169)"
cx="48.316662"
cy="105.99999"
fx="48.316662"
fy="105.99999"
r="12" />
<style
id="current-color-scheme"
type="text/css"> .ColorScheme-Text {
color:#31363b;
}
.ColorScheme-Background{
<svg id="svg2" version="1.1" viewBox="0 0 104 138" xmlns="http://www.w3.org/2000/svg">
<style id="current-color-scheme" type="text/css">.ColorScheme-Background {
color:#eff0f1;
}
.ColorScheme-ViewText {
color:#31363b;
}
.ColorScheme-ViewBackground{
color:#fcfcfc;
}
.ColorScheme-ViewHover {
color:#3daee9;
}
.ColorScheme-ViewFocus{
color:#3daee9;
}
.ColorScheme-ButtonText {
color:#31363b;
}
.ColorScheme-ButtonBackground{
color:#eff0f1;
color:#232629;
}
.ColorScheme-ButtonHover {
color:#3daee9;
color:#93cee9;
}
.ColorScheme-ButtonFocus{
color:#3daee9;
}</style>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3878"
id="radialGradient3886"
cx="-32"
cy="9.6288862"
fx="-32"
fy="9.6288862"
r="8"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.2462438,0,0,1.24625,7.8798027,-1.97)" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3878"
id="radialGradient3070"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.2462438,0,0,1.24625,7.8798027,-1.97)"
cx="-32"
cy="9.6288862"
fx="-32"
fy="9.6288862"
r="8" />
</defs>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1">
<g
id="normal"
inkscape:label="#g3805"
transform="matrix(1.6,0,0,1.6,78.344238,4.0559999)">
<rect
y="-1.91"
x="-42.090149"
height="20"
width="20"
id="rect3803"
style="fill:#000000;fill-opacity:0.00392157;stroke:none" />
<path
class="ColorScheme-ButtonBackground"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
sodipodi:ry="8"
sodipodi:rx="8"
sodipodi:cy="8"
sodipodi:cx="-32"
id="path3031"
style="fill:currentColor;fill-opacity:1;stroke:none"
sodipodi:type="arc"
transform="matrix(1.015625,0,0,1.015625,0.4098513,-0.0349999)" />
<path
style="opacity:0.2;fill:currentColor;fill-opacity:1;stroke:none"
d="m -32.090149,-0.65999994 c -4.822318,0 -8.75,3.92768194 -8.75,8.75000014 0,4.8223178 3.927682,8.7499998 8.75,8.7499998 4.822318,0 8.75,-3.927682 8.75,-8.7499998 0,-4.8223182 -3.927682,-8.75000014 -8.75,-8.75000014 z m 0,0.67307693 c 4.460761,0 8.076923,3.46548801 8.076923,7.74038471 0,4.0077153 -3.183773,7.3019323 -7.25661,7.6983173 -0.02086,0.0023 -0.04219,-0.0022 -0.0631,0 -0.251251,0.02257 -0.499804,0.04206 -0.757212,0.04206 -0.257408,0 -0.505961,-0.0195 -0.757212,-0.04206 -0.02091,-0.0022 -0.04225,0.0023 -0.0631,0 -4.072838,-0.396385 -7.256611,-3.690602 -7.256611,-7.6983173 0,-4.2748967 3.616162,-7.74038471 8.076923,-7.74038471 z"
id="path3033"
inkscape:connector-curvature="0" />
<g id="22-22-pressed">
<path id="rect835-3-6-5" d="m62 46h22v22h-22z" fill="none" opacity=".02"/>
<rect id="rect841-6-0" class="ColorScheme-ButtonFocus" x="62" y="46" width="22" height="22" rx="11" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-0-3" class="ColorScheme-Background" x="63" y="47" width="20" height="20" rx="10" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
id="hover"
transform="matrix(1.0666667,0,0,1.0666667,55.896159,26.904)">
<rect
style="fill:#000000;fill-opacity:0.00392157;stroke:none"
id="rect3803-1"
width="30"
height="30"
x="-42.090149"
y="30.09" />
<path
style="fill:currentColor;fill-opacity:1;stroke:none"
d="m -27.090148,31.964999 c -7.233478,0 -13.125,5.891523 -13.125,13.124999 0,7.233477 5.891522,13.125 13.125,13.125 7.233476,0 13.124999,-5.891523 13.124999,-13.125 0,-7.233476 -5.891523,-13.124999 -13.124999,-13.124999 z m 0,1.009615 c 6.666723,0 12.115384,5.448662 12.115384,12.115385 0,6.666722 -5.448661,12.115384 -12.115384,12.115384 -6.666722,0 -12.115385,-5.448662 -12.115385,-12.115384 0,-6.666723 5.448663,-12.115385 12.115385,-12.115385 z"
id="path3033-2"
inkscape:connector-curvature="0"
class="ColorScheme-ButtonHover"
sodipodi:nodetypes="ssssssssss" />
<g id="22-22-hover">
<path id="rect835-3-6-5-1" d="m62 80h22v22h-22z" fill="none" opacity=".02"/>
<rect id="rect841-6-6" class="ColorScheme-ButtonHover" x="62" y="80" width="22" height="22" rx="11" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5" class="ColorScheme-Background" x="63" y="81" width="20" height="20" rx="10" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
id="focus"
transform="matrix(1.0666667,0,0,1.0666667,55.89616,59.903998)"
inkscape:label="#g3840">
<rect
y="30.09"
x="-42.090149"
height="30"
width="30"
id="rect3842"
style="fill:#000000;fill-opacity:0.00392157;stroke:none" />
<path
transform="matrix(1.5820312,0,0,1.5820312,23.534849,32.433751)"
sodipodi:type="arc"
style="color:#3daee9;fill:none;stroke:currentColor;stroke-width:0.5925926;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="path3844"
sodipodi:cx="-32"
sodipodi:cy="8"
sodipodi:rx="8"
sodipodi:ry="8"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
class="ColorScheme-ButtonHover" />
<path
class="ColorScheme-ButtonHover"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
sodipodi:ry="8"
sodipodi:rx="8"
sodipodi:cy="8"
sodipodi:cx="-32"
id="path3846"
style="opacity:0.4;color:#3daee9;fill:none;stroke:currentColor;stroke-width:1.0666666;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
sodipodi:type="arc"
transform="matrix(1.7578124,0,0,1.7578125,29.159847,31.0275)" />
<g id="22-22-normal">
<path id="rect835-3-6" d="m62 12h22v22h-22z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-5-3-3" class="ColorScheme-Background" x="62" y="12" width="22" height="22" rx="11" fill="currentColor" fill-rule="evenodd"/>
<path id="rect841-6" d="m73 12c-6.094 0-11 4.906-11 11s4.906 11 11 11 11-4.906 11-11-4.906-11-11-11zm0 1c5.54 0 10 4.46 10 10s-4.46 10-10 10-10-4.46-10-10 4.46-10 10-10z" class="ColorScheme-ButtonText" fill="currentColor" fill-rule="evenodd" opacity=".3"/>
</g>
<g
transform="matrix(1.6,0,0,1.6,78.344238,34.056)"
inkscape:label="#g3805"
id="pressed">
<rect
style="fill:#000000;fill-opacity:0.00392157;stroke:none"
id="rect3870"
width="20"
height="20"
x="-42.090149"
y="-1.91" />
<path
sodipodi:type="arc"
style="fill:currentColor;fill-opacity:1;stroke:none"
id="path3872"
sodipodi:cx="-32"
sodipodi:cy="8"
sodipodi:rx="8"
sodipodi:ry="8"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
class="ColorScheme-ButtonFocus"
transform="matrix(1.09375,0,0,1.09375,2.9098513,-0.66)" />
<path
class="ColorScheme-ButtonFocus"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
sodipodi:ry="8"
sodipodi:rx="8"
sodipodi:cy="8"
sodipodi:cx="-32"
id="path3876"
style="color:#3daee9;fill:url(#radialGradient3886);fill-opacity:1;stroke:none"
sodipodi:type="arc"
transform="matrix(1.09375,0,0,1.09375,2.9098513,-0.66)" />
<g id="22-22-focus">
<path id="rect835-3-6-5-1-9" d="m62 114h22v22h-22z" fill="none" opacity=".02"/>
<rect id="rect841-6-2" class="ColorScheme-ButtonFocus" x="62" y="114" width="22" height="22" rx="11" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-5" class="ColorScheme-Background" x="63" y="115" width="20" height="20" rx="10" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
transform="matrix(1.1,0,0,1.1,103.29917,13.101)"
inkscape:label="#g3805"
id="22-22-normal">
<rect
style="fill:#000000;fill-opacity:0.00392157;stroke:none"
id="rect3042"
width="20"
height="20"
x="-42.090149"
y="-1.91" />
<path
sodipodi:type="arc"
style="fill:currentColor;fill-opacity:1;stroke:none"
id="path3044"
sodipodi:cx="-32"
sodipodi:cy="8"
sodipodi:rx="8"
sodipodi:ry="8"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
class="ColorScheme-ButtonBackground"
transform="matrix(1.0227273,0,0,1.0227273,0.63711821,-0.0918182)" />
<path
style="opacity:0.2;fill:currentColor;fill-opacity:1;stroke:none"
d="m -32.090154,-1.0009092 c -5.010201,0 -9.09091,4.0807082 -9.09091,9.0909093 0,5.0102009 4.080709,9.0909089 9.09091,9.0909089 5.010199,0 9.090908,-4.080708 9.090908,-9.0909089 0,-5.0102011 -4.080709,-9.0909093 -9.090908,-9.0909093 z m 0,1.01010101 c 4.462906,0 8.080807,3.39178199 8.080807,7.57575779 0,3.9224774 -3.185304,7.1562374 -7.260101,7.5441914 -0.03125,0.0036 -0.06332,-0.0032 -0.0947,0 -0.241157,0.0203 -0.479215,0.03157 -0.72601,0.03157 -0.246795,0 -0.484853,-0.01127 -0.726011,-0.03157 -0.03138,-0.0032 -0.06344,0.0036 -0.0947,0 -4.074796,-0.387954 -7.260101,-3.621714 -7.260101,-7.5441914 0,-4.1839758 3.617901,-7.57575779 8.080809,-7.57575779 z"
id="path3046"
inkscape:connector-curvature="0" />
<g id="24-24-focus">
<path id="rect835-3-3-9-0" d="m36 112h24v24h-24z" fill="none" opacity=".02"/>
<rect id="rect841-6-2-9" class="ColorScheme-ButtonFocus" x="36.000011" y="112" width="23.999989" height="23.999998" rx="11.999994" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-5-1" class="ColorScheme-Background" x="37.000011" y="113" width="21.999981" height="22" rx="10.99999" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
transform="matrix(0.73333333,0,0,0.73333333,87.866109,46.934)"
id="22-22-hover">
<rect
y="30.09"
x="-42.090149"
height="30"
width="30"
id="rect3050"
style="fill:#000000;fill-opacity:0.00392157;stroke:none" />
<path
class="ColorScheme-ButtonHover"
inkscape:connector-curvature="0"
id="path3052"
d="m -27.090149,31.453637 c -7.515301,0 -13.636363,6.121063 -13.636363,13.636364 0,7.5153 6.121062,13.636363 13.636363,13.636363 7.515301,0 13.636364,-6.121063 13.636364,-13.636363 0,-7.515301 -6.121063,-13.636364 -13.636364,-13.636364 z m 0,1.515151 c 6.524701,0 12.121212,5.596512 12.121212,12.121213 0,6.658621 -5.56303,12.121211 -12.121212,12.121211 -6.524699,0 -12.121212,-5.563032 -12.121212,-12.121212 0,-6.524701 5.496072,-12.121212 12.121212,-12.121212 z"
style="fill:currentColor;fill-opacity:1;stroke:none"
sodipodi:nodetypes="ssssssssss" />
<g id="24-24-hover">
<path id="rect835-3-3-9" d="m36 78h24v24h-24z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-7" class="ColorScheme-ButtonHover" x="36" y="78" width="24" height="24" rx="12" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-0" class="ColorScheme-Background" x="37" y="79" width="22" height="22" rx="11" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
inkscape:label="#g3840"
transform="matrix(0.73333333,0,0,0.73333333,87.866109,79.934)"
id="22-22-focus">
<rect
style="fill:#000000;fill-opacity:0.00392157;stroke:none"
id="rect3056"
width="30"
height="30"
x="-42.090149"
y="30.09" />
<path
style="fill:currentColor"
d="m -27.090148,31.453637 c -7.523817,0 -13.636364,6.112548 -13.636364,13.636363 0,7.523816 6.112547,13.636364 13.636364,13.636364 7.523816,0 13.636363,-6.112548 13.636363,-13.636364 0,-7.523815 -6.112547,-13.636363 -13.636363,-13.636363 z m 0,1.509561 c 6.704789,0 12.126803,5.422015 12.126803,12.126802 0,6.704789 -5.422014,12.126804 -12.126803,12.126804 -6.704788,0 -12.126803,-5.422015 -12.126803,-12.126804 0,-6.704787 5.422015,-12.126802 12.126803,-12.126802 z"
id="path3058"
inkscape:connector-curvature="0"
class="ColorScheme-ButtonHover" />
<path
style="opacity:0.4;fill:currentColor"
d="m -27.090148,30.09 c -8.279441,0 -15.000001,6.720559 -15.000001,14.999999 0,8.279442 6.72056,15.000001 15.000001,15.000001 8.27944,0 14.999999,-6.720559 14.999999,-15.000001 0,-8.27944 -6.720559,-14.999999 -14.999999,-14.999999 z m 0,2.957747 c 6.655583,0 12.042254,5.386669 12.042254,12.042252 0,6.655585 -5.386671,12.042255 -12.042254,12.042255 -6.655585,0 -12.042254,-5.38667 -12.042254,-12.042255 0,-6.655583 5.386669,-12.042252 12.042254,-12.042252 z"
id="path3060"
inkscape:connector-curvature="0"
class="ColorScheme-ButtonHover" />
<g id="24-24-pressed">
<path id="rect835-3-3" d="m36 44h24v24h-24z" fill="none" opacity=".02"/>
<rect id="rect841-6-0-9" class="ColorScheme-ButtonFocus" x="36" y="44" width="24" height="24" rx="12" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-0-3-3" class="ColorScheme-Background" x="37" y="45" width="22" height="22" rx="11" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
id="22-22-pressed"
inkscape:label="#g3805"
transform="matrix(1.1,0,0,1.1,103.29917,43.101)">
<rect
y="-1.91"
x="-42.090149"
height="20"
width="20"
id="rect3064"
style="fill:#000000;fill-opacity:0.00392157;stroke:none" />
<path
class="ColorScheme-ButtonFocus"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
sodipodi:ry="8"
sodipodi:rx="8"
sodipodi:cy="8"
sodipodi:cx="-32"
id="path3066"
style="fill:currentColor;fill-opacity:1;stroke:none"
sodipodi:type="arc"
transform="matrix(1.1363636,0,0,1.1363636,4.2734818,-1.0009091)" />
<path
sodipodi:type="arc"
style="color:#3daee9;fill:url(#radialGradient3070);fill-opacity:1;stroke:none"
id="path3068"
sodipodi:cx="-32"
sodipodi:cy="8"
sodipodi:rx="8"
sodipodi:ry="8"
d="m -24,8 a 8,8 0 1 1 -16,0 8,8 0 1 1 16,0 z"
class="ColorScheme-ButtonFocus"
transform="matrix(1.1363636,0,0,1.1363636,4.2734818,-1.0009091)" />
<g id="24-24-normal">
<path id="rect835-3" d="m36 10h24v24h-24z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-5-3-3-6" class="ColorScheme-Background" x="36" y="10" width="24" height="24" rx="12" fill="currentColor" fill-rule="evenodd"/>
<path id="rect841-6-26" d="m48 10c-6.648 0-12 5.352-12 12s5.352 12 12 12 12-5.352 12-12-5.352-12-12-12zm0 1c6.094 0 11 4.906 11 11s-4.906 11-11 11-11-4.906-11-11 4.906-11 11-11z" class="ColorScheme-ButtonText" fill="currentColor" fill-rule="evenodd" opacity=".3"/>
</g>
<g id="normal">
<path id="rect835" d="m2 2h32v32h-32z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-5-3-3-6-8" class="ColorScheme-Background" x="2" y="2" width="32" height="32" rx="16" fill="currentColor" fill-rule="evenodd"/>
<path id="rect841-6-26-7" d="m18 2c-8.864 0-16 7.136-16 16s7.136 16 16 16 16-7.136 16-16-7.136-16-16-16zm0 1c8.31 0 15 6.69 15 15s-6.69 15-15 15-15-6.69-15-15 6.69-15 15-15z" class="ColorScheme-ButtonText" fill="currentColor" fill-rule="evenodd" opacity=".3"/>
</g>
<g id="pressed">
<path id="rect835-5" d="m2 36h32v32h-32z" fill="none" opacity=".02"/>
<rect id="rect841-6-0-9-0" class="ColorScheme-ButtonFocus" x="2" y="36" width="32" height="32" rx="16" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-0-3-3-2" class="ColorScheme-Background" x="3" y="37" width="30" height="30" rx="15" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="hover">
<path id="rect835-5-2" d="m2 70h32v32h-32z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-7-3" class="ColorScheme-ButtonHover" x="2" y="70" width="32" height="32" rx="16" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-0-7" class="ColorScheme-Background" x="3.0000029" y="71" width="29.999996" height="29.999996" rx="14.999998" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="focus">
<path id="rect835-5-2-7" d="m2 104h32v32h-32z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-7-3-8" class="ColorScheme-ButtonFocus" x="2" y="104" width="32" height="32" rx="16" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-0-7-9" class="ColorScheme-Background" x="2.9999993" y="105" width="30" height="30" rx="15" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="16-16-pressed" transform="translate(24 6)">
<path id="rect835-3-6-5-3" d="m62 46h16v16h-16z" fill="none" opacity=".02"/>
<rect id="rect841-6-0-6" class="ColorScheme-ButtonFocus" x="62" y="46" width="16" height="16" rx="14" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-0-3-1" class="ColorScheme-Background" x="63" y="47" width="14" height="14" rx="14" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="16-16-hover" transform="translate(24 6)">
<path id="rect835-3-6-5-1-93" d="m62 80h16v16h-16z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-9" class="ColorScheme-ButtonHover" x="62" y="80" width="16" height="16" rx="14" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-4" class="ColorScheme-Background" x="63" y="81" width="14" height="14" rx="14" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="16-16-normal" transform="translate(24 6)">
<path id="rect835-3-6-8" d="m62 12h16v16h-16z" fill="none" opacity=".02"/>
<rect id="rect841-6-6-5-3-3-5" class="ColorScheme-Background" x="62" y="11.999999" width="15.999999" height="15.999999" rx="13.999999" fill="currentColor" fill-rule="evenodd"/>
<path id="rect841-6-03" transform="translate(-24,-6)" d="m94 18c-4.432 0-8 3.568-8 8s3.568 8 8 8 8-3.568 8-8-3.568-8-8-8zm0 1c3.878 0 7 3.122 7 7s-3.122 7-7 7-7-3.122-7-7 3.122-7 7-7z" class="ColorScheme-ButtonText" fill="currentColor" fill-rule="evenodd" opacity=".3"/>
</g>
<g id="16-16-focus" transform="translate(24 6)">
<path id="rect835-3-6-5-1-9-0" d="m62 114h16v16h-16z" fill="none" opacity=".02"/>
<rect id="rect841-6-2-3" class="ColorScheme-ButtonFocus" x="62" y="114" width="16" height="16" rx="14" fill="currentColor" fill-rule="evenodd"/>
<rect id="rect841-6-6-5-5-2" class="ColorScheme-Background" x="63" y="115" width="14" height="14" rx="14" fill="currentColor" fill-rule="evenodd"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

242
src/desktoptheme/breeze/widgets/checkmarks.svg
View File

@ -1,207 +1,51 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="34"
height="16"
viewBox="0 0 34 16"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="checkmarks.svgz">
<defs
id="defs4">
<style
type="text/css"
id="current-color-scheme">
.ColorScheme-Text {
color:#31363b;
stop-color:#31363b;
}
.ColorScheme-Background {
<svg id="svg2" version="1.1" viewBox="0 0 94 64" xmlns="http://www.w3.org/2000/svg">
<style id="current-color-scheme" type="text/css">.ColorScheme-Background {
color:#eff0f1;
stop-color:#eff0f1;
}
.ColorScheme-Highlight {
color:#3daee9;
stop-color:#3daee9;
}
.ColorScheme-ViewText {
color:#31363b;
stop-color:#31363b;
}
.ColorScheme-ViewBackground {
color:#fcfcfc;
stop-color:#fcfcfc;
}
.ColorScheme-ViewHover {
color:#93cee9;
stop-color:#93cee9;
}
.ColorScheme-ViewFocus{
color:#3daee9;
stop-color:#3daee9;
}
.ColorScheme-ButtonText {
color:#31363b;
stop-color:#31363b;
}
.ColorScheme-ButtonBackground {
color:#eff0f1;
stop-color:#eff0f1;
}
.ColorScheme-ButtonHover {
color:#93cee9;
stop-color:#93cee9;
}
.ColorScheme-ButtonFocus{
color:#3daee9;
stop-color:#3daee9;
}
</style>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#b0dba0"
bordercolor="#cc0000"
borderopacity="1"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="23.398844"
inkscape:cx="29.464882"
inkscape:cy="5.929471"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:showpageshadow="false"
borderlayer="true"
units="px"
inkscape:window-width="1920"
inkscape:window-height="1029"
inkscape:window-x="0"
inkscape:window-y="-3"
inkscape:window-maximized="1"
showguides="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<inkscape:grid
type="xygrid"
id="grid3336"
empspacing="2"
originx="0"
originy="-131.99998" />
<sodipodi:guide
position="1,15"
orientation="14,0"
id="guide4140" />
<sodipodi:guide
position="1,0.99999967"
orientation="0,14"
id="guide4142" />
<sodipodi:guide
position="15,0.99999967"
orientation="-14,0"
id="guide4144" />
<sodipodi:guide
position="15,15"
orientation="0,-14"
id="guide4146" />
</sodipodi:namedview>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-904.36218)">
<g
id="radiobutton">
<rect
y="904.36218"
x="0"
height="16"
width="16"
id="rect4134"
style="opacity:1;fill:none;fill-opacity:1;stroke:none" />
<circle
r="7"
cy="912.36218"
cx="8"
id="path4152"
style="opacity:1;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-ButtonFocus"
d="m 15,912.36218 c 0,3.866 -3.134007,7 -7,7 -3.8659932,0 -7,-3.134 -7,-7 0,-3.86599 3.1340068,-7 7,-7 3.865993,0 7,3.13401 7,7 z" />
<circle
style="opacity:1;fill:currentColor;fill-opacity:1;stroke:none"
id="circle4156"
cx="8"
cy="912.36218"
r="6"
class="ColorScheme-Background"
d="m 14,912.36218 c 0,3.31371 -2.686292,6 -6,6 -3.3137085,0 -6,-2.68629 -6,-6 0,-3.31371 2.6862915,-6 6,-6 3.313708,0 6,2.68629 6,6 z" />
<circle
r="5"
cy="912.36218"
cx="8"
id="circle4158"
style="opacity:1;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-ButtonFocus"
d="m 13,912.36218 c 0,2.76143 -2.238576,5 -5,5 -2.7614237,0 -5,-2.23857 -5,-5 0,-2.76142 2.2385763,-5 5,-5 2.761424,0 5,2.23858 5,5 z" />
}</style>
<g id="16-16-checkbox" transform="translate(60.000001 -888.36218)">
<path id="rect4148" d="m17.999999 904.36215h16v15.99999h-16z" fill="none"/>
<path id="rect4160" class="ColorScheme-ButtonFocus" transform="translate(-60.000001,888.36218)" d="m80 16c-1.108 0-2 0.892-2 2v12c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-12c0-1.108-0.892-2-2-2h-12zm0 1h12c0.554 0 1 0.446 1 1v12c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-12c0-0.554 0.446-1 1-1z" fill="currentColor"/>
<path id="rect887" class="ColorScheme-ButtonFocus" d="m21 907.36218h10v10h-10z" fill="currentColor" fill-rule="evenodd"/>
</g>
<g
id="checkbox">
<rect
style="fill:none;stroke:none"
id="rect4148"
width="14"
height="13.999998"
x="19"
y="905.36218" />
<rect
ry="0.99997997"
y="905.36218"
x="19"
height="14"
width="14"
id="rect4160"
style="opacity:1;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-ButtonFocus" />
<rect
y="906.36218"
x="20"
height="12"
width="12"
id="rect4162"
style="opacity:1;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-Background" />
<rect
ry="0"
y="907.36218"
x="21"
height="10"
width="10"
id="rect4164"
style="opacity:1;fill:currentColor;fill-opacity:1;stroke:none"
class="ColorScheme-ButtonFocus" />
<g id="22-22-checkbox" transform="translate(41.000001 -891.36218)">
<path id="rect4148-2" d="m14.999999 901.36215h22v21.99998h-22z" fill="none"/>
<path id="rect4160-9" class="ColorScheme-ButtonFocus" transform="translate(-41.000001,891.36218)" d="m58 10c-1.108 0-2 0.892-2 2v18c0 1.108 0.892 2 2 2h18c1.108 0 2-0.892 2-2v-18c0-1.108-0.892-2-2-2h-18zm0 1h18c0.554 0 1 0.446 1 1v18c0 0.554-0.446 1-1 1h-18c-0.554 0-1-0.446-1-1v-18c0-0.554 0.446-1 1-1z" fill="currentColor"/>
<path id="rect887-2" class="ColorScheme-ButtonFocus" d="m17.999999 904.36218h16v16h-16z" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="24-24-checkbox" transform="translate(18.000001 -892.36218)">
<path id="rect4148-2-0" d="m13.999999 900.36216h24v23.99998h-24z" fill="none"/>
<path id="rect4160-9-9" class="ColorScheme-ButtonFocus" transform="translate(-18.000001,892.36218)" d="m34 8c-1.108 0-2 0.892-2 2v20c0 1.108 0.892 2 2 2h20c1.108 0 2-0.892 2-2v-20c0-1.108-0.892-2-2-2h-20zm0 1h20c0.554 0 1 0.446 1 1v20c0 0.554-0.446 1-1 1h-20c-0.554 0-1-0.446-1-1v-20c0-0.554 0.446-1 1-1z" fill="currentColor"/>
<path id="rect887-2-6" class="ColorScheme-ButtonFocus" d="m16.999999 903.36218h18v18h-18z" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="checkbox" transform="matrix(1.3333333 0 0 1.3333333 -18.666665 -1200.4829)">
<path id="rect4148-2-0-6" d="m13.999999 900.36216h24v23.99998h-24z" fill="none"/>
<path id="rect4160-9-9-2" class="ColorScheme-ButtonFocus" transform="matrix(.75000002 0 0 .75000002 13.999999 900.3622)" d="m2 0c-1.108 0-2 0.89200003-2 2v28c0 1.108 0.89200003 2 2 2h28c1.108 0 2-0.892 2-2v-28c0-1.108-0.892-2-2-2h-28zm0 1h28c0.554 0 1 0.446 1 1v28c0 0.554-0.446 1-1 1h-28c-0.554 0-1-0.446-1-1v-28c0-0.554 0.446-1 1-1z" fill="currentColor"/>
<path id="rect887-2-6-1" class="ColorScheme-ButtonFocus" d="m16.249999 902.6122h19.500001v19.5h-19.500001z" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="16-16-radiobutton" transform="translate(60.000001 -856.36215)">
<path id="rect4148-7" d="m17.999999 904.36215h16v15.99999h-16z" fill="none"/>
<path id="rect4160-92" transform="translate(-60.000001,856.36215)" d="m86 48c-4.432 0-8 3.568-8 8s3.568 8 8 8c4.431999 0 8-3.568 8-8s-3.568001-8-8-8zm0 1c3.878 0 7 3.122 7 7s-3.122 7-7 7-7-3.122-7-7 3.122-7 7-7z" class="ColorScheme-ButtonFocus" fill="currentColor"/>
<rect id="rect887-23" class="ColorScheme-ButtonFocus" x="21" y="907.36218" width="10" height="10" rx="200" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="22-22-radiobutton" transform="translate(41.000001 -859.36215)">
<path id="rect4148-2-5" d="m14.999999 901.36215h22v21.99998h-22z" fill="none"/>
<path id="rect4160-9-92" transform="translate(-41.000001,859.36215)" d="m67 42c-6.094001 0-11 4.90602-11 11 0 6.09397 4.905999 11 11 11s11-4.90603 11-11c0-6.09398-4.905999-11-11-11zm0 1c5.54 0 10 4.46 10 10s-4.46 10-10 10-10-4.46-10-10 4.46-10 10-10z" class="ColorScheme-ButtonFocus" fill="currentColor"/>
<rect id="rect887-2-8" class="ColorScheme-ButtonFocus" x="17.999998" y="904.36212" width="16.000002" height="15.999971" rx="8.000001" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="24-24-radiobutton" transform="translate(18.000001 -860.36215)">
<path id="rect4148-2-0-7" d="m13.999999 900.36216h24v23.99998h-24z" fill="none"/>
<path id="rect4160-9-9-3" transform="translate(-18.000001,860.36215)" d="m44 40c-6.648001 0-12 5.35201-12 12s5.351999 12 12 12 12-5.35201 12-12-5.351999-12-12-12zm0 1c6.094 0 11 4.906 11 11s-4.906 11-11 11-11-4.906-11-11 4.906-11 11-11z" class="ColorScheme-ButtonFocus" fill="currentColor"/>
<rect id="rect887-2-6-2" class="ColorScheme-ButtonFocus" x="16.999998" y="903.36212" width="18" height="18.000029" rx="9" fill="currentColor" fill-rule="evenodd"/>
</g>
<g id="radiobutton" transform="matrix(1.3333333 0 0 1.3333333 -18.666665 -1168.4829)">
<path id="rect4148-2-0-6-3" d="m13.999999 900.36216h24v23.99998h-24z" fill="none"/>
<path id="rect4160-9-9-2-1" transform="matrix(.75000002 0 0 .75000002 13.999999 876.3622)" d="m16 32c-8.8639998 0-16 7.136014-16 16-2.3684758e-15 8.864 7.1360002 16 16 16 8.864 0 16-7.136 16-16 0-8.863986-7.136-16-16-16zm0 1c8.31 0 15 6.690014 15 15 0 8.31-6.69 15-15 15-8.3099998 0-15-6.69-15-15 0-8.309986 6.6900002-15 15-15z" class="ColorScheme-ButtonFocus" fill="currentColor"/>
<rect id="rect887-2-6-1-4" class="ColorScheme-ButtonFocus" x="16.25" y="902.61218" width="19.5" height="19.499985" rx="9.75" fill="currentColor" fill-rule="evenodd"/>
</g>
<rect id="rect4160-7" class="ColorScheme-ButtonFocus" x="-54" y="-2.0000584" width="15.999999" height="15.999999" rx="2" ry="2" fill="currentColor"/>
<rect id="rect855-5" class="ColorScheme-Background" x="-53" y="-.99999738" width="14" height="14" rx="1" ry="1" fill="currentColor" fill-rule="evenodd"/>
<path id="rect887-3" class="ColorScheme-ButtonFocus" d="m-50.999999 1h10v10h-10z" fill="currentColor" fill-rule="evenodd"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB