Generate Iceberg GTK theme and icons with oomox

This commit is contained in:
David Todd
2021-01-14 10:44:33 -06:00
parent 5778151273
commit 458abbd4e4
3819 changed files with 59724 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 806 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 713 B

View File

@@ -0,0 +1,82 @@
<?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="16"
height="16"
id="svg2"
version="1.1"
inkscape:version="0.48.2 r9819"
sodipodi:docname="calendar-arrow-left.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="30"
inkscape:cx="1.6333333"
inkscape:cy="8"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:window-width="930"
inkscape:window-height="681"
inkscape:window-x="225"
inkscape:window-y="204"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
id="grid17403"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</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,-1036.3622)">
<path
sodipodi:type="star"
style="fill:#c6c8d1;fill-opacity:1;stroke:#c6c8d1;stroke-width:0.43015847000000001;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="path18028"
sodipodi:sides="3"
sodipodi:cx="84.5"
sodipodi:cy="337.5"
sodipodi:r1="5"
sodipodi:r2="2.5"
sodipodi:arg1="0.52359878"
sodipodi:arg2="1.5707963"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 88.830127,340 80.169873,340 84.5,332.5 z"
transform="matrix(0,1.3621708,0.99186247,0,-325.48222,929.32667)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,82 @@
<?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="16"
height="16"
id="svg2"
version="1.1"
inkscape:version="0.48.2 r9819"
sodipodi:docname="calendar-arrow-right.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="30"
inkscape:cx="1.6333333"
inkscape:cy="8"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:window-width="930"
inkscape:window-height="681"
inkscape:window-x="987"
inkscape:window-y="243"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
id="grid17403"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</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,-1036.3622)">
<path
sodipodi:type="star"
style="fill:#c6c8d1;fill-opacity:1;stroke:#c6c8d1;stroke-width:0.43015847000000001;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="path18028"
sodipodi:sides="3"
sodipodi:cx="84.5"
sodipodi:cy="337.5"
sodipodi:r1="5"
sodipodi:r2="2.5"
sodipodi:arg1="0.52359878"
sodipodi:arg2="1.5707963"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 88.830127,340 80.169873,340 84.5,332.5 z"
transform="matrix(0,1.3621708,-0.99186247,0,342.48324,929.32667)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,98 @@
<?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: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="16"
height="16"
viewBox="0 0 16 16"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="checkbox-off.svg">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient4140">
<stop
style="stop-color:#161821;stop-opacity:1"
offset="0"
id="stop4142" />
<stop
style="stop-color:#c6c8d1;stop-opacity:1"
offset="1"
id="stop4144" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4140"
id="linearGradient4146"
x1="8"
y1="1037.3622"
x2="8"
y2="1045.3622"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="31.678384"
inkscape:cx="5.443714"
inkscape:cy="8.4765013"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
units="px"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-global="false"
inkscape:window-width="1275"
inkscape:window-height="843"
inkscape:window-x="528"
inkscape:window-y="25"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
id="grid3336" />
</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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1036.3622)">
<rect
style="fill:url(#linearGradient4146);fill-rule:evenodd;stroke:#c6c8d1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
id="rect3338"
width="15"
height="15"
x="0.5"
y="1036.8622"
rx="2.823529"
ry="2.823544" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1,104 @@
<?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: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="16"
height="16"
viewBox="0 0 16 16"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="checkbox.svg">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient4140">
<stop
style="stop-color:#161821;stop-opacity:1"
offset="0"
id="stop4142" />
<stop
style="stop-color:#c6c8d1;stop-opacity:1"
offset="1"
id="stop4144" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4140"
id="linearGradient4146"
x1="8"
y1="1037.3622"
x2="8"
y2="1045.3622"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="31.678384"
inkscape:cx="5.443714"
inkscape:cy="8.4765013"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
units="px"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-global="false"
inkscape:window-width="1275"
inkscape:window-height="843"
inkscape:window-x="528"
inkscape:window-y="26"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
id="grid3336" />
</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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1036.3622)">
<rect
style="fill:url(#linearGradient4146);fill-rule:evenodd;stroke:#c6c8d1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
id="rect3338"
width="15"
height="15"
x="0.5"
y="1036.8622"
rx="2.823529"
ry="2.823544" />
<path
style="fill:none;fill-rule:evenodd;stroke:#84a0c6;stroke-width:2.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 3.1680701,1045.2435 3.394596,2.7033 6.3652989,-7.1528"
id="path4148"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@@ -0,0 +1,152 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948) -->
<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: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"
version="1.0"
id="Foreground"
x="0px"
y="0px"
width="32"
height="32"
viewBox="0 0 23.272727 23.272727"
enable-background="new 0 0 16 16"
xml:space="preserve"
sodipodi:version="0.32"
inkscape:version="0.48+devel r10081 custom"
sodipodi:docname="close-window.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"><metadata
id="metadata2399"><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><defs
id="defs2397"><linearGradient
id="linearGradient3173"><stop
style="stop-color:#c6c8d1;stop-opacity:1;"
offset="0"
id="stop3175" /><stop
style="stop-color:#c6c8d1;stop-opacity:1;"
offset="1"
id="stop3177" /></linearGradient><inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 8 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="16 : 8 : 1"
inkscape:persp3d-origin="8 : 5.3333333 : 1"
id="perspective2401" /><filter
color-interpolation-filters="sRGB"
inkscape:collect="always"
id="filter16494-4"
x="-0.20989846"
width="1.4197969"
y="-0.20903821"
height="1.4180764"><feGaussianBlur
inkscape:collect="always"
stdDeviation="1.3282637"
id="feGaussianBlur16496-8" /></filter><radialGradient
inkscape:collect="always"
xlink:href="#linearGradient16498-6"
id="radialGradient16504-1"
cx="7.6582627"
cy="5.8191104"
fx="7.6582627"
fy="5.8191104"
r="8.6928644"
gradientTransform="matrix(1.0474339,0,0,1.0517402,-0.3632615,-0.42032492)"
gradientUnits="userSpaceOnUse" /><linearGradient
inkscape:collect="always"
id="linearGradient16498-6"><stop
style="stop-color:#c6c8d1;stop-opacity:1"
offset="0"
id="stop16500-8" /><stop
style="stop-color:#161821;stop-opacity:1"
offset="1"
id="stop16502-0" /></linearGradient><filter
color-interpolation-filters="sRGB"
inkscape:collect="always"
id="filter16524-9"
x="-0.212979"
width="1.425958"
y="-0.21305652"
height="1.426113"><feGaussianBlur
inkscape:collect="always"
stdDeviation="0.71020915"
id="feGaussianBlur16526-0" /></filter></defs><sodipodi:namedview
inkscape:window-height="1114"
inkscape:window-width="1463"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10.0"
gridtolerance="10.0"
objecttolerance="10.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#000000"
id="base"
showgrid="false"
inkscape:zoom="1"
inkscape:cx="10.720189"
inkscape:cy="13.739577"
inkscape:window-x="0"
inkscape:window-y="26"
inkscape:current-layer="Foreground"
showguides="true"
inkscape:guide-bbox="true"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:window-maximized="0"><inkscape:grid
type="xygrid"
id="grid11246"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" /></sodipodi:namedview>
<g
style="display:inline"
id="g16402-8"
transform="translate(4.7533483,2.8238929)"><g
id="g3175-4"><path
sodipodi:type="inkscape:offset"
inkscape:radius="0"
inkscape:original="M 7.65625 0.125 C 3.2589349 0.125 -0.3125 3.7070002 -0.3125 8.125 C -0.3125 12.543001 3.2589349 16.125 7.65625 16.125 C 12.053566 16.125 15.625 12.543001 15.625 8.125 C 15.625 3.7070002 12.053566 0.125 7.65625 0.125 z "
xlink:href="#path2394-32"
style="opacity:0.52994014;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2.18181825;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter16494-4);enable-background:accumulate"
id="path16480-5"
inkscape:href="#path2394-32"
d="m 7.65625,0.125 c -4.3973151,0 -7.96875,3.5820002 -7.96875,8 0,4.418001 3.5714349,8 7.96875,8 4.397316,0 7.96875,-3.581999 7.96875,-8 0,-4.4179998 -3.571434,-8 -7.96875,-8 z"
transform="translate(0,1.028519)" /><path
clip-rule="evenodd"
d="m -0.30428257,8.1237596 c 0,-4.4179998 3.56522987,-7.9999996 7.96254497,-7.9999996 4.3973156,0 7.9625456,3.5819998 7.9625456,7.9999996 0,4.4180014 -3.56523,8.0000004 -7.9625456,8.0000004 -4.3973151,0 -7.96254497,-3.581999 -7.96254497,-8.0000004 z"
id="path2394-32"
style="color:#000000;fill:url(#radialGradient16504-1);fill-opacity:1;fill-rule:nonzero;stroke:#c6c8d1;stroke-width:1.4545455;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
sodipodi:nodetypes="csssc"
inkscape:connector-curvature="0" /><g
id="g3172-6" /></g><g
transform="matrix(0.72727273,0,0,0.72727273,2.368236,2.1803254)"
style="fill:#ffffff;fill-opacity:1;display:inline"
id="g27275-6-6"
inkscape:label="window-close"><g
style="fill:#ffffff;fill-opacity:1;display:inline"
id="g27277-1-1"
transform="translate(-41,-760)"><path
sodipodi:type="inkscape:offset"
inkscape:radius="0"
inkscape:original="M 44.21875 764.1875 L 44.21875 765.1875 C 44.19684 765.46825 44.289258 765.74287 44.5 765.9375 L 46.78125 768.21875 L 44.5 770.46875 C 44.31181 770.65692 44.218747 770.92221 44.21875 771.1875 L 44.21875 772.1875 L 45.21875 772.1875 C 45.48404 772.1875 45.749336 772.09444 45.9375 771.90625 L 48.21875 769.625 L 50.5 771.90625 C 50.688164 772.0944 50.953449 772.18749 51.21875 772.1875 L 52.21875 772.1875 L 52.21875 771.1875 C 52.218742 770.9222 52.125688 770.65692 51.9375 770.46875 L 49.6875 768.21875 L 51.96875 765.9375 C 52.18441 765.73815 52.21875 765.47397 52.21875 765.1875 L 52.21875 764.1875 L 51.21875 764.1875 C 50.977922 764.1945 50.796875 764.2695 50.53125 764.5 L 48.21875 766.78125 L 45.9375 764.5 C 45.75987 764.31608 45.504951 764.1987 45.25 764.1875 C 45.23954 764.18704 45.22912 764.18738 45.21875 764.1875 L 44.21875 764.1875 z "
xlink:href="#path27279-0-5"
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter16524-9);enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
id="path16506-5"
inkscape:href="#path27279-0-5"
d="m 44.21875,764.1875 0,1 c -0.02191,0.28075 0.07051,0.55537 0.28125,0.75 l 2.28125,2.28125 -2.28125,2.25 c -0.18819,0.18817 -0.281253,0.45346 -0.28125,0.71875 l 0,1 1,0 c 0.26529,0 0.530586,-0.0931 0.71875,-0.28125 L 48.21875,769.625 50.5,771.90625 c 0.188164,0.18815 0.453449,0.28124 0.71875,0.28125 l 1,0 0,-1 c -8e-6,-0.2653 -0.09306,-0.53058 -0.28125,-0.71875 l -2.25,-2.25 2.28125,-2.28125 c 0.21566,-0.19935 0.25,-0.46353 0.25,-0.75 l 0,-1 -1,0 c -0.240828,0.007 -0.421875,0.082 -0.6875,0.3125 l -2.3125,2.28125 L 45.9375,764.5 c -0.17763,-0.18392 -0.432549,-0.3013 -0.6875,-0.3125 -0.01046,-4.6e-4 -0.02088,-1.2e-4 -0.03125,0 l -1,0 z"
transform="translate(0,1.3535534)" /><path
sodipodi:nodetypes="ccsccccccccccccccccccccccc"
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#c6c8d1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
id="path27279-0-5"
inkscape:connector-curvature="0"
d="m 44.226475,764.17222 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 l 2.28125,2.28125 2.3125,-2.28125 c 0.265625,-0.2305 0.446672,-0.3055 0.6875,-0.3125 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 c 0.188188,0.18817 0.281242,0.45345 0.28125,0.71875 l 0,1 -1,0 c -0.265301,-1e-5 -0.530586,-0.0931 -0.71875,-0.28125 l -2.28125,-2.28125 -2.28125,2.28125 c -0.188164,0.18819 -0.45346,0.28125 -0.71875,0.28125 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 -2.28125,-2.28125 c -0.210742,-0.19463 -0.30316,-0.46925 -0.28125,-0.75 l 0,-1 z" /></g></g></g></svg>

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

View File

@@ -0,0 +1,91 @@
<?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: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="16"
height="16"
viewBox="0 0 16 16"
id="svg4140"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="radiobutton-off.svg">
<defs
id="defs4142">
<linearGradient
inkscape:collect="always"
id="linearGradient4692">
<stop
style="stop-color:#161821;stop-opacity:1"
offset="0"
id="stop4694" />
<stop
style="stop-color:#c6c8d1;stop-opacity:1"
offset="1"
id="stop4696" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4692"
id="linearGradient4698"
x1="8"
y1="1037.3622"
x2="8"
y2="1044.3622"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="22.4"
inkscape:cx="10.772517"
inkscape:cy="8.2994035"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
units="px"
inkscape:window-width="1274"
inkscape:window-height="725"
inkscape:window-x="302"
inkscape:window-y="129"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
id="grid4688" />
</sodipodi:namedview>
<metadata
id="metadata4145">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1036.3622)">
<circle
style="fill:url(#linearGradient4698);fill-opacity:1;stroke:#c6c8d1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4690"
cx="8"
cy="1044.3622"
r="7.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,97 @@
<?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: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="16"
height="16"
viewBox="0 0 16 16"
id="svg4140"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="radiobutton.svg">
<defs
id="defs4142">
<linearGradient
inkscape:collect="always"
id="linearGradient4692">
<stop
style="stop-color:#161821;stop-opacity:1"
offset="0"
id="stop4694" />
<stop
style="stop-color:#c6c8d1;stop-opacity:1"
offset="1"
id="stop4696" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4692"
id="linearGradient4698"
x1="8"
y1="1037.3622"
x2="8"
y2="1044.3622"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="22.4"
inkscape:cx="10.772517"
inkscape:cy="8.2994035"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
units="px"
inkscape:window-width="1274"
inkscape:window-height="725"
inkscape:window-x="302"
inkscape:window-y="129"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
id="grid4688" />
</sodipodi:namedview>
<metadata
id="metadata4145">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1036.3622)">
<circle
style="fill:url(#linearGradient4698);fill-opacity:1;stroke:#c6c8d1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4690"
cx="8"
cy="1044.3622"
r="7.5" />
<circle
style="fill:#84a0c6;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4741"
cx="8"
cy="1044.3622"
r="4" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1,951 @@
<?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: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"
version="1.1"
width="64"
height="22"
id="svg3273"
inkscape:version="0.48.2 r9819"
sodipodi:docname="toggle-off-intl.svg">
<sodipodi:namedview
pagecolor="#1e1e1e"
bordercolor="#bc1010"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="740"
id="namedview68"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:showpageshadow="false"
showborder="false"
inkscape:zoom="11.971257"
inkscape:cx="4.2457376"
inkscape:cy="10.414796"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="layer2">
<inkscape:grid
type="xygrid"
id="grid3045"
empspacing="8"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
<sodipodi:guide
orientation="1,0"
position="0,14"
id="guide4279" />
<sodipodi:guide
orientation="0,1"
position="38,22"
id="guide4281" />
<sodipodi:guide
orientation="0,1"
position="35,0"
id="guide4283" />
<sodipodi:guide
orientation="1,0"
position="64,7"
id="guide4285" />
</sodipodi:namedview>
<defs
id="defs3275">
<linearGradient
id="linearGradient3883">
<stop
id="stop3885"
style="stop-color:#161821;stop-opacity:1"
offset="0" />
<stop
id="stop3887"
style="stop-color:#161821;stop-opacity:1"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient4649">
<stop
id="stop4651"
style="stop-color:#000000;stop-opacity:0;"
offset="0" />
<stop
id="stop4653"
style="stop-color:#000000;stop-opacity:0.27450982;"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient3921">
<stop
offset="0"
style="stop-color:#ffffff;stop-opacity:0;"
id="stop3923" />
<stop
offset="1"
style="stop-color:#ffffff;stop-opacity:0.15686275;"
id="stop3925" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient3985">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3987" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3989" />
</linearGradient>
<linearGradient
id="linearGradient3938">
<stop
style="stop-color:#a0a0a0;stop-opacity:1;"
offset="0"
id="stop3940" />
<stop
style="stop-color:#dcdcdc;stop-opacity:1;"
offset="1"
id="stop3942" />
</linearGradient>
<linearGradient
id="linearGradient4095">
<stop
id="stop4097"
style="stop-color:#131313;stop-opacity:1"
offset="0" />
<stop
id="stop4099"
style="stop-color:#131313;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921"
id="linearGradient3152"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.499996,-20.499994)"
x1="40.8125"
y1="19.5"
x2="40.8125"
y2="-0.5" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3128"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
id="linearGradient3990-9">
<stop
id="stop3992-5"
style="stop-color:#ffffff;stop-opacity:1"
offset="0" />
<stop
id="stop3994-0"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
y2="39"
x2="41"
y1="1"
x1="41"
gradientUnits="userSpaceOnUse"
id="linearGradient3077-4"
xlink:href="#linearGradient4095"
inkscape:collect="always"
gradientTransform="matrix(1,0,0,-1,-32,22)" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient4013"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-448,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3988">
<stop
id="stop3990"
offset="0"
style="stop-color:#000000;stop-opacity:1;" />
<stop
style="stop-color:#000000;stop-opacity:0.70588237;"
offset="0.60000002"
id="stop3997" />
<stop
id="stop3993"
offset="1"
style="stop-color:#000000;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient4011"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3976">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3978" />
<stop
id="stop3995"
offset="0.60000002"
style="stop-color:#ffffff;stop-opacity:0.70588237;" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3980" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient4005"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-452,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient4003"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3986"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-456,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
r="0.5"
fy="11"
fx="42.5"
cy="11"
cx="42.5"
gradientTransform="matrix(11,0,0,10,-455,-99)"
gradientUnits="userSpaceOnUse"
id="radialGradient4077"
xlink:href="#linearGradient3976"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3951"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3990-9"
id="linearGradient3953"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="41"
y1="1"
x2="41"
y2="28" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient3955"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-455,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3957"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-456,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient3959"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3961"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-452,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient3963"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3965"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-448,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3971"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3975"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3978"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3983"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient4062"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient4066"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient4071"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3985"
id="linearGradient4074"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,-1,-32,22)"
x1="48"
y1="21"
x2="48"
y2="-4" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5"
id="radialGradient4013-9"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-448,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3988-5">
<stop
id="stop3990-8"
offset="0"
style="stop-color:#000000;stop-opacity:1;" />
<stop
style="stop-color:#000000;stop-opacity:0.70588237;"
offset="0.60000002"
id="stop3997-5" />
<stop
id="stop3993-8"
offset="1"
style="stop-color:#000000;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2"
id="radialGradient4011-7"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3976-2">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3978-8" />
<stop
id="stop3995-9"
offset="0.60000002"
style="stop-color:#ffffff;stop-opacity:0.70588237;" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3980-6" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5"
id="radialGradient4005-9"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-452,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2"
id="radialGradient4003-1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5"
id="radialGradient3986-1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-456,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
r="0.5"
fy="11"
fx="42.5"
cy="11"
cx="42.5"
gradientTransform="matrix(11,0,0,10,-455,-99)"
gradientUnits="userSpaceOnUse"
id="radialGradient4077-8"
xlink:href="#linearGradient3976-2"
inkscape:collect="always" />
<linearGradient
y2="28"
x2="41"
y1="1"
x1="41"
gradientUnits="userSpaceOnUse"
id="linearGradient3077-4-9"
xlink:href="#linearGradient3990-9-4"
inkscape:collect="always"
gradientTransform="translate(-32,0)" />
<linearGradient
id="linearGradient3990-9-4">
<stop
id="stop3992-5-7"
style="stop-color:#ffffff;stop-opacity:1"
offset="0" />
<stop
id="stop3994-0-8"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient3938-4">
<stop
style="stop-color:#a0a0a0;stop-opacity:1;"
offset="0"
id="stop3940-9" />
<stop
style="stop-color:#dcdcdc;stop-opacity:1;"
offset="1"
id="stop3942-9" />
</linearGradient>
<linearGradient
y2="2"
x2="48"
y1="21"
x1="48"
gradientTransform="translate(-32,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient3228"
xlink:href="#linearGradient3938-4"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938-4"
id="linearGradient4265"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5-7"
id="radialGradient4013-9-2"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3988-5-7">
<stop
id="stop3990-8-2"
offset="0"
style="stop-color:#000000;stop-opacity:1;" />
<stop
style="stop-color:#000000;stop-opacity:0.70588237;"
offset="0.60000002"
id="stop3997-5-7" />
<stop
id="stop3993-8-6"
offset="1"
style="stop-color:#000000;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2-0"
id="radialGradient4011-7-2"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-446,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3976-2-0">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3978-8-5" />
<stop
id="stop3995-9-0"
offset="0.60000002"
style="stop-color:#ffffff;stop-opacity:0.70588237;" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3980-6-1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5-7"
id="radialGradient4005-9-8"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2-0"
id="radialGradient4003-1-6"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-450,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5-7"
id="radialGradient3986-1-3"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-455,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
r="0.5"
fy="11"
fx="42.5"
cy="11"
cx="42.5"
gradientTransform="matrix(11,0,0,10,-454,-99)"
gradientUnits="userSpaceOnUse"
id="radialGradient4077-8-1"
xlink:href="#linearGradient3976-2-0"
inkscape:collect="always" />
<linearGradient
y2="28"
x2="41"
y1="1"
x1="41"
gradientUnits="userSpaceOnUse"
id="linearGradient3077-4-9-4"
xlink:href="#linearGradient3990-9-4-5"
inkscape:collect="always"
gradientTransform="translate(-32,-1)" />
<linearGradient
id="linearGradient3990-9-4-5">
<stop
id="stop3992-5-7-1"
style="stop-color:#c6c8d1;stop-opacity:1"
offset="0" />
<stop
id="stop3994-0-8-2"
style="stop-color:#c6c8d1;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
y2="2"
x2="48"
y1="21"
x1="48"
gradientTransform="translate(-32,-1)"
gradientUnits="userSpaceOnUse"
id="linearGradient3228-0"
xlink:href="#linearGradient3938-4-7"
inkscape:collect="always" />
<linearGradient
id="linearGradient3938-4-7">
<stop
style="stop-color:#161821;stop-opacity:1;"
offset="0"
id="stop3940-9-2" />
<stop
style="stop-color:#c6c8d1;stop-opacity:1;"
offset="1"
id="stop3942-9-2" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921-5"
id="linearGradient3152-1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.499996,-20.499994)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
id="linearGradient3921-5">
<stop
offset="0"
style="stop-color:#ffffff;stop-opacity:0;"
id="stop3923-6" />
<stop
offset="1"
style="stop-color:#ffffff;stop-opacity:0.15686275;"
id="stop3925-4" />
</linearGradient>
<filter
inkscape:collect="always"
id="filter4131-3"
x="-0.12"
width="1.24"
y="-0.12"
height="1.24"
color-interpolation-filters="sRGB">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.5"
id="feGaussianBlur4133-2" />
</filter>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921-5"
id="linearGradient4525"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.499996,-20.499994)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938-4-7"
id="linearGradient4529"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,-1)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4649"
id="linearGradient4550"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,1,64.499996,1.500006)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
y2="0.49999401"
x2="40.8125"
y1="18.499994"
x1="40.8125"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
gradientUnits="userSpaceOnUse"
id="linearGradient4443"
xlink:href="#linearGradient3921-5-9"
inkscape:collect="always" />
<linearGradient
id="linearGradient3921-5-9">
<stop
offset="0"
style="stop-color:#ffffff;stop-opacity:0;"
id="stop3923-6-1" />
<stop
offset="1"
style="stop-color:#ffffff;stop-opacity:0.11764706;"
id="stop3925-4-6" />
</linearGradient>
<linearGradient
y2="0.49999401"
x2="40.8125"
y1="18.499994"
x1="40.8125"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
gradientUnits="userSpaceOnUse"
id="linearGradient4615"
xlink:href="#linearGradient3921-5-9"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921-5-9-9"
id="linearGradient4621"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
id="linearGradient3921-5-9-9">
<stop
offset="0"
style="stop-color:#333333;stop-opacity:1;"
id="stop3923-6-1-6" />
<stop
offset="1"
style="stop-color:#555555;stop-opacity:1;"
id="stop3925-4-6-6" />
</linearGradient>
<linearGradient
y2="0.49999401"
x2="40.8125"
y1="18.499994"
x1="40.8125"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
gradientUnits="userSpaceOnUse"
id="linearGradient4641"
xlink:href="#linearGradient3883"
inkscape:collect="always" />
</defs>
<metadata
id="metadata3278">
<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:groupmode="layer"
id="layer2"
inkscape:label="Trough">
<path
sodipodi:type="inkscape:offset"
inkscape:radius="-1.0053965"
inkscape:original="M 5 2 C 3.338 2 2 3.338 2 5 L 2 17 C 2 18.662 3.338 20 5 20 L 59 20 C 60.662 20 62 18.662 62 17 L 62 5 C 62 3.338 60.662 2 59 2 L 5 2 z "
style="color:#000000;fill:url(#linearGradient4641);fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4619"
d="M 5,3 C 3.8775991,3 3,3.8775991 3,5 l 0,12 c 0,1.122401 0.8775991,2 2,2 l 54,0 c 1.122401,0 2,-0.877599 2,-2 L 61,5 C 61,3.8775991 60.122401,3 59,3 L 5,3 z" />
<path
sodipodi:nodetypes="sssssssssccccc"
inkscape:connector-curvature="0"
style="opacity:0.07999998;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 54,0 c 1.662,0 3,-1.338 3,-3 L 62,5 C 62,3.338 60.662,2 59,2 z m 0,3 54,0 0,12 -54,0 z"
id="rect4052" />
<path
sodipodi:nodetypes="ssssssssssssssssss"
inkscape:connector-curvature="0"
style="opacity:0.12000002;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 54,0 c 1.662,0 3,-1.338 3,-3 L 62,5 C 62,3.338 60.662,2 59,2 z m 0,2 54,0 c 0.5825,0 1,0.4175 1,1 l 0,12 c 0,0.5825 -0.4175,1 -1,1 L 5,18 C 4.4175,18 4,17.5825 4,17 L 4,5 C 4,4.4175 4.4175,4 5,4 z"
id="rect4042" />
<path
sodipodi:nodetypes="ssssssssssssssssss"
inkscape:connector-curvature="0"
style="opacity:0.2;color:#000000;fill:#c6c8d1;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 54,0 c 1.662,0 3,-1.338 3,-3 L 62,5 C 62,3.338 60.662,2 59,2 z m 0,1 54,0 c 1.117387,0 2,0.882613 2,2 l 0,12 c 0,1.117387 -0.882613,2 -2,2 L 5,19 C 3.8826128,19 3,18.117387 3,17 L 3,5 C 3,3.882613 3.8826128,3 5,3 z"
id="rect4038" />
<g
id="g4655"
transform="translate(-1,0)"
style="opacity:0.5">
<path
inkscape:connector-curvature="0"
style="opacity:0.5;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter4131-3);enable-background:accumulate"
d="m 48,6.5 c -2.761424,0 -5,2.2385763 -5,5 0,2.761424 2.238576,5 5,5 2.761424,0 5,-2.238576 5,-5 0,-2.7614237 -2.238576,-5 -5,-5 z m 0,2 c 1.656854,0 3,1.3431458 3,3 0,1.656854 -1.343146,3 -3,3 -1.656854,0 -3,-1.343146 -3,-3 0,-1.6568542 1.343146,-3 3,-3 z"
id="path4125" />
<path
id="path4120"
d="m 48,6 c -2.761424,0 -5,2.2385763 -5,5 0,2.761424 2.238576,5 5,5 2.761424,0 5,-2.238576 5,-5 0,-2.7614237 -2.238576,-5 -5,-5 z m 0,2 c 1.656854,0 3,1.3431458 3,3 0,1.656854 -1.343146,3 -3,3 -1.656854,0 -3,-1.343146 -3,-3 0,-1.6568542 1.343146,-3 3,-3 z"
style="color:#000000;fill:#c6c8d1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
inkscape:connector-curvature="0" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="Button"
style="display:inline">
<path
sodipodi:type="inkscape:offset"
inkscape:radius="0.94267464"
inkscape:original="M 5 0 C 2.2642981 0 0 2.2642981 0 5 L 0 17 C 0 19.735702 2.2642982 22 5 22 L 29 22 C 31.735702 22 34 19.735702 34 17 L 34 5 C 34 2.2642982 31.735702 0 29 0 L 5 0 z "
style="opacity:0.05;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4541"
d="m 5,-0.9375 c -3.25586,0 -5.9375,2.68164 -5.9375,5.9375 l 0,12 c 0,3.25586 2.6816401,5.9375 5.9375,5.9375 l 24,0 c 3.25586,0 5.9375,-2.68164 5.9375,-5.9375 l 0,-12 c 0,-3.2558599 -2.68164,-5.9375 -5.9375,-5.9375 l -24,0 z" />
<path
sodipodi:type="inkscape:offset"
inkscape:radius="1.0204744"
inkscape:original="M 5 1.03125 C 2.8258474 1.03125 1.03125 2.8258474 1.03125 5 L 1.03125 17 C 1.03125 19.174153 2.8258474 20.96875 5 20.96875 L 29 20.96875 C 31.174153 20.96875 32.96875 19.174153 32.96875 17 L 32.96875 5 C 32.96875 2.8258474 31.174153 1.03125 29 1.03125 L 5 1.03125 z "
style="opacity:0.1;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4537"
d="M 5,0 C 2.2642981,0 0,2.2642981 0,5 l 0,12 c 0,2.735702 2.2642982,5 5,5 l 24,0 c 2.735702,0 5,-2.264298 5,-5 L 34,5 C 34,2.2642982 31.735702,0 29,0 L 5,0 z" />
<path
sodipodi:type="inkscape:offset"
inkscape:radius="0.95425737"
inkscape:original="M 5 2 C 3.338 2 2 3.338 2 5 L 2 17 C 2 18.662 3.338 20 5 20 L 29 20 C 30.662 20 32 18.662 32 17 L 32 5 C 32 3.338 30.662 2 29 2 L 5 2 z "
style="opacity:0.2;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4531"
d="M 5,1.03125 C 2.8258474,1.03125 1.03125,2.8258474 1.03125,5 l 0,12 c 0,2.174153 1.7945974,3.96875 3.96875,3.96875 l 24,0 c 2.174153,0 3.96875,-1.794597 3.96875,-3.96875 l 0,-12 C 32.96875,2.8258474 31.174153,1.03125 29,1.03125 l -24,0 z" />
<rect
style="color:#000000;fill:url(#linearGradient3228-0);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect3936"
width="30.00001"
height="18.00001"
x="2"
y="2"
rx="3"
ry="3" />
<path
style="opacity:0.6;color:#000000;fill:url(#linearGradient3077-4-9-4);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 24,0 c 1.662,0 3,-1.338 3,-3 L 32,5 C 32,3.338 30.662,2 29,2 z m 0,1 24,0 c 1.12561,0 2,0.8743885 2,2 l 0,12 c 0,1.125612 -0.87439,2 -2,2 L 5,19 C 3.874388,19 3,18.125612 3,17 L 3,5 C 3,3.8743885 3.874388,3 5,3 z"
id="rect4059"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ssssssssssssssssss" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 30 KiB

View File

@@ -0,0 +1,951 @@
<?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: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"
version="1.1"
width="64"
height="22"
id="svg3273"
inkscape:version="0.48.2 r9819"
sodipodi:docname="toggle-off-intl.svg">
<sodipodi:namedview
pagecolor="#1e1e1e"
bordercolor="#bc1010"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="740"
id="namedview68"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:showpageshadow="false"
showborder="false"
inkscape:zoom="11.971257"
inkscape:cx="4.2457376"
inkscape:cy="10.414796"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:current-layer="layer2">
<inkscape:grid
type="xygrid"
id="grid3045"
empspacing="8"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
<sodipodi:guide
orientation="1,0"
position="0,14"
id="guide4279" />
<sodipodi:guide
orientation="0,1"
position="38,22"
id="guide4281" />
<sodipodi:guide
orientation="0,1"
position="35,0"
id="guide4283" />
<sodipodi:guide
orientation="1,0"
position="64,7"
id="guide4285" />
</sodipodi:namedview>
<defs
id="defs3275">
<linearGradient
id="linearGradient3883">
<stop
id="stop3885"
style="stop-color:#161821;stop-opacity:1"
offset="0" />
<stop
id="stop3887"
style="stop-color:#161821;stop-opacity:1"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient4649">
<stop
id="stop4651"
style="stop-color:#000000;stop-opacity:0;"
offset="0" />
<stop
id="stop4653"
style="stop-color:#000000;stop-opacity:0.27450982;"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient3921">
<stop
offset="0"
style="stop-color:#ffffff;stop-opacity:0;"
id="stop3923" />
<stop
offset="1"
style="stop-color:#ffffff;stop-opacity:0.15686275;"
id="stop3925" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient3985">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3987" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3989" />
</linearGradient>
<linearGradient
id="linearGradient3938">
<stop
style="stop-color:#a0a0a0;stop-opacity:1;"
offset="0"
id="stop3940" />
<stop
style="stop-color:#dcdcdc;stop-opacity:1;"
offset="1"
id="stop3942" />
</linearGradient>
<linearGradient
id="linearGradient4095">
<stop
id="stop4097"
style="stop-color:#131313;stop-opacity:1"
offset="0" />
<stop
id="stop4099"
style="stop-color:#131313;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921"
id="linearGradient3152"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.499996,-20.499994)"
x1="40.8125"
y1="19.5"
x2="40.8125"
y2="-0.5" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3128"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
id="linearGradient3990-9">
<stop
id="stop3992-5"
style="stop-color:#ffffff;stop-opacity:1"
offset="0" />
<stop
id="stop3994-0"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
y2="39"
x2="41"
y1="1"
x1="41"
gradientUnits="userSpaceOnUse"
id="linearGradient3077-4"
xlink:href="#linearGradient4095"
inkscape:collect="always"
gradientTransform="matrix(1,0,0,-1,-32,22)" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient4013"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-448,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3988">
<stop
id="stop3990"
offset="0"
style="stop-color:#000000;stop-opacity:1;" />
<stop
style="stop-color:#000000;stop-opacity:0.70588237;"
offset="0.60000002"
id="stop3997" />
<stop
id="stop3993"
offset="1"
style="stop-color:#000000;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient4011"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3976">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3978" />
<stop
id="stop3995"
offset="0.60000002"
style="stop-color:#ffffff;stop-opacity:0.70588237;" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3980" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient4005"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-452,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient4003"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3986"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-456,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
r="0.5"
fy="11"
fx="42.5"
cy="11"
cx="42.5"
gradientTransform="matrix(11,0,0,10,-455,-99)"
gradientUnits="userSpaceOnUse"
id="radialGradient4077"
xlink:href="#linearGradient3976"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3951"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3990-9"
id="linearGradient3953"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="41"
y1="1"
x2="41"
y2="28" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient3955"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-455,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3957"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-456,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient3959"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3961"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-452,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976"
id="radialGradient3963"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988"
id="radialGradient3965"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-448,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3971"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3975"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3978"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient3983"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient4062"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient4066"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938"
id="linearGradient4071"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3985"
id="linearGradient4074"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,-1,-32,22)"
x1="48"
y1="21"
x2="48"
y2="-4" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5"
id="radialGradient4013-9"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-448,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3988-5">
<stop
id="stop3990-8"
offset="0"
style="stop-color:#000000;stop-opacity:1;" />
<stop
style="stop-color:#000000;stop-opacity:0.70588237;"
offset="0.60000002"
id="stop3997-5" />
<stop
id="stop3993-8"
offset="1"
style="stop-color:#000000;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2"
id="radialGradient4011-7"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3976-2">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3978-8" />
<stop
id="stop3995-9"
offset="0.60000002"
style="stop-color:#ffffff;stop-opacity:0.70588237;" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3980-6" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5"
id="radialGradient4005-9"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-452,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2"
id="radialGradient4003-1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5"
id="radialGradient3986-1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-456,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
r="0.5"
fy="11"
fx="42.5"
cy="11"
cx="42.5"
gradientTransform="matrix(11,0,0,10,-455,-99)"
gradientUnits="userSpaceOnUse"
id="radialGradient4077-8"
xlink:href="#linearGradient3976-2"
inkscape:collect="always" />
<linearGradient
y2="28"
x2="41"
y1="1"
x1="41"
gradientUnits="userSpaceOnUse"
id="linearGradient3077-4-9"
xlink:href="#linearGradient3990-9-4"
inkscape:collect="always"
gradientTransform="translate(-32,0)" />
<linearGradient
id="linearGradient3990-9-4">
<stop
id="stop3992-5-7"
style="stop-color:#ffffff;stop-opacity:1"
offset="0" />
<stop
id="stop3994-0-8"
style="stop-color:#ffffff;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
id="linearGradient3938-4">
<stop
style="stop-color:#a0a0a0;stop-opacity:1;"
offset="0"
id="stop3940-9" />
<stop
style="stop-color:#dcdcdc;stop-opacity:1;"
offset="1"
id="stop3942-9" />
</linearGradient>
<linearGradient
y2="2"
x2="48"
y1="21"
x1="48"
gradientTransform="translate(-32,0)"
gradientUnits="userSpaceOnUse"
id="linearGradient3228"
xlink:href="#linearGradient3938-4"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938-4"
id="linearGradient4265"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,0)"
x1="48"
y1="21"
x2="48"
y2="2" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5-7"
id="radialGradient4013-9-2"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-447,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3988-5-7">
<stop
id="stop3990-8-2"
offset="0"
style="stop-color:#000000;stop-opacity:1;" />
<stop
style="stop-color:#000000;stop-opacity:0.70588237;"
offset="0.60000002"
id="stop3997-5-7" />
<stop
id="stop3993-8-6"
offset="1"
style="stop-color:#000000;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2-0"
id="radialGradient4011-7-2"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-446,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<linearGradient
id="linearGradient3976-2-0">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3978-8-5" />
<stop
id="stop3995-9-0"
offset="0.60000002"
style="stop-color:#ffffff;stop-opacity:0.70588237;" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop3980-6-1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5-7"
id="radialGradient4005-9-8"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-451,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3976-2-0"
id="radialGradient4003-1-6"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-450,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient3988-5-7"
id="radialGradient3986-1-3"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(11,0,0,10,-455,-99)"
cx="42.5"
cy="11"
fx="42.5"
fy="11"
r="0.5" />
<radialGradient
r="0.5"
fy="11"
fx="42.5"
cy="11"
cx="42.5"
gradientTransform="matrix(11,0,0,10,-454,-99)"
gradientUnits="userSpaceOnUse"
id="radialGradient4077-8-1"
xlink:href="#linearGradient3976-2-0"
inkscape:collect="always" />
<linearGradient
y2="28"
x2="41"
y1="1"
x1="41"
gradientUnits="userSpaceOnUse"
id="linearGradient3077-4-9-4"
xlink:href="#linearGradient3990-9-4-5"
inkscape:collect="always"
gradientTransform="translate(-32,-1)" />
<linearGradient
id="linearGradient3990-9-4-5">
<stop
id="stop3992-5-7-1"
style="stop-color:#c6c8d1;stop-opacity:1"
offset="0" />
<stop
id="stop3994-0-8-2"
style="stop-color:#c6c8d1;stop-opacity:0"
offset="1" />
</linearGradient>
<linearGradient
y2="2"
x2="48"
y1="21"
x1="48"
gradientTransform="translate(-32,-1)"
gradientUnits="userSpaceOnUse"
id="linearGradient3228-0"
xlink:href="#linearGradient3938-4-7"
inkscape:collect="always" />
<linearGradient
id="linearGradient3938-4-7">
<stop
style="stop-color:#161821;stop-opacity:1;"
offset="0"
id="stop3940-9-2" />
<stop
style="stop-color:#c6c8d1;stop-opacity:1;"
offset="1"
id="stop3942-9-2" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921-5"
id="linearGradient3152-1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.499996,-20.499994)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
id="linearGradient3921-5">
<stop
offset="0"
style="stop-color:#ffffff;stop-opacity:0;"
id="stop3923-6" />
<stop
offset="1"
style="stop-color:#ffffff;stop-opacity:0.15686275;"
id="stop3925-4" />
</linearGradient>
<filter
inkscape:collect="always"
id="filter4131-3"
x="-0.12"
width="1.24"
y="-0.12"
height="1.24"
color-interpolation-filters="sRGB">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.5"
id="feGaussianBlur4133-2" />
</filter>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921-5"
id="linearGradient4525"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-64.499996,-20.499994)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3938-4-7"
id="linearGradient4529"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-32,-1)"
x1="48"
y1="21"
x2="48"
y2="2" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4649"
id="linearGradient4550"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,1,64.499996,1.500006)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
y2="0.49999401"
x2="40.8125"
y1="18.499994"
x1="40.8125"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
gradientUnits="userSpaceOnUse"
id="linearGradient4443"
xlink:href="#linearGradient3921-5-9"
inkscape:collect="always" />
<linearGradient
id="linearGradient3921-5-9">
<stop
offset="0"
style="stop-color:#ffffff;stop-opacity:0;"
id="stop3923-6-1" />
<stop
offset="1"
style="stop-color:#ffffff;stop-opacity:0.11764706;"
id="stop3925-4-6" />
</linearGradient>
<linearGradient
y2="0.49999401"
x2="40.8125"
y1="18.499994"
x1="40.8125"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
gradientUnits="userSpaceOnUse"
id="linearGradient4615"
xlink:href="#linearGradient3921-5-9"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3921-5-9-9"
id="linearGradient4621"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
x1="40.8125"
y1="18.499994"
x2="40.8125"
y2="0.49999401" />
<linearGradient
id="linearGradient3921-5-9-9">
<stop
offset="0"
style="stop-color:#333333;stop-opacity:1;"
id="stop3923-6-1-6" />
<stop
offset="1"
style="stop-color:#555555;stop-opacity:1;"
id="stop3925-4-6-6" />
</linearGradient>
<linearGradient
y2="0.49999401"
x2="40.8125"
y1="18.499994"
x1="40.8125"
gradientTransform="matrix(-1,0,0,-1,64.499996,20.499994)"
gradientUnits="userSpaceOnUse"
id="linearGradient4641"
xlink:href="#linearGradient3883"
inkscape:collect="always" />
</defs>
<metadata
id="metadata3278">
<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:groupmode="layer"
id="layer2"
inkscape:label="Trough">
<path
sodipodi:type="inkscape:offset"
inkscape:radius="-1.0053965"
inkscape:original="M 5 2 C 3.338 2 2 3.338 2 5 L 2 17 C 2 18.662 3.338 20 5 20 L 59 20 C 60.662 20 62 18.662 62 17 L 62 5 C 62 3.338 60.662 2 59 2 L 5 2 z "
style="color:#000000;fill:url(#linearGradient4641);fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4619"
d="M 5,3 C 3.8775991,3 3,3.8775991 3,5 l 0,12 c 0,1.122401 0.8775991,2 2,2 l 54,0 c 1.122401,0 2,-0.877599 2,-2 L 61,5 C 61,3.8775991 60.122401,3 59,3 L 5,3 z" />
<path
sodipodi:nodetypes="sssssssssccccc"
inkscape:connector-curvature="0"
style="opacity:0.07999998;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 54,0 c 1.662,0 3,-1.338 3,-3 L 62,5 C 62,3.338 60.662,2 59,2 z m 0,3 54,0 0,12 -54,0 z"
id="rect4052" />
<path
sodipodi:nodetypes="ssssssssssssssssss"
inkscape:connector-curvature="0"
style="opacity:0.12000002;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 54,0 c 1.662,0 3,-1.338 3,-3 L 62,5 C 62,3.338 60.662,2 59,2 z m 0,2 54,0 c 0.5825,0 1,0.4175 1,1 l 0,12 c 0,0.5825 -0.4175,1 -1,1 L 5,18 C 4.4175,18 4,17.5825 4,17 L 4,5 C 4,4.4175 4.4175,4 5,4 z"
id="rect4042" />
<path
sodipodi:nodetypes="ssssssssssssssssss"
inkscape:connector-curvature="0"
style="opacity:0.2;color:#000000;fill:#c6c8d1;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 54,0 c 1.662,0 3,-1.338 3,-3 L 62,5 C 62,3.338 60.662,2 59,2 z m 0,1 54,0 c 1.117387,0 2,0.882613 2,2 l 0,12 c 0,1.117387 -0.882613,2 -2,2 L 5,19 C 3.8826128,19 3,18.117387 3,17 L 3,5 C 3,3.882613 3.8826128,3 5,3 z"
id="rect4038" />
<g
id="g4655"
transform="translate(-1,0)"
style="opacity:0.5">
<path
inkscape:connector-curvature="0"
style="opacity:0.5;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter4131-3);enable-background:accumulate"
d="m 48,6.5 c -2.761424,0 -5,2.2385763 -5,5 0,2.761424 2.238576,5 5,5 2.761424,0 5,-2.238576 5,-5 0,-2.7614237 -2.238576,-5 -5,-5 z m 0,2 c 1.656854,0 3,1.3431458 3,3 0,1.656854 -1.343146,3 -3,3 -1.656854,0 -3,-1.343146 -3,-3 0,-1.6568542 1.343146,-3 3,-3 z"
id="path4125" />
<path
id="path4120"
d="m 48,6 c -2.761424,0 -5,2.2385763 -5,5 0,2.761424 2.238576,5 5,5 2.761424,0 5,-2.238576 5,-5 0,-2.7614237 -2.238576,-5 -5,-5 z m 0,2 c 1.656854,0 3,1.3431458 3,3 0,1.656854 -1.343146,3 -3,3 -1.656854,0 -3,-1.343146 -3,-3 0,-1.6568542 1.343146,-3 3,-3 z"
style="color:#000000;fill:#c6c8d1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
inkscape:connector-curvature="0" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="Button"
style="display:inline">
<path
sodipodi:type="inkscape:offset"
inkscape:radius="0.94267464"
inkscape:original="M 5 0 C 2.2642981 0 0 2.2642981 0 5 L 0 17 C 0 19.735702 2.2642982 22 5 22 L 29 22 C 31.735702 22 34 19.735702 34 17 L 34 5 C 34 2.2642982 31.735702 0 29 0 L 5 0 z "
style="opacity:0.05;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4541"
d="m 5,-0.9375 c -3.25586,0 -5.9375,2.68164 -5.9375,5.9375 l 0,12 c 0,3.25586 2.6816401,5.9375 5.9375,5.9375 l 24,0 c 3.25586,0 5.9375,-2.68164 5.9375,-5.9375 l 0,-12 c 0,-3.2558599 -2.68164,-5.9375 -5.9375,-5.9375 l -24,0 z" />
<path
sodipodi:type="inkscape:offset"
inkscape:radius="1.0204744"
inkscape:original="M 5 1.03125 C 2.8258474 1.03125 1.03125 2.8258474 1.03125 5 L 1.03125 17 C 1.03125 19.174153 2.8258474 20.96875 5 20.96875 L 29 20.96875 C 31.174153 20.96875 32.96875 19.174153 32.96875 17 L 32.96875 5 C 32.96875 2.8258474 31.174153 1.03125 29 1.03125 L 5 1.03125 z "
style="opacity:0.1;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4537"
d="M 5,0 C 2.2642981,0 0,2.2642981 0,5 l 0,12 c 0,2.735702 2.2642982,5 5,5 l 24,0 c 2.735702,0 5,-2.264298 5,-5 L 34,5 C 34,2.2642982 31.735702,0 29,0 L 5,0 z" />
<path
sodipodi:type="inkscape:offset"
inkscape:radius="0.95425737"
inkscape:original="M 5 2 C 3.338 2 2 3.338 2 5 L 2 17 C 2 18.662 3.338 20 5 20 L 29 20 C 30.662 20 32 18.662 32 17 L 32 5 C 32 3.338 30.662 2 29 2 L 5 2 z "
style="opacity:0.2;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path4531"
d="M 5,1.03125 C 2.8258474,1.03125 1.03125,2.8258474 1.03125,5 l 0,12 c 0,2.174153 1.7945974,3.96875 3.96875,3.96875 l 24,0 c 2.174153,0 3.96875,-1.794597 3.96875,-3.96875 l 0,-12 C 32.96875,2.8258474 31.174153,1.03125 29,1.03125 l -24,0 z" />
<rect
style="color:#000000;fill:url(#linearGradient3228-0);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect3936"
width="30.00001"
height="18.00001"
x="2"
y="2"
rx="3"
ry="3" />
<path
style="opacity:0.6;color:#000000;fill:url(#linearGradient3077-4-9-4);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="M 5,2 C 3.338,2 2,3.338 2,5 l 0,12 c 0,1.662 1.338,3 3,3 l 24,0 c 1.662,0 3,-1.338 3,-3 L 32,5 C 32,3.338 30.662,2 29,2 z m 0,1 24,0 c 1.12561,0 2,0.8743885 2,2 l 0,12 c 0,1.125612 -0.87439,2 -2,2 L 5,19 C 3.874388,19 3,18.125612 3,17 L 3,5 C 3,3.8743885 3.874388,3 5,3 z"
id="rect4059"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ssssssssssssssssss" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 30 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 46 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,372 @@
// extend-elements
// to bottom
%bg-grad-to-bottom {
background-gradient-direction: vertical;
background-gradient-start: $dark_bg_grad;
background-gradient-end: $light_bg_grad;
}
// hover to bottom
%hover-bg-grad-to-bottom {
background-gradient-direction: vertical;
background-gradient-start: $dark_hover_bg_grad;
background-gradient-end: $light_hover_bg_grad;
}
// button to top
%button-bg-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_button_bg_grad;
background-gradient-end: $dark_button_bg_grad;
}
// hover button to top
%hover-button-bg-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_hover_button_bg_grad;
background-gradient-end: $dark_hover_button_bg_grad;
}
// to top
%bg-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_bg_grad;
background-gradient-end: $dark_bg_grad;
}
// hover to top
%hover-bg-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_hover_bg_grad;
background-gradient-end: $dark_hover_bg_grad;
}
// selected to bottom
%selected-bg-grad-to-bottom {
background-gradient-direction: vertical;
background-gradient-start: $dark_selected_bg_grad;
background-gradient-end: $light_selected_bg_grad;
}
// selected to top
%selected-bg-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_selected_bg_grad;
background-gradient-end: $dark_selected_bg_grad;
}
// hover selected to bottom
%hover-selected-grad-to-bottom {
background-gradient-direction: vertical;
background-gradient-start: $dark_hover_selected_grad;
background-gradient-end: $light_hover_selected_grad;
}
// hover selected to top
%hover-selected-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_hover_selected_grad;
background-gradient-end: $dark_hover_selected_grad;
}
// to right
%bg-grad-to-right {
background-gradient-direction: horizontal;
background-gradient-start: $dark_bg_grad;
background-gradient-end: $light_bg_grad;
}
// to left
%bg-grad-to-left {
background-gradient-direction: horizontal;
background-gradient-start: $light_bg_grad;
background-gradient-end: $dark_bg_grad;
}
// hover to right
%hover-bg-grad-to-right {
background-gradient-direction: horizontal;
background-gradient-start: $dark_hover_bg_grad;
background-gradient-end: $light_hover_bg_grad;
}
// hover to left
%hover-bg-grad-to-left {
background-gradient-direction: horizontal;
background-gradient-start: $light_hover_bg_grad;
background-gradient-end: $dark_hover_bg_grad;
}
// selected to right
%selected-bg-grad-to-right {
background-gradient-direction: horizontal;
background-gradient-start: $dark_selected_bg_grad;
background-gradient-end: $light_selected_bg_grad;
}
// selected to left
%selected-bg-grad-to-left {
background-gradient-direction: horizontal;
background-gradient-start: $light_selected_bg_grad;
background-gradient-end: $dark_selected_bg_grad;
}
// hover selected to right
%hover-selected-grad-to-right {
background-gradient-direction: horizontal;
background-gradient-start: $dark_hover_selected_grad;
background-gradient-end: $light_hover_selected_grad;
}
// hover selected to left
%hover-selected-grad-to-left {
background-gradient-direction: horizontal;
background-gradient-start: $light_hover_selected_grad;
background-gradient-end: $dark_hover_selected_grad;
}
// tooltip to top
%tooltip-bg-grad-to-top {
background-gradient-direction: vertical;
background-gradient-start: $light_tooltip_bg_grad;
background-gradient-end: $dark_tooltip_bg_grad;
}
// used in selectors
// .osd-window, .info-osd, .workspace-osd
%osd-shared {
@extend %bg-grad-to-bottom;
border: 1px solid $exterior_border;
border-radius: $roundness;
color: $dark_fg_color;
}
// used in selectors
// .slider, .sound-player .slider, .popup-slider-menu-item
%slider-shared {
height: 1.2em;
min-width: 15em;
color: $button_bg_color;
-slider-height: 2px;
-slider-background-color: $scrollbar_bg_color;
-slider-border-color: $interior_border;
-slider-active-background-color: $scrollbar_slider_hover_color;
-slider-active-border-color: $selected_border;
-slider-border-width: 1px;
-slider-border-radius: $roundness;
-slider-handle-radius: 8px;
-slider-handle-border-color: $button_border;
}
// used in selectors
// .separator, .popup-seperator-menu-item
%separator-shared {
-gradient-height: 3px;
-gradient-start: $selected_bg_color;
-gradient-end: $dark_bg_color;
-margin-horizontal: 4px;
height: 1em;
}
// used in selectors
// #menu-search-entry, .run-dialog-entry, #notification StEntry
%dialog-entry {
@extend %tooltip-bg-grad-to-top;
padding: $spacing_plus2;
border-radius: $roundness;
color: $tooltip_fg_color;
border: 1px solid $interior_border;
selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color;
caret-color: $primary_caret_color;
caret-size: 0.1em;
width: 250px;
height: 1.5em;
transition-duration: 150;
}
// used in selectors
// .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box
%desklet-shared {
@extend %bg-grad-to-right;
color: $dark_fg_color;
padding: 8px;
border: 1px solid $exterior_border;
}
// used in selectors
// .calendar-change-month-back, .calendar-change-month-forward
%calendar-shared {
width: 16px;
height: 16px;
border-radius: $roundness;
transition-duration: 150;
}
// used in selectors
// .notification-button, .notification-icon-button, .modal-dialog-button, .sound-player-overlay StButton, .keyboard-key
%shared-button {
@extend %button-bg-grad-to-top;
border: 1px solid $button_border;
border-radius: $roundness;
text-align: center;
color: $button_fg_color;
transition-duration: 150;
}
// used in selectors
// .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button:hover, .sound-player-overlay StButton:hover, .keyboard-key:hover
%shared-button-hover {
@extend %hover-button-bg-grad-to-top;
border: 1px solid $selected_border;
}
// used in selectors
// .notification-button:active, .notification-icon-button:active, .modal-dialog-button:active, .modal-dialog-button:pressed, .sound-player-overlay StButton:active, .keyboard-key:active
%shared-button-active {
@extend %selected-bg-grad-to-bottom;
color: $selected_fg_color;
}
// used in selectors
// .menu .popup-combo-menu
%shared-menu {
@extend %bg-grad-to-right;
padding: 8px;
border: 1px solid $exterior_border;
border-radius: $roundness;
color: $dark_fg_color;
}
// used in selectors
// .menu-application-button-label, .menu-category-button-label
%menu-button-label-shared {
&:ltr {
padding-left: 4px;
}
&:rtl {
padding-right: 4px;
}
}
// used in selectors
// .popup-menu-item, .popup-combobox-item, .menu-favorites-button, .menu-places-button, .menu-category-button, .menu-category-button-greyed, .menu-category-button-selected
%menu-buttons-shared {
//min-height: 22px; //setting a min height accross the board for all menu types (menu entries with an application icon are hardcoded to this min-height) causes display issues in cinnamon :-(
padding: $spacing_plus2;
}
// used in selectors
// .show-processes-dialog-subject, .mount-question-dialog-subject
%shared-dialogs-subject {
font-weight: bold;
color: $dark_fg_color;
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px;
}
// used in selectors
// .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl
%shared-dialogs-subject-rtl {
padding-left: 0;
padding-right: 17px;
}
// used in selectors
// .show-processes-dialog-description, .mount-question-dialog-description
%shared-dialogs-description {
color: $dark_fg_color;
padding-left: 17px;
width: 28em;
}
// used in selectors
// .menu-applications-inner-box StScrollView, .starkmenu-favorites-box .menu-context-menu
%menu-context-shared {
@extend %bg-grad-to-bottom;
padding: 8px;
margin: 8px 0;
border-radius: $roundness;
border: 1px solid $interior_border;
StIcon {
&:ltr {
padding-right: 4px;
}
&:rtl {
padding-left: 4px;
}
}
}
// used in selectors
// .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus
%panel-top-shared {
@extend %selected-bg-grad-to-top;
color: $selected_fg_color;
}
// used in selectors
// .panel-bottom .windows-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus
%panel-bottom-shared {
@extend %selected-bg-grad-to-bottom;
color: $selected_fg_color;
}
// used in selectors
// .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus
%panel-left-shared {
@extend %selected-bg-grad-to-left;
color: $selected_fg_color;
}
// used in selectors
// .panel-right .windows-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus
%panel-right-shared {
@extend %selected-bg-grad-to-right;
color: $selected_fg_color;
}
// used in selectors
// .check-box StBin, .check-box:focus StBin
%check-box-shared {
width: 16px;
height: 16px;
background-image: url(assets/checkbox-off.svg);
}
// used in selectors
// .radiobutton StBin, .radiobutton:focus StBin
%radiobutton-shared {
width: 16px;
height: 16px;
background-image: url(assets/radiobutton-off.svg);
border-radius: $roundness;
}
// used in selectors
// .tile-preview, .tile-hud
%tile-shared {
background-color: $dark_bg_color_trans;
border: 2px solid $exterior_border;
}
// used in selectors
// .tile-preview.snap, .tile-hud.snap
%tile-shared-snap {
background-color: $dark_bg_color_trans;
border: 2px solid $selected_border;
}

View File

@@ -0,0 +1,84 @@
// scss-lint:disable ColorVariable
// main colors used in theme
// 1.0 < 1 will result in most cinnamon surfaces being transparent
$button_bg_color: #6b7089;
$button_fg_color: #c6c8d1;
$selected_bg_color: #84a0c6;
$selected_fg_color: #d2d4de;
$tooltip_bg_color: #c6c8d1;
$tooltip_fg_color: #161821;
$dark_bg_color: fade-out(#161821, 1 - 1.0);
$dark_fg_color: #c6c8d1;
// an always transparent color used for expo & scale views and the lightbox effect when cinnamon is showing an OSD.
$dark_bg_color_trans: fade-out(#161821, 1 - (1.0 / 2));
// used to calculate gradients for gradient values > 0
$lighten_amount: 1 + (0.0 / 2);
$darken_amount: 1 - (0.0 / 2);
// main background surface gradient start and end colors
$light_bg_grad: if($lighten_amount > 1, lighten($dark_bg_color, ($lighten_amount - 1) * lightness($dark_bg_color)), $dark_bg_color);
$dark_bg_grad: if($darken_amount < 1, darken($dark_bg_color, (1 - $darken_amount) * lightness($dark_bg_color)), $dark_bg_color);
// hovered background surface gradient start and end colors - used for window list
$hover_bg_color: lighten($dark_bg_color, .05 * lightness($dark_bg_color));
$light_hover_bg_grad: if($lighten_amount > 1, lighten($hover_bg_color, ($lighten_amount - 1) * lightness($hover_bg_color)), $hover_bg_color);
$dark_hover_bg_grad: if($darken_amount < 1, darken($hover_bg_color, (1 - $darken_amount) * lightness($hover_bg_color)), $hover_bg_color);
// selected background surface gradient start and end colors - used for window list & buttons
$light_selected_bg_grad: if($lighten_amount > 1, lighten($selected_bg_color, ($lighten_amount - 1) * lightness($selected_bg_color)), $selected_bg_color);
$dark_selected_bg_grad: if($darken_amount < 1, darken($selected_bg_color, (1 - $darken_amount) * lightness($selected_bg_color)), $selected_bg_color);
// hovered selected background surface gradient start and end colors - used for window list
$hover_selected_color: lighten($selected_bg_color, .05 * lightness($selected_bg_color));
$light_hover_selected_grad: if($lighten_amount > 1, lighten($hover_selected_color, ($lighten_amount - 1) * lightness($hover_selected_color)), $hover_selected_color);
$dark_hover_selected_grad: if($darken_amount < 1, darken($hover_selected_color, (1 - $darken_amount) * lightness($hover_selected_color)), $hover_selected_color);
// button background surface gradient start and end colors - used for buttons
$light_button_bg_grad: if($lighten_amount > 1, lighten($button_bg_color, ($lighten_amount - 1) * lightness($button_bg_color)), $button_bg_color);
$dark_button_bg_grad: if($darken_amount < 1, darken($button_bg_color, (1 - $darken_amount) * lightness($button_bg_color)), $button_bg_color);
// hovered button background surface gradient start and end colors - used for buttons
$hover_button_bg: lighten($button_bg_color, .05 * lightness($button_bg_color));
$light_hover_button_bg_grad: if($lighten_amount > 1, lighten($hover_button_bg, ($lighten_amount - 1) * lightness($hover_button_bg)), $hover_button_bg);
$dark_hover_button_bg_grad: if($darken_amount < 1, darken($hover_button_bg, (1 - $darken_amount) * lightness($hover_button_bg)), $hover_button_bg);
// tooltip background surface gradient start and end colors - used for tooltips
$light_tooltip_bg_grad: if($lighten_amount > 1, lighten($tooltip_bg_color, ($lighten_amount - 1) * lightness($tooltip_bg_color)), $tooltip_bg_color);
$dark_tooltip_bg_grad: if($darken_amount < 1, darken($tooltip_bg_color, (1 - $darken_amount) * lightness($tooltip_bg_color)), $tooltip_bg_color);
// borders used throughout theme buttons also use selected_borders_color
$selected_border: mix($dark_bg_color, $selected_bg_color, if(lightness($dark_bg_color) < 50%, 18%, 10%));
$border_strength: if(lightness($dark_fg_color) > 50, .1, .2);
$interior_border: fade-out($dark_fg_color, 0.88 - $border_strength);
$exterior_border: mix($dark_bg_color, $dark_fg_color, (30 + ($border_strength * 100)));
// decoration for buttons
$button_border_strength: if(lightness($button_fg_color) > 50, .1, .2);
$button_border: fade-out($button_fg_color, 0.88 - $button_border_strength);
// scrollbar colors
$scrollbar_bg_color: darken($dark_bg_color, 5%);
$scrollbar_slider_color: mix($dark_bg_color, $dark_fg_color, 20%);
$scrollbar_slider_hover_color: mix($dark_bg_color, $selected_bg_color, 20%);
// caret colors for dialog entrys
$primary_caret_color: #161821;
// other colors used in the theme
$link_color: #84a0c6;
$success_color: #c0ca8e;
$warning_color: #e9b189;
$error_color: #e98989;
$info_fg_color: #161821;
$info_bg_color: #91acd1;
// used for border-radius throughout theme
$roundness: 4px;
// used for buttons, entrys, panel spacing, and menu item spacing.
$spacing: 3px;
$spacing_plus2: (3 + 2) + px;

View File

@@ -0,0 +1,14 @@
@import "_global";
@import "_extends";
@import "sections/_stage";
@import "sections/_menu";
@import "sections/_panel";
@import "sections/_calendar";
@import "sections/_accessibility";
@import "sections/_notifications";
@import "sections/_dialogs";
@import "sections/_desklets";
@import "sections/_alt-tab";
@import "sections/_overview";
@import "sections/_tile-hud";

View File

@@ -0,0 +1,46 @@
// on screen keyboard
#keyboard {
background-color: $dark_bg_color_trans;
}
.keyboard-key {
@extend %shared-button;
&:grayed {
color: $selected_fg_color;
border-color: $selected_fg_color;
}
&:checked {
border-color: $selected_border;
}
&:hover {
@extend %shared-button-hover;
}
&:active {
@extend %shared-button-active;
}
}
.keyboard-layout {
spacing: 8px;
padding: 8px;
}
.keyboard-row {
spacing: 16px;
}
.keyboard-subkeys {
color: $dark_fg_color;
padding: 4px;
-arrow-border-radius: $roundness;
-arrow-background-color: $dark_bg_color;
-arrow-border-width: 1px;
-arrow-border-color: $dark_fg_color;
-arrow-base: 16px;
-arrow-rise: 8px;
-boxpointer-gap: 4px;
}
// desktop zoom feature
.magnifier-zoom-region {
border: 3px solid $exterior_border;
&.full-screen {
border-width: 0;
}
}

View File

@@ -0,0 +1,66 @@
// non 3D alt-tab options
#altTabPopup {
padding: 8px;
spacing: 16px;
}
.switcher-list {
@extend %bg-grad-to-bottom;
border-radius: $roundness;
border: 1px solid $exterior_border;
padding: 16px;
color: $dark_fg_color;
.item-box {
padding: 8px;
border-radius: $roundness;
&:selected {
@extend %selected-bg-grad-to-bottom;
color: $selected_fg_color;
}
}
.thumbnail-box {
padding: 2px;
spacing: 4px;
color: $dark_fg_color;
}
.thumbnail {
min-width: 20em;
}
.separator {
width: 1px;
background-color: $selected_bg_color;
}
}
.switcher-list-item-container {
spacing: 8px;
}
.thumbnail-scroll-gradient-left {
background-gradient-direction: horizontal;
background-gradient-start: rgba(51, 51, 51, 1.0);
background-gradient-end: rgba(51, 51, 51, 0);
border-radius: $roundness;
border-radius-topright: 0;
border-radius-bottomright: 0;
width: 60px;
}
.thumbnail-scroll-gradient-right {
background-gradient-direction: horizontal;
background-gradient-start: rgba(51, 51, 51, 0);
background-gradient-end: rgba(51, 51, 51, 1.0);
border-radius: $roundness;
border-radius-topleft: 0;
border-radius-bottomleft: 0;
width: 60px;
}
.switcher-arrow {
border-color: rgba(0,0,0,0);
color: $dark_fg_color;
&:highlighted {
border-color: rgba(0,0,0,0);
color: $selected_fg_color;
}
}
.switcher-preview-backdrop {
background-color: rgba(25,25,25,0.65);
}

View File

@@ -0,0 +1,120 @@
// the calendar displayed by the calendar applet is a heavily modified menu and inherits from the .menu selectosr
// indivudual elements within the menu can be themed seperately with these selectors
.calendar {
padding: 1em 1.75em;
spacing-rows: 1px;
spacing-columns: 5px;
}
// also covers the year label
.calendar-month-label {
color: $dark_fg_color;
font-size: 0.8em;
padding: 5px 10px;
border-radius: $roundness;
font-weight: bold;
text-align: center;
}
.calendar-change-month-back {
@extend %calendar-shared;
border: 1px solid transparent;
background-image: url(assets/calendar-arrow-left.svg);
&:rtl {
background-image: url(assets/calendar-arrow-right.svg);
}
&:hover {
border: 1px solid $selected_bg_color;
}
&:active {
background-color: $selected_bg_color;
}
}
.calendar-change-month-forward {
@extend %calendar-shared;
border: 1px solid transparent;
background-image: url(assets/calendar-arrow-right.svg);
&:rtl {
background-image: url(assets/calendar-arrow-left.svg);
}
&:hover {
border: 1px solid $selected_bg_color;
}
&:active {
background-color: $selected_bg_color;
}
}
.datemenu-date-label {
padding: 1em 1.75em;
color: $dark_fg_color;
font-weight: bold;
text-align: center;
}
.calendar-day-base {
font-size: 0.8em;
text-align: center;
width: 2.4em;
height: 1.8em;
border-radius: $roundness;
&:active {
background-color: $selected_bg_color;
}
&:hover {
}
}
.calendar-day-heading {
color: $dark_fg_color;
padding-top: 0.9em;
}
.calendar-week-number {
color: $dark_fg_color;
font-weight: bold;
padding-top: 0.6em;
}
.calendar-day {
&:ltr {
color: $dark_fg_color;
padding: 2px;
}
&:rtl {
color: $dark_fg_color;
padding: 3px;
}
}
.calendar-day-top {
&:ltr {
}
&:rtl {
}
}
.calendar-day-left {
&:ltr {
}
&:rtl {
}
}
.calendar-work-day {
}
.calendar-nonwork-day {
font-weight: bold;
}
// this is always is an active state
.calendar-today {
@extend %selected-bg-grad-to-bottom;
font-weight: bold;
&:active {
color: $selected_fg_color;
}
}
.calendar-other-month-day {
font-style: italic;
}
// this is always is an active state
.calendar-day-with-events {
background-color: $selected_bg_color;
font-weight: bold;
&:active {
color: $selected_fg_color;
}
}

View File

@@ -0,0 +1,65 @@
// desklets - the base .desklet selector is for 'undecorated' desklets however some subtle background themeing is desirable
// to maintain visibility irrespctive of wallpaper and to allow for the highlighting scheme to work
.desklet {
font-size: 0.9em;
padding: 8px;
color: $dark_fg_color;
border-radius: $roundness;
background-color: $dark_bg_color_trans;
&:highlight {
background-color: $selected_bg_color;
}
}
// these do not inherit from .desklet
.desklet-with-borders {
@extend %desklet-shared;
font-size: 0.9em;
border-radius: $roundness;
&:highlight {
background-color: $selected_bg_color;
}
}
.desklet-with-borders-and-header {
@extend %desklet-shared;
font-size: 0.9em;
border-radius-bottomleft: $roundness;
border-radius-bottomright: $roundness;
&:highlight {
background-color: $selected_bg_color;
}
}
.desklet-header {
@extend %desklet-shared;
font-size: 1.2em;
border-radius-topleft: $roundness;
border-radius-topright: $roundness;
&:highlight {
background-color: $selected_bg_color;
}
}
.photoframe-box {
@extend %desklet-shared;
border-radius: $roundness;
&:highlight {
background-color: $selected_bg_color;
}
}
.desklet-drag-placeholder {
border: 2px solid $selected_bg_color;
background-color: $dark_bg_color_trans;
border-radius: $roundness;
}
.launcher {
padding: 1px;
transition-duration: 150;
.icon-box {
padding-top: 2px;
}
}
// inherits font characteristics from .desklet-header
.clock-desklet-label {
}

View File

@@ -0,0 +1,201 @@
// on screen messages and input boxes
.modal-dialog {
@extend %bg-grad-to-right;
border: 1px solid $exterior_border;
border-radius: $roundness;
color: $dark_fg_color;
padding: 16px 20px;
}
.modal-dialog-button-box {
spacing: 16px;
}
.modal-dialog-button {
@extend %shared-button;
min-width: 5em;
min-height: 1em;
padding: $spacing_plus2;
&:hover {
@extend %shared-button-hover;
}
&:focus {
color: $selected_fg_color;
}
&:active {
@extend %shared-button-active;
}
&:pressed {
@extend %shared-button-active;
}
&:disabled {
color: rgb(60, 60, 60);
}
}
// run dialog (ALT-F2)
.run-dialog-label {
color: $dark_fg_color;
padding-bottom: 10px;
}
.run-dialog-error-label {
color: $selected_bg_color;
}
.run-dialog-error-box {
padding-top: 15px;
spacing: 5px;
}
.run-dialog-completion-box {
padding-left: 15px;
}
.run-dialog-entry {
@extend %dialog-entry;
&:focus {
border: 1px solid $selected_border;
}
}
.run-dialog {
border-radius: $roundness;
padding: 16px 20px;
}
// removable media dialogs
.cinnamon-mount-operation-icon {
icon-size: 4.8em;
}
.mount-password-reask {
color: $warning_color;
}
.show-processes-dialog {
spacing: 24px;
}
.mount-question-dialog {
spacing: 24px;
}
.show-processes-dialog-subject {
@extend %shared-dialogs-subject;
&:rtl {
@extend %shared-dialogs-subject-rtl;
}
}
.mount-question-dialog-subject {
@extend %shared-dialogs-subject;
&:rtl {
@extend %shared-dialogs-subject-rtl;
}
}
.show-processes-dialog-description {
@extend %shared-dialogs-description;
&:rtl {
padding-right: 17px;
}
}
.mount-question-dialog-description {
@extend %shared-dialogs-description;
&:rtl {
padding-right: 17px;
}
}
.show-processes-dialog-app-list {
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px;
&:rtl {
padding-right: 49px;
padding-left: 32px;
}
}
.show-processes-dialog-app-list-item {
color: $dark_fg_color;
&:hover {
color: $dark_fg_color;
}
&:ltr {
padding-right: 1em;
}
&:rtl {
padding-left: 1em;
}
}
.show-processes-dialog-app-list-item-icon {
&:ltr {
padding-right: 17px;
}
&:rtl {
padding-left: 17px;
}
}
.show-processes-dialog-app-list-item-name {
}
// displayed when media keys are pressed.
.osd-window {
@extend %osd-shared;
spacing: 1em;
padding: 16px;
.level {
height: 0.7em;
border-radius: 0.3em;
background-color: $scrollbar_bg_color;
}
.level-bar {
border-radius: 0.3em;
background-color: $scrollbar_slider_hover_color;
}
}
.info-osd, .workspace-osd, .overview-empty-placeholder {
@extend %osd-shared;
font-size: 1.5em;
text-align: center;
padding: 8px 10px;
}
// this is an full screen overlay that is displayed with any cinnamon OSD or modal dialog which needs to always be semi transparent
.lightbox {
background-color: $dark_bg_color_trans;
}
// applet 'about' OSDs - inherits from modal dialogs
.about-content {
min-width: 250px;
min-height: 150px;
spacing: 8px;
padding-bottom: 16px;
}
.about-title {
font-size: 1.4em;
font-weight: bold;
}
.about-uuid {
font-size: 0.8em;
}
.about-icon {
padding-right: 20px;
}
.about-scrollBox {
border: 1px solid $exterior_border;
border-radius: $roundness;
}
.about-scrollBox-innerBox {
padding: 1.2em;
spacing: 1.2em;
}
.about-description {
padding-top: 4px;
}
.about-version {
padding-left: 7px;
}
// dialog box for the cinnamon debug utility
#LookingGlassDialog {
@extend %bg-grad-to-bottom;
spacing: 4px;
padding: 8px;
border: 1px solid $exterior_border;
border-radius: $roundness;
color: $dark_fg_color;
}

View File

@@ -0,0 +1,238 @@
.menu {
@extend %shared-menu;
min-width: 100px;
margin: 4px;
}
// scale view right click menu
.popup-combo-menu {
@extend %shared-menu;
}
.popup-menu-arrow {
icon-size: 1.14em;
}
// applet submenus
// the margin here causes the 'bounce' on opening the sub menu
// does StScrollBar need to be here? No as long as it isnt themed differently to staging
.popup-sub-menu {
@extend %bg-grad-to-bottom;
border: 1px solid $interior_border;
border-radius: $roundness;
padding: 8px;
}
.popup-menu-content {
padding: 0;
}
// individual menu entries are themed here
.popup-menu-item {
@extend %menu-buttons-shared;
color: $dark_fg_color;
spacing: .5em;
&:active {
background-color: $selected_bg_color;
border-radius: $roundness;
color: $selected_fg_color;
}
&:insensitive {
font-style: italic;
}
}
.popup-combobox-item {
@extend %menu-buttons-shared;
}
// sliders and separators in menus
.popup-separator-menu-item {
@extend %separator-shared;
-gradient-direction: horizontal;
}
.popup-slider-menu-item {
@extend %slider-shared;
}
.popup-device-menu-item {
spacing: .5em;
}
.popup-inactive-menu-item {
font-style: italic;
color: $dark_fg_color;
}
.popup-subtitle-menu-item {
font-weight: bold;
font-size: 1em;
}
.popup-menu-icon {
icon-size: 1.14em;
}
.popup-menu-item-dot {
}
.popup-submenu-menu-item:open {
}
.popup-alternating-menu-item:alternate {
font-weight: bold;
}
// toggles in menus
.toggle-switch {
width: 64px;
height: 22px;
}
.toggle-switch-us {
background-image: url(assets/toggle-off-us.svg);
&:checked {
background-image: url(assets/toggle-on-us.svg);
}
}
.toggle-switch-intl {
background-image: url(assets/toggle-off-intl.svg);
&:checked {
background-image: url(assets/toggle-on-intl.svg);
}
}
.nm-menu-item-icons {
spacing: .5em;
icon-size: 1.14em;
}
// all the remaining code is for the main menu applet
.menu-favorites-box {
@extend %bg-grad-to-right;
padding: 0.8em;
border: 1px solid $interior_border;
border-radius: $roundness;
transition-duration: 150;
spacing: 1em;
}
// This is for the stock menu in Cinnamon 4.0.2 and later - adds more vfade to the scrollable favorites box and fakes a seperator from the system buttons with a bottom border.
.menu-favorites-scrollbox {
padding-bottom: 1em;
border-bottom: 1px solid;
border-color: $interior_border;
&.vfade {
-st-vfade-offset: 136px;
}
}
.menu-favorites-button {
@extend %menu-buttons-shared;
&:hover {
background-color: $selected_bg_color;
border-radius: $roundness;
color: $selected_fg_color;
}
}
.menu-categories-box {
padding: 0.8em;
}
.menu-applications-inner-box {
@extend %bg-grad-to-right;
padding: 0.8em;
border-radius: $roundness;
border: 1px solid $interior_border;
StScrollView {
@extend %menu-context-shared;
}
}
.menu-applications-outer-box {
@extend %bg-grad-to-right;
padding: 0.8em;
border: 1px solid $interior_border;
border-radius: $roundness;
}
.menu-application-button {
@extend %menu-buttons-shared;
&:highlighted {
font-weight: bold;
}
}
.menu-application-button-selected {
@extend %menu-buttons-shared;
background-color: $selected_bg_color;
border-radius: $roundness;
color: $selected_fg_color;
&:highlighted {
font-weight: bold;
}
}
.menu-application-button-label {
@extend %menu-button-label-shared;
}
.menu-category-button {
@extend %menu-buttons-shared;
}
.menu-category-button-greyed {
@extend %menu-buttons-shared;
color: $dark_fg_color;
font-style: italic;
}
.menu-category-button-selected {
@extend %menu-buttons-shared;
background-color: $selected_bg_color;
border-radius: $roundness;
color: $selected_fg_color;
&:hover {
}
}
.menu-category-button-label {
@extend %menu-button-label-shared;
}
// in the stock menu app descriptions are shown at the base of the menu
.menu-selected-app-box {
padding: 2px 8px;
text-align: right;
&:rtl {
text-align: left;
}
}
.menu-selected-app-title {
font-weight: bold;
font-size: 0.8em;
}
.menu-selected-app-description {
max-width: 150px;
font-size: 0.8em;
}
// the menus search box
.menu-search-box {
&:ltr {
padding-left: 30px;
padding-bottom: 5px;
padding-top: 5px;
}
&:rtl {
padding-right: 30px;
padding-bottom: 5px;
padding-top: 5px;
}
}
#menu-search-entry {
@extend %dialog-entry;
margin-bottom: 0.5em;
&:focus {
border: 1px solid $selected_border;
}
&:hover {
}
}
.menu-search-entry-icon {
icon-size: 1em;
color: $tooltip_fg_color;
}
// new styleclasses for the Cinnamon 4.0.0 stock menu - note this menu was dropped in Cinnamon 4.0.1 but retain styling in case it's revived.
.menu-top-box {
spacing: 10px; }
.menu-systembuttons-box {
padding-bottom: 12px;
padding-top: 12px;
margin-bottom: 0.5em; }
// cinnVIIstark menu right click favourites context menu
.starkmenu-favorites-box .menu-context-menu, .menu-context-menu {
@extend %menu-context-shared;
}

View File

@@ -0,0 +1,91 @@
// notification system
#notification {
@extend %bg-grad-to-right;
border-radius: $roundness;
border: 1px solid $exterior_border;
padding: 8px;
spacing-rows: 5px;
spacing-columns: 10px;
margin-from-right-edge-of-screen: 20px;
width: 34em;
color: $dark_fg_color;
&.multi-line-notification {
padding-bottom: 8px;
color: $dark_fg_color;
}
StEntry {
@extend %dialog-entry;
&:focus {
border: 1px solid $selected_border;
}
}
.url-highlighter {
link-color: $link_color;
}
}
.notification-with-image {
min-height: 159px;
color: $dark_fg_color;
}
#notification-scrollview {
max-height: 10em;
> {
.top-shadow {
height: 1em;
}
.bottom-shadow {
height: 1em;
}
}
&:ltr > StScrollBar {
padding-left: 6px;
}
&:rtl > StScrollBar {
padding-right: 6px;
}
}
#notification-body {
spacing: 4px;
}
#notification-actions {
spacing: 8px;
}
.notification-button {
@extend %shared-button;
border-radius: $roundness;
min-width: 5em;
min-height: 1em;
padding: $spacing_plus2;
&:hover {
@extend %shared-button-hover;
}
&:focus {
color: $selected_fg_color;
}
&:active {
@extend %shared-button-active;
}
}
.notification-icon-button {
@extend %shared-button;
border-radius: $roundness;
min-width: 2em;
min-height: 2em;
padding: $spacing_plus2;
&:hover {
@extend %shared-button-hover;
}
&:focus {
color: $selected_fg_color;
}
&:active {
@extend %shared-button-active;
}
> StIcon {
icon-size: 1.5em;
}
}

View File

@@ -0,0 +1,119 @@
// scale and expo views
#overview {
spacing: 12px;
}
.workspace-thumbnails {
spacing: 14px;
}
.workspace-add-button {
background-image: url(assets/add-workspace.png);
height: 200px;
width: 35px;
border-radius-topleft: 10px;
border-radius-bottomleft: 10px;
transition-duration: 150;
background-color: $info_bg_color;
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
border-color: $button_border;
&:hover {
background-image: url(assets/add-workspace-hover.png);
border-color: $selected_border;
}
&:active {
background-image: url(assets/add-workspace.png);
border-color: $selected_border;
background-color: $success_color;
}
}
.workspace-close-button {
background-image: url(assets/close-window.svg);
height: 32px;
width: 32px;
-cinnamon-close-overlap: 20px;
}
// this always looks better semi transparent
.workspace-overview-background-shade {
background-color: $dark_bg_color_trans;
}
.window-caption {
@extend %bg-grad-to-bottom;
padding: 4px 6px;
border: 1px solid $exterior_border;
border-radius: $roundness;
color: $dark_fg_color;
-cinnamon-caption-spacing: 4px;
&:focus, &#selected {
@extend %selected-bg-grad-to-bottom;
color: $selected_fg_color;
border: 1px solid $selected_border;
}
}
.window-border {
border: 1px solid $selected_border;
}
.window-close {
background-image: url(assets/close-window.svg);
height: 32px;
width: 32px;
-cinnamon-close-overlap: 20px;
&:rtl {
-st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
}
.window-close-area {
background-image: url(assets/trash-icon.png);
background-size: 100px;
background-color: $dark_bg_color_trans;
border: 1px solid $exterior_border;
border-bottom-width: 0;
border-radius: 20px 20px 0 0;
height: 120px;
width: 400px;
}
.expo-background {
@extend %bg-grad-to-bottom;
}
.expo-workspace-thumbnail-frame {
border: 1px solid $exterior_border;
&#active {
border: 1px solid $selected_border;
}
}
.expo-workspaces-name-entry {
@extend %bg-grad-to-bottom;
padding: 4px 6px;
height: 1.5em;
border: 1px solid $exterior_border;
border-radius: $roundness;
selected-color: $selected_fg_color;
selection-background-color: $selected_bg_color;
color: $dark_fg_color;
text-align: center;
&#selected {
@extend %selected-bg-grad-to-bottom;
color: $selected_fg_color;
selected-color: $dark_fg_color;
selection-background-color: $selected_bg_color;
border: 1px solid $selected_border;
}
&:focus {
border: 1px solid $selected_border;
}
&:hover {
border: 1px solid $selected_border;
}
}
// hot corners animation
.ripple-box {
width: 104px;
height: 104px;
background-image: url(assets/corner-ripple.png);
background-color: $selected_bg_color;
border-radius: 52px;
}

View File

@@ -0,0 +1,573 @@
// panels can be on any side of the screen
// some panel item theming is specific to panel orientation and is included in this section
// each panel is also split into three zones
// dnd is for panel edit mode
// dummy is for adding or moving panels
#panel {
color: $dark_fg_color;
height: 2.5em;
width: 3.2em;
&:highlight {
background-color: $selected_bg_color;
}
}
.panel-dummy {
background-color: rgba(255, 0, 0, 0.6);
&:entered {
background-color: rgba(0, 255, 0, 0.6);
}
}
.panelLeft {
spacing: 4px;
&:dnd {
background-color: rgba(255, 0, 0, 0.6);
}
&:ltr {
padding-right: 4px;
}
&:rtl {
padding-left: 4px;
}
&.vertical {
padding: 0;
&:dnd {
}
}
}
.panelCenter {
spacing: 4px;
&:dnd {
background-color: rgba(0, 255, 0, 0.6);
}
&.vertical {
padding-left: 0;
padding-right: 0;
&:dnd {
}
}
}
.panelRight {
spacing: 4px;
&:dnd {
background-color: rgba(0, 0, 255, 0.6);
}
&:ltr {
padding-left: 0;
spacing: 0;
}
&:rtl {
padding-right: 0;
spacing: 0;
}
&.vertical {
padding: 0;
&:dnd {
}
}
}
// panel borders must be defined with a border-top color or other color definition that encompasses border-top
// panels do not support different colors of borders on different edges
// due to a bug in cinnamons placing of panel items on a bordered panel small margins are used to ensure that bordered panel objects
// do not overlap the panel border
.panel-top {
@extend %bg-grad-to-bottom;
box-shadow: 0 -1px 0 0 $exterior_border inset;
.window-list-item-box {
@extend %bg-grad-to-top;
margin-bottom: 1px;
&:hover {
@extend %hover-bg-grad-to-top;
}
&:active, &:checked, &:focus, &:running {
@extend %panel-top-shared;
&:hover {
@extend %hover-selected-grad-to-top;
}
}
}
.grouped-window-list-item-box {
&:active, &:checked {
box-shadow: 0 2px 0 0 $dark_fg_color inset;
}
&:hover {
box-shadow: 0 2px 0 0 $selected_border inset;
}
&:focus {
box-shadow: 0 4px 0 0 $selected_border inset;
}
}
.workspace-switcher, .workspace-graph {
padding: 1px $spacing;
}
.panel-launchers .launcher:hover {
box-shadow: 0 2px 0 0 $selected_border inset;
}
.applet-separator {
padding: 3px $spacing;
}
}
.panel-bottom {
@extend %bg-grad-to-top;
box-shadow: 0 1px 0 0 $exterior_border inset;
.window-list-item-box {
@extend %bg-grad-to-bottom;
margin-top: 1px;
&:hover {
@extend %hover-bg-grad-to-bottom;
}
&:active, &:checked, &:focus, &:running {
@extend %panel-bottom-shared;
&:hover {
@extend %hover-selected-grad-to-bottom;
}
}
}
.grouped-window-list-item-box {
&:active, &:checked {
box-shadow: 0 -2px 0 0 $dark_fg_color inset;
}
&:hover {
box-shadow: 0 -2px 0 0 $selected_border inset;
}
&:focus {
box-shadow: 0 -4px 0 0 $selected_border inset;
}
}
.workspace-switcher, .workspace-graph {
padding: 1px $spacing;
}
.panel-launchers .launcher:hover {
box-shadow: 0 -2px 0 0 $selected_border inset;
}
.applet-separator {
padding: 3px $spacing;
}
}
.panel-left {
@extend %bg-grad-to-right;
box-shadow: -1px 0 0 0 $exterior_border inset;
.window-list-item-box {
margin-right: 1px;
@extend %bg-grad-to-left;
&:hover {
@extend %hover-bg-grad-to-left;
}
&:active, &:checked, &:focus, &:running {
@extend %panel-left-shared;
&:hover {
@extend %hover-selected-grad-to-left;
}
}
}
.grouped-window-list-item-box {
&:active, &:checked {
box-shadow: 2px 0 0 0 $dark_fg_color inset;
}
&:hover {
box-shadow: 2px 0 0 0 $selected_border inset;
}
&:focus {
box-shadow: 4px 0 0 0 $selected_border inset;
}
}
.workspace-switcher, .workspace-graph {
padding: $spacing 1px;
}
.panel-launchers .launcher:hover {
box-shadow: 2px 0 0 0 $selected_border inset;
}
.applet-separator {
padding: $spacing 3px;
}
}
.panel-right {
@extend %bg-grad-to-left;
box-shadow: 1px 0 0 0 $exterior_border inset;
.window-list-item-box {
margin-left: 1px;
@extend %bg-grad-to-right;
&:hover {
@extend %hover-bg-grad-to-right;
}
&:active, &:checked, &:focus, &:running {
@extend %panel-right-shared;
&:hover {
@extend %hover-selected-grad-to-right;
}
}
}
.grouped-window-list-item-box {
&:active, &:checked {
box-shadow: -2px 0 0 0 $dark_fg_color inset;
}
&:hover {
box-shadow: -2px 0 0 0 $selected_border inset;
}
&:focus {
box-shadow: -4px 0 0 0 $selected_border inset;
}
}
.workspace-switcher, .workspace-graph {
padding: $spacing 1px;
}
.panel-launchers .launcher:hover {
box-shadow: -2px 0 0 0 $selected_border inset;
}
.applet-separator {
padding: $spacing 3px;
}
}
// a non feature - not worth themeing
.panel-corner {
&:active {
}
&:overview {
}
&:focus {
}
}
// remaining code is for panel items starting with the generic applets
.applet-separator-line {
width: 2px;
background: $selected_bg_color;
}
.applet-separator-line-vertical {
border-color: $selected_bg_color;
border-bottom: 2px solid;
}
.applet-spacer:highlight {
background-color: $selected_bg_color;
}
.applet-box {
color: $dark_fg_color;
transition-duration: 150;
border-radius: $roundness;
padding: 0 $spacing;
&.vertical {
padding: $spacing 0;
}
&:checked {
color: $selected_bg_color;
.applet-label {
color: $selected_bg_color;
}
}
&:hover {
color: $selected_bg_color;
.applet-label {
color: $selected_bg_color;
}
}
&:highlight {
background-color: $selected_bg_color;
color: $selected_fg_color;
.applet-label {
color: $selected_fg_color;
}
}
}
.applet-label {
font-weight: bold;
color: $dark_fg_color;
padding-left: 3px;
}
// icon-size set to 22 to match hard-coded menu icon size - applet-icon style is used for search provider results in menu
.applet-icon {
color: $dark_fg_color;
padding: 0;
spacing: 0;
icon-size: 22px;
}
// used by power applet to warn of low battery
.system-status-icon {
icon-size: 1.14em;
padding: 0;
spacing: 0;
&.warning {
color: $warning_color;
}
&.error {
color: $error_color;
}
}
// keyboard layout applet
.panel-status-button {
-natural-hpadding: 4px;
-minimum-hpadding: 4px;
font-weight: bold;
color: $dark_fg_color;
&:hover {
color: $selected_bg_color;
}
}
// user applet specific themeing
.user-box {
padding: 0.4em 1.3em;
spacing: 10px;
}
.user-icon {
padding: 4px;
border: none;
}
.user-label {
color: $dark_fg_color;
font-weight: bold;
font-size: 1em;
}
// the window list applet. Some third party applets inherit some of this theming.
.window-list-box {
spacing: $spacing;
padding: 1px 3px;
font-size: 0.9em;
border-radius: $roundness;
&.vertical {
spacing: $spacing;
padding: 3px 1px;
}
&:highlight {
background-color: $selected_bg_color;
}
#appMenuIcon {
}
}
// progress was added with cinnamon 3.6 and allows compatible applications to use the window list as a progress bar
.window-list-item {
&-box {
border: 1px solid $interior_border;
border-radius: $roundness;
transition-duration: 150;
&:hover {
border: 1px solid $selected_border;
}
&.top StLabel, &.bottom StLabel {
padding-left: 3px;
}
.progress {
background-color: $success_color;
border: 1px solid $selected_border;
border-radius: $roundness;
color: $info_fg_color;
}
#appMenuIcon {
padding-right: 0.2em;
}
}
&-demands-attention {
background-color: $info_bg_color;
color: $info_fg_color;
}
}
// cinnamon 3.8 will support an improved window-list-thumbnail preview which now has it's own selector
.window-list-preview {
@extend %bg-grad-to-right;
border-radius: $roundness;
border: 1px solid $exterior_border;
padding: 6px 12px;
spacing: $spacing;
color: $dark_fg_color;
}
// Cinnamon 4.0 has a new grouped window list applet with it's own selectors.
// Initial theme support is defined here.
.grouped-window-list {
&-thumbnail-label {
padding-left: 3px;
}
&-number-label {
z-index: 99;
font-size: 0.8em;
color: $dark_fg_color;
}
// May need to revise depending on upstream GWL developments
&-button-label {
padding: 0;
}
&-badge {
border-radius: 256px;
background-color: $dark_bg_color;
}
&-thumbnail-alert {
background: $warning_color;
}
&-item-box {
transition-duration: 150;
spacing: 1em;
background-color: rgba(0, 0, 0, 0.01);
&:hover, &:focus, {
color: $selected_bg_color;
}
&:focus {
font-weight: bold;
}
.progress {
background-color: $success_color;
}
}
&-demands-attention {
background-color: $info_bg_color;
color: $info_fg_color;
}
&-thumbnail-menu {
@extend %bg-grad-to-right;
border-radius: $roundness;
padding: 10px 15px;
spacing: $spacing;
color: $dark_fg_color;
.item-box {
padding: 8px;
border-radius: $roundness;
border: 1px solid $interior_border;
&:outlined {
border: 1px solid $selected_border;
}
&:selected {
background-color: $selected_bg_color;
border: 1px solid $selected_border;
color: $selected_fg_color;
}
}
.thumbnail-box {
padding: 2px;
spacing: $spacing;
}
.thumbnail {
width: 256px;
}
.separator {
width: 1px;
background: $selected_bg_color;
}
}
}
// the sound player applet
.sound-player {
StButton {
@extend %shared-button;
min-width: 2em;
min-height: 2em;
padding: $spacing_plus2;
color: $button_fg_color;
border-radius: $roundness;
&:small {
min-width: 1.5em;
min-height: 1.5em;
padding: $spacing;
StIcon {
icon-size: 1em;
}
}
StIcon {
icon-size: 1.5em;
}
&:hover {
@extend %shared-button-hover;
}
&:focus {
color: $selected_fg_color;
}
&:active {
@extend %shared-button-active;
}
}
.slider {
@extend %slider-shared;
height: 4px;
}
StBoxLayout {
spacing: 0.5em;
}
> StBoxLayout {
padding: 5px;
}
}
.sound-player-generic-coverart {
background: rgba(0,0,0,0.2);
}
.sound-player-overlay {
@extend %bg-grad-to-bottom;
min-width: 300px;
padding: 12px 16px;
spacing: 0.5em;
color: $dark_fg_color;
}
// workspace switcher applet simple button view
.workspace-button {
width: 2em;
height: 1em;
color: $dark_fg_color;
border: 1px solid $interior_border;
margin: 2px;
transition-duration: 150;
&.vertical {
height: 1.5em;
}
&:outlined {
background-color: $selected_bg_color;
color: $selected_fg_color;
border-color: $selected_border;
}
}
// workspace switcher applet graph view
.workspace-graph {
.workspace {
@extend %bg-grad-to-bottom;
border: 1px solid $interior_border;
&:active {
@extend %selected-bg-grad-to-bottom;
border: 1px solid $interior_border;
.windows {
-active-window-background: rgba(255, 255, 255, 0.8);
-active-window-border: rgba(0, 0, 0, 0.9);
-inactive-window-background: rgba(140, 140, 140, 0.8);
-inactive-window-border: rgba(0, 0, 0, 0.7);
}
}
.windows {
-active-window-background: rgba(140, 140, 140, 0.8);
-active-window-border: rgba(0, 0, 0, 0.7);
-inactive-window-background: rgba(140, 140, 140, 0.8);
-inactive-window-border: rgba(0, 0, 0, 0.7);
}
}
}
// most panel launcher themeing is orientation specific
.panel-launchers {
padding: 0 $spacing;
spacing: $spacing;
.launcher {
background-color:rgba(0, 0, 0, 0.01);
}
&.vertical {
padding: $spacing 0;
}
}
.notification-applet-padding {
padding: .5em 1em;
}
.notification-applet-container {
max-height: 100px;
}
.systray {
spacing: $spacing;
}
.flashspot {
background-color: $selected_bg_color;
}

View File

@@ -0,0 +1,114 @@
// defines font family and standard font size across the whole theme
// em is preferred for better support for text scaling
stage {
font-family: roboto, Noto Sans, sans, sans-serif;
font-size: 1em;
}
.cinnamon-link {
color: $link_color;
font-style: italic;
&:hover {
color: $selected_fg_color;
}
}
.label-shadow {
color: rgba(0,0,0,0.5);
}
// themeing for various standard elements
StScrollBar {
padding: 2px;
StButton {
&#vhandle {
background-color: $scrollbar_slider_color;
border-radius: $roundness;
&:hover {
background-color: $scrollbar_slider_hover_color;
}
}
&#hhandle {
background-color: $scrollbar_slider_color;
border-radius: $roundness;
&:hover {
background-color: $scrollbar_slider_hover_color;
}
}
}
StBin#trough {
background-color: $scrollbar_bg_color;
border-radius: $roundness;
}
}
StScrollView {
&.vfade {
-st-vfade-offset: 68px;
}
&.hfade {
-st-hfade-offset: 68px;
}
StScrollBar {
min-width: 0.8em;
min-height: 0.8em;
}
}
.separator {
@extend %separator-shared;
}
.slider {
@extend %slider-shared;
}
.check-box {
CinnamonGenericContainer {
spacing: .2em;
}
StBin {
@extend %check-box-shared;
}
&:focus {
StBin {
@extend %check-box-shared;
}
&:checked StBin {
background-image: url(assets/checkbox.svg);
}
}
StLabel {
font-weight: normal;
}
&:checked StBin {
background-image: url(assets/checkbox.svg);
}
}
.radiobutton {
CinnamonGenericContainer {
spacing: .2em;
height: 18px;
padding-top: 2px;
}
StBin {
@extend %radiobutton-shared;
}
&:focus {
StBin {
@extend %radiobutton-shared;
}
&:checked StBin {
background-image: url(assets/radiobutton.svg);
}
}
StLabel {
padding-top: 4px;
font-size: 0.8em;
box-shadow: none;
}
&:checked StBin {
background-image: url(assets/radiobutton.svg);
}
}
#Tooltip {
@extend %tooltip-bg-grad-to-top;
padding: 5px 8px;
color: $tooltip_fg_color;
text-align: center;
border-radius: $roundness;
}

View File

@@ -0,0 +1,59 @@
// on screen preview of windows tiling placement
.tile-preview {
@extend %tile-shared;
&.snap {
@extend %tile-shared-snap;
}
}
.tile-hud {
@extend %tile-shared;
&.snap {
@extend %tile-shared-snap;
}
&:top {
border-top-width: 0;
border-radius: 0 0 10px 10px;
}
&:bottom {
border-bottom-width: 0;
border-radius: $roundness $roundness 0 0;
}
&:left {
border-left-width: 0;
border-radius: 0 10px 10px 0;
}
&:right {
border-right-width: 0;
border-radius: 10px 0 0 10px;
}
&:top-left {
border-top-width: 0;
border-left-width: 0;
border-radius: 0 0 10px 0;
}
&:top-right {
border-top-width: 0;
border-right-width: 0;
border-radius: 0 0 0 10px;
}
&:bottom-left {
border-bottom-width: 0;
border-left-width: 0;
border-radius: 0 10px 0 0;
}
&:bottom-right {
border-bottom-width: 0;
border-right-width: 0;
border-radius: 10px 0 0 0;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB