Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

cinnamon tweaks

Browse Source
This commit is contained in:
Horst3180 2015-11-15 21:37:52 +01:00
parent 8514157d77
commit 531595de41
6 changed files with 162 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
common/cinnamon/cinnamon-dark.css
View File

@ -11,25 +11,26 @@ stage {
min-height: 20px; min-height: 20px;
padding: 5px 32px; padding: 5px 32px;
transition-duration: 0; transition-duration: 0;
border-radius: 2px;
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
border-radius: 2px; }
.popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
.popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .sound-button:hover { .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #505666; background-color: #505666;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); } box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
.popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .sound-button:hover:focus { .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
@ -432,10 +433,13 @@ StScrollBar {
background-image: url("common-assets/misc/add-workspace.svg"); background-image: url("common-assets/misc/add-workspace.svg");
height: 200px; height: 200px;
width: 35px; width: 35px;
transition-duration: 200; } transition-duration: 100; }
.workspace-add-button:hover { .workspace-add-button:hover {
background-image: url("common-assets/misc/add-workspace-hover.svg"); background-image: url("common-assets/misc/add-workspace-hover.svg");
transition-duration: 200; } transition-duration: 100; }
.workspace-add-button:active {
background-image: url("common-assets/misc/add-workspace-active.svg");
transition-duration: 100; }
.workspace-overview-background-shade { .workspace-overview-background-shade {
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
@ -655,7 +659,7 @@ StScrollBar {
.switcher-list .item-box:selected { .switcher-list .item-box:selected {
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 0px solid #5294E2; }
.switcher-list .thumbnail { .switcher-list .thumbnail {
width: 256px; } width: 256px; }
.switcher-list .thumbnail-box { .switcher-list .thumbnail-box {
@ -876,12 +880,6 @@ StScrollBar {
.menu-favorites-button { .menu-favorites-button {
padding: 10px; padding: 10px;
border: 1px solid transparent; } border: 1px solid transparent; }
.menu-favorites-button:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
.menu-places-box { .menu-places-box {
margin: auto; margin: auto;
@ -904,12 +902,7 @@ StScrollBar {
.menu-application-button:highlighted { .menu-application-button:highlighted {
font-weight: bold; } font-weight: bold; }
.menu-application-button-selected { .menu-application-button-selected {
padding: 7px; padding: 7px; }
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
.menu-application-button-selected:highlighted { .menu-application-button-selected:highlighted {
font-weight: bold; } font-weight: bold; }
.menu-application-button-label:ltr { .menu-application-button-label:ltr {
@ -921,12 +914,7 @@ StScrollBar {
padding: 7px; padding: 7px;
border: 1px solid transparent; } border: 1px solid transparent; }
.menu-category-button-selected { .menu-category-button-selected {
padding: 7px; padding: 7px; }
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
.menu-category-button-hover { .menu-category-button-hover {
background-color: red; background-color: red;
border-radius: 2px; } border-radius: 2px; }

36
common/cinnamon/cinnamon.css
View File

@ -11,25 +11,26 @@ stage {
min-height: 20px; min-height: 20px;
padding: 5px 32px; padding: 5px 32px;
transition-duration: 0; transition-duration: 0;
border-radius: 2px;
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
border-radius: 2px; }
.popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
.popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .sound-button:hover { .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: white; background-color: white;
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
.popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .sound-button:hover:focus { .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
@ -432,10 +433,13 @@ StScrollBar {
background-image: url("common-assets/misc/add-workspace.svg"); background-image: url("common-assets/misc/add-workspace.svg");
height: 200px; height: 200px;
width: 35px; width: 35px;
transition-duration: 200; } transition-duration: 100; }
.workspace-add-button:hover { .workspace-add-button:hover {
background-image: url("common-assets/misc/add-workspace-hover.svg"); background-image: url("common-assets/misc/add-workspace-hover.svg");
transition-duration: 200; } transition-duration: 100; }
.workspace-add-button:active {
background-image: url("common-assets/misc/add-workspace-active.svg");
transition-duration: 100; }
.workspace-overview-background-shade { .workspace-overview-background-shade {
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
@ -655,7 +659,7 @@ StScrollBar {
.switcher-list .item-box:selected { .switcher-list .item-box:selected {
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 0px solid #5294E2; }
.switcher-list .thumbnail { .switcher-list .thumbnail {
width: 256px; } width: 256px; }
.switcher-list .thumbnail-box { .switcher-list .thumbnail-box {
@ -876,12 +880,6 @@ StScrollBar {
.menu-favorites-button { .menu-favorites-button {
padding: 10px; padding: 10px;
border: 1px solid transparent; } border: 1px solid transparent; }
.menu-favorites-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
.menu-places-box { .menu-places-box {
margin: auto; margin: auto;
@ -904,12 +902,7 @@ StScrollBar {
.menu-application-button:highlighted { .menu-application-button:highlighted {
font-weight: bold; } font-weight: bold; }
.menu-application-button-selected { .menu-application-button-selected {
padding: 7px; padding: 7px; }
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
.menu-application-button-selected:highlighted { .menu-application-button-selected:highlighted {
font-weight: bold; } font-weight: bold; }
.menu-application-button-label:ltr { .menu-application-button-label:ltr {
@ -921,12 +914,7 @@ StScrollBar {
padding: 7px; padding: 7px;
border: 1px solid transparent; } border: 1px solid transparent; }
.menu-category-button-selected { .menu-category-button-selected {
padding: 7px; padding: 7px; }
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
.menu-category-button-hover { .menu-category-button-hover {
background-color: red; background-color: red;
border-radius: 2px; } border-radius: 2px; }

117
common/cinnamon/common-assets/misc/add-workspace-active.svg Normal file
View File

@ -0,0 +1,117 @@
<?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="35"
height="200"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="add-workspace-active.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="-12.039549"
inkscape:cy="88.924726"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:window-width="1366"
inkscape:window-height="696"
inkscape:window-x="0"
inkscape:window-y="25"
inkscape:window-maximized="1"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:bbox-nodes="true">
<inkscape:grid
type="xygrid"
id="grid3040"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
<sodipodi:guide
orientation="0,1"
position="20,100"
id="guide3893" />
<sodipodi:guide
orientation="1,0"
position="18,190"
id="guide3895" />
</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="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-852.36218)">
<path
style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
d="M 3 0 C 1.3380015 0 0 1.3380015 0 3 L 0 197 C 0 198.662 1.3380015 200 3 200 L 36 200 C 37.661999 200 39 198.662 39 197 L 39 3 C 39 1.3380015 37.661999 0 36 0 L 3 0 z M 3 1 L 36 1 C 37.108 1 38 1.892 38 3 L 38 197 C 38 198.108 37.108 199 36 199 L 3 199 C 1.892 199 1 198.108 1 197 L 1 3 C 1 1.892 1.892 1 3 1 z "
transform="translate(0,852.36218)"
id="rect3810" />
<g
transform="translate(0,-0.9999969)"
id="g3917-7"
style="fill:#000000;fill-opacity:1;opacity:0.5" />
<rect
rx="2"
style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3812"
width="37"
height="198"
x="1.000005"
y="853.36218"
ry="2" />
<g
id="g3917"
style="fill:#ffffff;fill-opacity:1">
<rect
ry="1.1428567"
y="944.36218"
x="17"
height="15.999994"
width="2.0000002"
id="rect3897"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
<rect
transform="matrix(0,1,-1,0,0,0)"
ry="1.1428567"
y="-26"
x="951.36218"
height="15.999994"
width="2.0000002"
id="rect3897-6"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

8
common/cinnamon/common-assets/misc/add-workspace-hover.svg
View File

@ -25,8 +25,8 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="8" inkscape:zoom="8"
inkscape:cx="9.897951" inkscape:cx="-12.039549"
inkscape:cy="99.174726" inkscape:cy="128.92473"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="true" showgrid="true"
@ -75,7 +75,7 @@
id="layer1" id="layer1"
transform="translate(0,-852.36218)"> transform="translate(0,-852.36218)">
<path <path
style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" style="opacity:0.45;fill:#000000;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
d="M 3 0 C 1.3380015 0 0 1.3380015 0 3 L 0 197 C 0 198.662 1.3380015 200 3 200 L 36 200 C 37.661999 200 39 198.662 39 197 L 39 3 C 39 1.3380015 37.661999 0 36 0 L 3 0 z M 3 1 L 36 1 C 37.108 1 38 1.892 38 3 L 38 197 C 38 198.108 37.108 199 36 199 L 3 199 C 1.892 199 1 198.108 1 197 L 1 3 C 1 1.892 1.892 1 3 1 z " d="M 3 0 C 1.3380015 0 0 1.3380015 0 3 L 0 197 C 0 198.662 1.3380015 200 3 200 L 36 200 C 37.661999 200 39 198.662 39 197 L 39 3 C 39 1.3380015 37.661999 0 36 0 L 3 0 z M 3 1 L 36 1 C 37.108 1 38 1.892 38 3 L 38 197 C 38 198.108 37.108 199 36 199 L 3 199 C 1.892 199 1 198.108 1 197 L 1 3 C 1 1.892 1.892 1 3 1 z "
transform="translate(0,852.36218)" transform="translate(0,852.36218)"
id="rect3810" /> id="rect3810" />
@ -85,7 +85,7 @@
style="fill:#000000;fill-opacity:1;opacity:0.5" /> style="fill:#000000;fill-opacity:1;opacity:0.5" />
<rect <rect
rx="2" rx="2"
style="opacity:0.3;fill:#000000;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" style="opacity:0.45;fill:#202229;fill-opacity:1;stroke:#102b68;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3812" id="rect3812"
width="37" width="37"
height="198" height="198"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

6
common/cinnamon/common-assets/misc/add-workspace.svg
View File

@ -25,8 +25,8 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="8" inkscape:zoom="8"
inkscape:cx="9.897951" inkscape:cx="-12.039549"
inkscape:cy="99.174726" inkscape:cy="128.92473"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="true" showgrid="true"
@ -65,7 +65,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title /> <dc:title></dc:title>
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

19
common/cinnamon/sass/_common.scss
View File

@ -33,7 +33,10 @@ stage {
min-height: 20px; min-height: 20px;
padding: 5px 32px; padding: 5px 32px;
transition-duration: 0; transition-duration: 0;
&, &:focus, &:hover, &:hover:focus, &:active, &:active:focus, &:insensitive {
border-radius: 2px; border-radius: 2px;
}
@include button(normal); @include button(normal);
@ -488,11 +491,15 @@ StScrollBar {
background-image: url("common-assets/misc/add-workspace.svg"); background-image: url("common-assets/misc/add-workspace.svg");
height: 200px; height: 200px;
width: 35px; width: 35px;
transition-duration: 200; transition-duration: 100;
&:hover { &:hover {
background-image: url("common-assets/misc/add-workspace-hover.svg"); background-image: url("common-assets/misc/add-workspace-hover.svg");
transition-duration: 200; transition-duration: 100;
}
&:active {
background-image: url("common-assets/misc/add-workspace-active.svg");
transition-duration: 100;
} }
} }
&-overview-background-shade { background-color: rgba(0,0,0,0.5); } &-overview-background-shade { background-color: rgba(0,0,0,0.5); }
@ -785,7 +792,7 @@ StScrollBar {
&:selected { &:selected {
color: $selected_fg_color; color: $selected_fg_color;
background-color: $selected_bg_color; background-color: $selected_bg_color;
border: 1px solid $selected_bg_color; border: 0px solid $selected_bg_color;
} }
} }
@ -1055,7 +1062,7 @@ StScrollBar {
padding: 10px; padding: 10px;
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
&:hover { @include button(hover); } &:hover { @extend %button:hover; }
} }
&-places { &-places {
@ -1083,7 +1090,7 @@ StScrollBar {
&-selected { &-selected {
padding: 7px; padding: 7px;
@include button(hover); @extend %button:hover;
&:highlighted { font-weight: bold; } &:highlighted { font-weight: bold; }
} }
@ -1098,7 +1105,7 @@ StScrollBar {
&-selected { &-selected {
padding: 7px; padding: 7px;
@include button(hover); @extend %button:hover;
} }
&-hover { &-hover {
background-color: red; background-color: red;