diff --git a/install.sh b/install.sh
index c9f29666..4416ddfa 100755
--- a/install.sh
+++ b/install.sh
@@ -530,7 +530,7 @@ install_theme() {
 install_customize_theme() {
   for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do
     for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do
-      customize_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}"
+      customize_theme "${panel_opacity}" "${sidebar_size}"
     done
   done
 }
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets.svg b/src/assets/gtk-3.0/common-assets/sidebar-assets.svg
index 4711f91a..ff4e4f7e 100644
--- a/src/assets/gtk-3.0/common-assets/sidebar-assets.svg
+++ b/src/assets/gtk-3.0/common-assets/sidebar-assets.svg
@@ -1,671 +1,123 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<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"
-   sodipodi:docname="sidebar-view.svg"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   id="svg1544"
-   version="1.1"
-   viewBox="0 0 201.08333 211.66667"
-   height="800"
-   width="760">
-  <defs
-     id="defs1538" />
-  <sodipodi:namedview
-     inkscape:window-maximized="1"
-     inkscape:window-y="28"
-     inkscape:window-x="0"
-     inkscape:window-height="1020"
-     inkscape:window-width="1920"
-     units="px"
-     inkscape:guide-bbox="true"
-     showguides="true"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="px"
-     inkscape:cy="545.15991"
-     inkscape:cx="235.19645"
-     inkscape:zoom="0.98994949"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base">
-    <inkscape:grid
-       id="grid2147"
-       type="xygrid" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata1541">
-    <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
-     id="layer1"
-     inkscape:groupmode="layer"
-     inkscape:label="图层 1">
-    <rect
-       ry="0"
-       rx="0"
-       y="7.9375"
-       x="93.927086"
-       height="198.4375"
-       width="85.989571"
-       id="rect2149"
-       style="fill:#333333;stroke-width:0.61172;stroke-linecap:square" />
-    <g
-       style="display:inline"
-       transform="matrix(0.29398148,0,0,0.26458333,-202.25926,9.7895834)"
-       id="sidebar-view-hover-200px">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect5216"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.1;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.57864;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect5214"
-         width="162"
-         height="28"
-         x="751"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-active-200px"
-       transform="matrix(0.29398148,0,0,0.26458333,-202.25926,19.843753)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect5224"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="751"
-         height="28"
-         width="162"
-         id="rect5226"
-         style="opacity:0.2;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.57864;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.29398148,0,0,0.26458333,-202.25926,30.427083)"
-       id="sidebar-view-checked-200px">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect5230"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.15;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.57864;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect5232"
-         width="162"
-         height="28"
-         x="751"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-hover-200px-dark"
-       transform="matrix(0.29398148,0,0,0.26458333,-120.23842,9.7895834)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect1524"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="751"
-         height="28"
-         width="162"
-         id="rect1526"
-         style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.57864;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.29398148,0,0,0.26458333,-120.23842,19.843746)"
-       id="sidebar-view-active-200px-dark">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect1530"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.57864;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect1532"
-         width="162"
-         height="28"
-         x="751"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-checked-200px-dark"
-       transform="matrix(0.29398148,0,0,0.26458333,-120.23842,30.427086)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect1536"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="751"
-         height="28"
-         width="162"
-         id="rect1538"
-         style="opacity:0.15;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.57864;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       id="sidebar-view-hover-220px"
-       transform="matrix(0.32337963,0,0,0.26458333,-224.07269,48.683333)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2151"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="750.18182"
-         height="28"
-         width="163.63634"
-         id="rect2153"
-         style="opacity:0.1;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.59163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       transform="matrix(0.32337963,0,0,0.26458333,-224.07269,58.737503)"
-       id="sidebar-view-active-220px"
-       style="display:inline">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2157"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.2;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.59163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2159"
-         width="163.63634"
-         height="28"
-         x="750.18182"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-checked-220px"
-       transform="matrix(0.32337963,0,0,0.26458333,-224.07269,69.320833)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2163"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="750.18182"
-         height="28"
-         width="163.63634"
-         id="rect2165"
-         style="opacity:0.15;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.59163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.35277778,0,0,0.26458333,-245.88611,91.016667)"
-       id="sidebar-view-hover-240px">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2187"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.1;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.60241;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2189"
-         width="165.00002"
-         height="28"
-         x="749.5"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-active-240px"
-       transform="matrix(0.35277778,0,0,0.26458333,-245.88611,101.07084)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2193"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="749.5"
-         height="28"
-         width="165.00002"
-         id="rect2195"
-         style="opacity:0.2;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.60241;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.35277778,0,0,0.26458333,-245.88611,111.65417)"
-       id="sidebar-view-checked-240px">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2199"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.15;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.60241;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2201"
-         width="165.00002"
-         height="28"
-         x="749.5"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-hover-260px"
-       transform="matrix(0.38217593,0,0,0.26458333,-267.69953,130.175)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2223"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="748.92303"
-         height="28"
-         width="166.1539"
-         id="rect2225"
-         style="opacity:0.1;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.61149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       transform="matrix(0.38217593,0,0,0.26458333,-267.69953,140.22917)"
-       id="sidebar-view-active-260px"
-       style="display:inline">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2229"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.2;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.61149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2231"
-         width="166.1539"
-         height="28"
-         x="748.92303"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-checked-260px"
-       transform="matrix(0.38217593,0,0,0.26458333,-267.69953,150.8125)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2235"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="748.92303"
-         height="28"
-         width="166.1539"
-         id="rect2237"
-         style="opacity:0.15;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.61149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.41157407,0,0,0.26458333,-289.51295,168.53958)"
-       id="sidebar-view-hover-280px">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2241"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.1;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.61925;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2243"
-         width="167.1429"
-         height="28"
-         x="748.42853"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-active-280px"
-       transform="matrix(0.41157407,0,0,0.26458333,-289.51295,178.59375)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2247"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="748.42853"
-         height="28"
-         width="167.1429"
-         id="rect2249"
-         style="opacity:0.2;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.61925;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.41157407,0,0,0.26458333,-289.51295,189.17708)"
-       id="sidebar-view-checked-280px">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2253"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.15;fill:#00000c;fill-opacity:1;stroke:none;stroke-width:2.61925;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2255"
-         width="167.1429"
-         height="28"
-         x="748.42853"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.32337963,0,0,0.26458333,-142.05185,48.683333)"
-       id="sidebar-view-hover-220px-dark">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2263"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.59163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2265"
-         width="163.63634"
-         height="28"
-         x="750.18182"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-active-220px-dark"
-       transform="matrix(0.32337963,0,0,0.26458333,-142.05185,58.737503)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2269"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="750.18182"
-         height="28"
-         width="163.63634"
-         id="rect2271"
-         style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.59163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.32337963,0,0,0.26458333,-142.05185,69.320833)"
-       id="sidebar-view-checked-220px-dark">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2275"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.15;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.59163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2277"
-         width="163.63634"
-         height="28"
-         x="750.18182"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-hover-240px-dark"
-       transform="matrix(0.35277778,0,0,0.26458333,-163.86527,91.016667)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2281"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="749.5"
-         height="28"
-         width="165.00002"
-         id="rect2283"
-         style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.60241;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       transform="matrix(0.35277778,0,0,0.26458333,-163.86527,101.07084)"
-       id="sidebar-view-active-240px-dark"
-       style="display:inline">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2287"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.60241;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2289"
-         width="165.00002"
-         height="28"
-         x="749.5"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-checked-240px-dark"
-       transform="matrix(0.35277778,0,0,0.26458333,-163.86527,111.65417)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2293"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="749.5"
-         height="28"
-         width="165.00002"
-         id="rect2295"
-         style="opacity:0.15;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.60241;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.38217593,0,0,0.26458333,-185.67869,130.175)"
-       id="sidebar-view-hover-260px-dark">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2299"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.61149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2301"
-         width="166.1539"
-         height="28"
-         x="748.92303"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       style="display:inline"
-       id="sidebar-view-active-260px-dark"
-       transform="matrix(0.38217593,0,0,0.26458333,-185.67869,140.22917)">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2305"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="748.92303"
-         height="28"
-         width="166.1539"
-         id="rect2307"
-         style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.61149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       style="display:inline"
-       transform="matrix(0.38217593,0,0,0.26458333,-185.67869,150.8125)"
-       id="sidebar-view-checked-260px-dark">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2311"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.15;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.61149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2313"
-         width="166.1539"
-         height="28"
-         x="748.92303"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-hover-280px-dark"
-       transform="matrix(0.41157407,0,0,0.26458333,-207.49211,168.53958)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2317"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="748.42853"
-         height="28"
-         width="167.1429"
-         id="rect2319"
-         style="opacity:0.1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.61925;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-    <g
-       transform="matrix(0.41157407,0,0,0.26458333,-207.49211,178.59375)"
-       id="sidebar-view-active-280px-dark"
-       style="display:inline">
-      <rect
-         y="8"
-         x="742"
-         height="28"
-         width="180"
-         id="rect2323"
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <rect
-         style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.61925;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2325"
-         width="167.1429"
-         height="28"
-         x="748.42853"
-         y="8"
-         ry="5" />
-    </g>
-    <g
-       id="sidebar-view-checked-280px-dark"
-       transform="matrix(0.41157407,0,0,0.26458333,-207.49211,189.17708)"
-       style="display:inline">
-      <rect
-         style="opacity:0;fill:none;fill-opacity:1;stroke:none;stroke-width:2.71812;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect2329"
-         width="180"
-         height="28"
-         x="742"
-         y="8" />
-      <rect
-         ry="5"
-         y="8"
-         x="748.42853"
-         height="28"
-         width="167.1429"
-         id="rect2331"
-         style="opacity:0.15;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.61925;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-  </g>
+<svg width="760" height="800" version="1.1" viewBox="0 0 201.08 211.67" xmlns="http://www.w3.org/2000/svg">
+ <g id="sidebar-view-hover-220px">
+  <rect x="15.875" y="50.271" width="58.208" height="7.4083" opacity="0" stroke-width=".79507"/>
+  <rect x="18.521" y="50.271" width="52.917" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".1"/>
+ </g>
+ <rect x="93.927" y="7.9375" width="85.99" height="198.44" rx="0" ry="0" fill="#333333" stroke-linecap="square" stroke-width=".61172"/>
+ <g id="sidebar-view-hover-200px" transform="matrix(.29398 0 0 .26458 -202.26 9.7896)">
+  <rect x="742" y="8" width="180" height="28" opacity="0" stroke-width="2.7181"/>
+  <rect x="751" y="8" width="162" height="28" ry="5" fill="#00000c" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-200px" transform="matrix(.29398 0 0 .26458 -202.26 19.844)">
+  <rect x="742" y="8" width="180" height="28" opacity="0" stroke-width="2.7181"/>
+  <rect x="751" y="8" width="162" height="28" ry="5" fill="#00000c" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-200px" transform="matrix(.29398 0 0 .26458 -202.26 30.427)">
+  <rect x="742" y="8" width="180" height="28" opacity="0" stroke-width="2.7181"/>
+  <rect x="751" y="8" width="162" height="28" ry="5" fill="#00000c" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-200px-dark" transform="matrix(.29398 0 0 .26458 -120.24 9.7896)">
+  <rect x="742" y="8" width="180" height="28" opacity="0" stroke-width="2.7181"/>
+  <rect x="751" y="8" width="162" height="28" ry="5" fill="#ffffff" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-200px-dark" transform="matrix(.29398 0 0 .26458 -120.24 19.844)">
+  <rect x="742" y="8" width="180" height="28" opacity="0" stroke-width="2.7181"/>
+  <rect x="751" y="8" width="162" height="28" ry="5" fill="#ffffff" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-200px-dark" transform="matrix(.29398 0 0 .26458 -120.24 30.427)">
+  <rect x="742" y="8" width="180" height="28" opacity="0" stroke-width="2.7181"/>
+  <rect x="751" y="8" width="162" height="28" ry="5" fill="#ffffff" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-active-220px">
+  <rect x="15.875" y="60.325" width="58.208" height="7.4083" opacity="0" stroke-width=".79507"/>
+  <rect x="18.521" y="60.325" width="52.917" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-220px">
+  <rect x="15.875" y="70.908" width="58.208" height="7.4083" opacity="0" stroke-width=".79507"/>
+  <rect x="18.521" y="70.908" width="52.917" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-240px">
+  <rect x="15.875" y="91.81" width="63.5" height="7.4083" opacity="0" stroke-width=".83043"/>
+  <rect x="18.521" y="91.81" width="58.208" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-240px">
+  <rect x="15.875" y="101.86" width="63.5" height="7.4083" opacity="0" stroke-width=".83043"/>
+  <rect x="18.521" y="101.86" width="58.208" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-240px">
+  <rect x="15.875" y="112.45" width="63.5" height="7.4083" opacity="0" stroke-width=".83043"/>
+  <rect x="18.521" y="112.45" width="58.208" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-260px">
+  <rect x="15.875" y="131.23" width="68.792" height="7.4083" opacity="0" stroke-width=".86434"/>
+  <rect x="18.521" y="131.23" width="63.5" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-260px">
+  <rect x="15.875" y="141.29" width="68.792" height="7.4083" opacity="0" stroke-width=".86434"/>
+  <rect x="18.521" y="141.29" width="63.5" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-260px">
+  <rect x="15.875" y="151.87" width="68.792" height="7.4083" opacity="0" stroke-width=".86434"/>
+  <rect x="18.521" y="151.87" width="63.5" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-280px">
+  <rect x="15.875" y="171.98" width="74.083" height="7.4083" opacity="0" stroke-width=".89696"/>
+  <rect x="18.521" y="171.98" width="68.792" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-280px">
+  <rect x="15.875" y="182.03" width="74.083" height="7.4083" opacity="0" stroke-width=".89696"/>
+  <rect x="18.521" y="182.03" width="68.792" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-280px">
+  <rect x="15.875" y="192.62" width="74.083" height="7.4083" opacity="0" stroke-width=".89696"/>
+  <rect x="18.521" y="192.62" width="68.792" height="7.4083" rx="1.3229" ry="1.3229" fill="#00000c" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-220px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="50.271" width="58.208" height="7.4083" opacity="0" stroke-width=".79507"/>
+  <rect x="18.521" y="50.271" width="52.917" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-220px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="60.325" width="58.208" height="7.4083" opacity="0" stroke-width=".79507"/>
+  <rect x="18.521" y="60.325" width="52.917" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-220px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="70.908" width="58.208" height="7.4083" opacity="0" stroke-width=".79507"/>
+  <rect x="18.521" y="70.908" width="52.917" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-240px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="91.81" width="63.5" height="7.4083" opacity="0" stroke-width=".83043"/>
+  <rect x="18.521" y="91.81" width="58.208" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-240px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="101.86" width="63.5" height="7.4083" opacity="0" stroke-width=".83043"/>
+  <rect x="18.521" y="101.86" width="58.208" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-240px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="112.45" width="63.5" height="7.4083" opacity="0" stroke-width=".83043"/>
+  <rect x="18.521" y="112.45" width="58.208" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-260px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="131.23" width="68.792" height="7.4083" opacity="0" stroke-width=".86434"/>
+  <rect x="18.521" y="131.23" width="63.5" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-260px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="141.29" width="68.792" height="7.4083" opacity="0" stroke-width=".86434"/>
+  <rect x="18.521" y="141.29" width="63.5" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-260px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="151.87" width="68.792" height="7.4083" opacity="0" stroke-width=".86434"/>
+  <rect x="18.521" y="151.87" width="63.5" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".15"/>
+ </g>
+ <g id="sidebar-view-hover-280px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="171.98" width="74.083" height="7.4083" opacity="0" stroke-width=".89696"/>
+  <rect x="18.521" y="171.98" width="68.792" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".1"/>
+ </g>
+ <g id="sidebar-view-active-280px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="182.03" width="74.083" height="7.4083" opacity="0" stroke-width=".89696"/>
+  <rect x="18.521" y="182.03" width="68.792" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".2"/>
+ </g>
+ <g id="sidebar-view-checked-280px-dark" transform="translate(82.021)">
+  <rect x="15.875" y="192.62" width="74.083" height="7.4083" opacity="0" stroke-width=".89696"/>
+  <rect x="18.521" y="192.62" width="68.792" height="7.4083" rx="1.3229" ry="1.3229" fill="#ffffff" opacity=".15"/>
+ </g>
 </svg>
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png
index 8bf13b92..341820ac 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png
index 94cdb926..bac508a1 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png
index 747f8d96..01ee8af3 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png
index 9050fb40..b31366f8 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png
index a42e43e7..e8a9dcde 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png
index 0f87819f..35ea54b0 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png
index 725d90e4..a36938a8 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png
index 79e95151..ab38351d 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png
index 478e0b31..d21965f9 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png
index 07857375..aca4d2e8 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png
index e1fd7990..c45be2e8 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png
index 9c2dc4d5..6b8945dc 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png
index 4a2883fd..e13af3ae 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png
index 29f3b71f..b112e23b 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png
index 1b4eba77..91b968c5 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png
index ee09ae4b..c15804bf 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png
index 673d59a5..16156928 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png
index 74491894..3f7709d8 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png
index d3cb8a41..2330bfcc 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png
index d665baf7..ada09087 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png
index 8ed0a1f2..229bc611 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png
index dcfc20a4..0ac3268b 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png
index d0339b96..b79b643b 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png
index ddaf4146..4a8833e6 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png
index 484f6458..23411143 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png
index 8c154c68..5390468a 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png
index ea09a23b..a986d5ab 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png
index 96891481..b909ebe5 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png
index b313338f..b15e5de8 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png
index a858eb6b..59999123 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png
index ab4f5cc8..b64e8ff0 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png
index 28d0b762..1934cd00 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png
index fac49cf6..1ab6817b 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png
index c1c47404..5fc0713f 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png
index 8c350134..3ad3862e 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png
index 05bfad81..473915ac 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png
index 115f1e56..1bfcda2c 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png
index bec8244b..fcaed6b1 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png
index 52e24eb9..d3818a2b 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png
index df1bb8c2..f9669011 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png
index aec4b0a3..c29f00e5 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png
index f8a7d384..d133ab03 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png
index 7fdfa0ef..ecd3bc01 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png
index 656af9ac..223b6847 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png
index 45c0a9a5..1fd14825 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png
index 316813de..e1aa51d9 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png
index 23a8b9f9..4f762573 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png differ
diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png
index 9a56ed08..44f64dad 100644
Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png and b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png differ
diff --git a/src/main/cinnamon/cinnamon-dark-blue.css b/src/main/cinnamon/cinnamon-dark-blue.css
index 9e77ba82..1af9e9ad 100644
--- a/src/main/cinnamon/cinnamon-dark-blue.css
+++ b/src/main/cinnamon/cinnamon-dark-blue.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #2E7CF7;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-green.css b/src/main/cinnamon/cinnamon-dark-green.css
index a9a4a131..33d9334b 100644
--- a/src/main/cinnamon/cinnamon-dark-green.css
+++ b/src/main/cinnamon/cinnamon-dark-green.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #79B757;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-grey.css b/src/main/cinnamon/cinnamon-dark-grey.css
index fd126feb..2150e1f3 100644
--- a/src/main/cinnamon/cinnamon-dark-grey.css
+++ b/src/main/cinnamon/cinnamon-dark-grey.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #8C8C8C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-orange.css b/src/main/cinnamon/cinnamon-dark-orange.css
index d530150c..02e0fd21 100644
--- a/src/main/cinnamon/cinnamon-dark-orange.css
+++ b/src/main/cinnamon/cinnamon-dark-orange.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E9873A;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-pink.css b/src/main/cinnamon/cinnamon-dark-pink.css
index f2d45bc1..9262379d 100644
--- a/src/main/cinnamon/cinnamon-dark-pink.css
+++ b/src/main/cinnamon/cinnamon-dark-pink.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E55E9C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-purple.css b/src/main/cinnamon/cinnamon-dark-purple.css
index c4872d09..0442fc7a 100644
--- a/src/main/cinnamon/cinnamon-dark-purple.css
+++ b/src/main/cinnamon/cinnamon-dark-purple.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #9A57A3;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-red.css b/src/main/cinnamon/cinnamon-dark-red.css
index 7d5900ec..b5a7925c 100644
--- a/src/main/cinnamon/cinnamon-dark-red.css
+++ b/src/main/cinnamon/cinnamon-dark-red.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #ED5F5D;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.css b/src/main/cinnamon/cinnamon-dark-solid-blue.css
index b0daf7ff..5c73701d 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-blue.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-blue.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #2E7CF7;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.css b/src/main/cinnamon/cinnamon-dark-solid-green.css
index e1c2e92d..4e9856cd 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-green.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-green.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #79B757;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.css b/src/main/cinnamon/cinnamon-dark-solid-grey.css
index b8fb5ce7..4255d2e5 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-grey.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-grey.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #8C8C8C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.css b/src/main/cinnamon/cinnamon-dark-solid-orange.css
index 938e4c6e..ccb2d9b6 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-orange.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-orange.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E9873A;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.css b/src/main/cinnamon/cinnamon-dark-solid-pink.css
index 737672ac..ee498ef6 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-pink.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-pink.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E55E9C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.css b/src/main/cinnamon/cinnamon-dark-solid-purple.css
index f3d21b4a..47a69d2a 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-purple.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-purple.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #9A57A3;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.css b/src/main/cinnamon/cinnamon-dark-solid-red.css
index 65a9f5de..32b5980d 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-red.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-red.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #ED5F5D;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.css b/src/main/cinnamon/cinnamon-dark-solid-yellow.css
index 29705f2a..1a4c2859 100644
--- a/src/main/cinnamon/cinnamon-dark-solid-yellow.css
+++ b/src/main/cinnamon/cinnamon-dark-solid-yellow.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #F3BA4B;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-dark-yellow.css b/src/main/cinnamon/cinnamon-dark-yellow.css
index 4686483f..3eecb24c 100644
--- a/src/main/cinnamon/cinnamon-dark-yellow.css
+++ b/src/main/cinnamon/cinnamon-dark-yellow.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #dedede;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(222, 222, 222, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(222, 222, 222, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(222, 222, 222, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(104, 104, 104, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #F3BA4B;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-blue.css b/src/main/cinnamon/cinnamon-light-blue.css
index d03dceeb..e8f4b428 100644
--- a/src/main/cinnamon/cinnamon-light-blue.css
+++ b/src/main/cinnamon/cinnamon-light-blue.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #2E7CF7;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-green.css b/src/main/cinnamon/cinnamon-light-green.css
index 86d1ebb1..a23b71f2 100644
--- a/src/main/cinnamon/cinnamon-light-green.css
+++ b/src/main/cinnamon/cinnamon-light-green.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #79B757;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-grey.css b/src/main/cinnamon/cinnamon-light-grey.css
index 16e889c1..d28cd1e6 100644
--- a/src/main/cinnamon/cinnamon-light-grey.css
+++ b/src/main/cinnamon/cinnamon-light-grey.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #8C8C8C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-orange.css b/src/main/cinnamon/cinnamon-light-orange.css
index e27832a4..882516c1 100644
--- a/src/main/cinnamon/cinnamon-light-orange.css
+++ b/src/main/cinnamon/cinnamon-light-orange.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E9873A;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-pink.css b/src/main/cinnamon/cinnamon-light-pink.css
index 7833a815..a87aa863 100644
--- a/src/main/cinnamon/cinnamon-light-pink.css
+++ b/src/main/cinnamon/cinnamon-light-pink.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E55E9C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-purple.css b/src/main/cinnamon/cinnamon-light-purple.css
index 9c890bdc..c8d55a1c 100644
--- a/src/main/cinnamon/cinnamon-light-purple.css
+++ b/src/main/cinnamon/cinnamon-light-purple.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #9A57A3;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-red.css b/src/main/cinnamon/cinnamon-light-red.css
index d1c883b1..5519b943 100644
--- a/src/main/cinnamon/cinnamon-light-red.css
+++ b/src/main/cinnamon/cinnamon-light-red.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #ED5F5D;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.css b/src/main/cinnamon/cinnamon-light-solid-blue.css
index f3eb015a..ac4a34fc 100644
--- a/src/main/cinnamon/cinnamon-light-solid-blue.css
+++ b/src/main/cinnamon/cinnamon-light-solid-blue.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #2E7CF7;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-green.css b/src/main/cinnamon/cinnamon-light-solid-green.css
index ab1645c0..dc8715c9 100644
--- a/src/main/cinnamon/cinnamon-light-solid-green.css
+++ b/src/main/cinnamon/cinnamon-light-solid-green.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #79B757;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.css b/src/main/cinnamon/cinnamon-light-solid-grey.css
index dc6b7324..ac02c3d9 100644
--- a/src/main/cinnamon/cinnamon-light-solid-grey.css
+++ b/src/main/cinnamon/cinnamon-light-solid-grey.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #8C8C8C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.css b/src/main/cinnamon/cinnamon-light-solid-orange.css
index 1bbd8578..8327a2ba 100644
--- a/src/main/cinnamon/cinnamon-light-solid-orange.css
+++ b/src/main/cinnamon/cinnamon-light-solid-orange.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E9873A;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.css b/src/main/cinnamon/cinnamon-light-solid-pink.css
index 5fe797f8..72efc785 100644
--- a/src/main/cinnamon/cinnamon-light-solid-pink.css
+++ b/src/main/cinnamon/cinnamon-light-solid-pink.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #E55E9C;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.css b/src/main/cinnamon/cinnamon-light-solid-purple.css
index cbf7146c..607cb73f 100644
--- a/src/main/cinnamon/cinnamon-light-solid-purple.css
+++ b/src/main/cinnamon/cinnamon-light-solid-purple.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #9A57A3;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-red.css b/src/main/cinnamon/cinnamon-light-solid-red.css
index bd563e8f..48ef7d14 100644
--- a/src/main/cinnamon/cinnamon-light-solid-red.css
+++ b/src/main/cinnamon/cinnamon-light-solid-red.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #ED5F5D;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.css b/src/main/cinnamon/cinnamon-light-solid-yellow.css
index d538119d..0ab1702d 100644
--- a/src/main/cinnamon/cinnamon-light-solid-yellow.css
+++ b/src/main/cinnamon/cinnamon-light-solid-yellow.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #F3BA4B;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {
diff --git a/src/main/cinnamon/cinnamon-light-yellow.css b/src/main/cinnamon/cinnamon-light-yellow.css
index 16a5c236..232ae969 100644
--- a/src/main/cinnamon/cinnamon-light-yellow.css
+++ b/src/main/cinnamon/cinnamon-light-yellow.css
@@ -816,18 +816,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .datemenu-date-label {
   padding: .4em 1.75em;
-  font-weight: bold;
+  font-weight: normal;
   text-align: center;
+  font-size: 14px;
   color: #242424;
   border-radius: 6px;
 }
 
 .calendar-day-base {
-  font-size: 80%;
   text-align: center;
-  width: 25px;
-  height: 25px;
-  padding: 0.1em;
+  width: 28px;
+  height: 28px;
+  padding: 0;
   margin: 2px;
   border-radius: 100px;
 }
@@ -835,7 +835,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-day-heading {
   color: rgba(36, 36, 36, 0.85);
   margin-top: 1em;
-  font-size: 70%;
 }
 
 .calendar-day {
@@ -873,8 +872,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
   color: rgba(36, 36, 36, 0.7);
-  font-size: 80%;
+  font-weight: bold;
+  background-color: rgba(36, 36, 36, 0.05);
+  border-radius: 100px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
 }
 
 #notification {
@@ -1822,9 +1831,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player {
-  padding: 0 3px;
+  padding: 0 0;
+  margin-top: 6px;
   border-radius: 6px;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sound-player > StBoxLayout:first-child {
@@ -1851,27 +1861,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-generic-coverart {
-  background: rgba(34, 34, 34, 0.95);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 .sound-player-overlay {
   width: 290px;
-  height: 70px;
-  padding: 15px 0;
+  height: 80px;
+  padding: 12px 16px 8px;
   spacing: 0.5em;
-  background: rgba(34, 34, 34, 0.95);
+  background-color: rgba(69, 69, 69, 0.9);
   border: none;
   border-radius: 0 0 6px 6px;
   color: #dadada;
 }
 
 .sound-player-overlay StButton {
-  width: 22px;
+  width: 16px;
   height: 16px;
-  padding: 6px;
-  margin: 0 2px;
+  padding: 8px;
+  margin: 0 6px 6px;
   color: #dadada;
-  border-radius: 6px;
+  border-radius: 100px;
   border: none;
 }
 
@@ -1880,15 +1890,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .sound-player-overlay StButton:hover {
-  text-shadow: none;
-  color: #dadada;
-  background-color: #747474;
+  background-color: rgba(218, 218, 218, 0.1);
 }
 
 .sound-player-overlay StButton:active {
-  text-shadow: none;
-  color: white;
-  background-color: #F3BA4B;
+  background-color: rgba(218, 218, 218, 0.25);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(218, 218, 218, 0.35);
 }
 
 .sound-player-overlay StLabel {