diff --git a/install.sh b/install.sh
index c9f2966..4416ddf 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 4711f91..ff4e4f7 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 8bf13b9..341820a 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 94cdb92..bac508a 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 747f8d9..01ee8af 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 9050fb4..b31366f 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 a42e43e..e8a9dcd 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 0f87819..35ea54b 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 725d90e..a36938a 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 79e9515..ab38351 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 478e0b3..d21965f 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 0785737..aca4d2e 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 e1fd799..c45be2e 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 9c2dc4d..6b8945d 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 4a2883f..e13af3a 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 29f3b71..b112e23 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 1b4eba7..91b968c 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 ee09ae4..c15804b 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 673d59a..1615692 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 7449189..3f7709d 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 d3cb8a4..2330bfc 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 d665baf..ada0908 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 8ed0a1f..229bc61 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 dcfc20a..0ac3268 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 d0339b9..b79b643 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 ddaf414..4a8833e 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 484f645..2341114 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 8c154c6..5390468 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 ea09a23..a986d5a 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 9689148..b909ebe 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 b313338..b15e5de 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 a858eb6..5999912 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 ab4f5cc..b64e8ff 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 28d0b76..1934cd0 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 fac49cf..1ab6817 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 c1c4740..5fc0713 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 8c35013..3ad3862 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 05bfad8..473915a 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 115f1e5..1bfcda2 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 bec8244..fcaed6b 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 52e24eb..d3818a2 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 df1bb8c..f966901 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 aec4b0a..c29f00e 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 f8a7d38..d133ab0 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 7fdfa0e..ecd3bc0 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 656af9a..223b684 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 45c0a9a..1fd1482 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 316813d..e1aa51d 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 23a8b9f..4f76257 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 9a56ed0..44f64da 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 9e77ba8..1af9e9a 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 a9a4a13..33d9334 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 fd126fe..2150e1f 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 d530150..02e0fd2 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 f2d45bc..9262379 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 c4872d0..0442fc7 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 7d5900e..b5a7925 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 b0daf7f..5c73701 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 e1c2e92..4e9856c 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 b8fb5ce..4255d2e 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 938e4c6..ccb2d9b 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 737672a..ee498ef 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 f3d21b4..47a69d2 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 65a9f5d..32b5980 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 29705f2..1a4c285 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 4686483..3eecb24 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 d03dcee..e8f4b42 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 86d1ebb..a23b71f 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 16e889c..d28cd1e 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 e27832a..882516c 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 7833a81..a87aa86 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 9c890bd..c8d55a1 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 d1c883b..5519b94 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 f3eb015..ac4a34f 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 ab1645c..dc8715c 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 dc6b732..ac02c3d 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 1bbd857..8327a2b 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 5fe797f..72efc78 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 cbf7146..607cb73 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 bd563e8..48ef7d1 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 d538119..0ab1702 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 16a5c23..232ae96 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 {