initial commit

30 files changed, 8092 insertions, 0 deletions

diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png
new file mode 100644
index 0000000..129bad2
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace-hover.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png
new file mode 100644
index 0000000..0b70195
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/add-workspace.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg
new file mode 100644
index 0000000..54a9f2d
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-left.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
+ <path d="m11.75 14v-12l-7.75 6z" stroke="#ccc" stroke-linecap="round" stroke-width=".5" fill="#ccc"/>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg
new file mode 100644
index 0000000..8d9047b
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-arrow-right.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
+ <path d="m5.25 14v-12l7.5 6z" stroke="#ccc" stroke-linecap="round" stroke-width=".5" fill="#ccc"/>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg
new file mode 100644
index 0000000..5f80fe6
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/calendar-today.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="25" width="28" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <radialGradient id="a" stop-color="#fff" gradientUnits="userSpaceOnUse" cy="30" cx="51" gradientTransform="matrix(.31522 0 0 .37881 -2.0765 10.689)" r="42">
+   <stop offset="0"/>
+   <stop stop-opacity="0" offset="1"/>
+  </radialGradient>
+ </defs>
+ <path opacity=".4625" style="color:#000000" d="m-4.3506 22.053a18.351 22.053 0 1 1 36.701 0h-18.35z" fill="url(#a)"/>
+ <rect fill-opacity=".5" height="3" width="28" y="22" x="0" stroke-width=".5" fill="#fff"/>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/changes.txt b/src/usr/share/themes/bgstack15-red/cinnamon/changes.txt
new file mode 100644
index 0000000..cf74363
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/changes.txt
@@ -0,0 +1,2 @@
+rgba(80,80,80,0.9) = rgba(80,40,40,0.9)
+#a5a5a5 = #a57575
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg
new file mode 100644
index 0000000..b836f31
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox-off.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="checkbox-off.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4140">
+      <stop
+         style="stop-color:#292929;stop-opacity:1"
+         offset="0"
+         id="stop4142" />
+      <stop
+         style="stop-color:#515151;stop-opacity:1"
+         offset="1"
+         id="stop4144" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4140"
+       id="linearGradient4146"
+       x1="8"
+       y1="1037.3622"
+       x2="8"
+       y2="1045.3622"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="5.443714"
+     inkscape:cy="8.4765013"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="false"
+     inkscape:window-width="1275"
+     inkscape:window-height="843"
+     inkscape:window-x="528"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3336" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <rect
+       style="fill:url(#linearGradient4146);fill-rule:evenodd;stroke:#868686;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
+       id="rect3338"
+       width="15"
+       height="15"
+       x="0.5"
+       y="1036.8622"
+       rx="2.823529"
+       ry="2.823544" />
+  </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg
new file mode 100644
index 0000000..d7c9681
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/checkbox.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="checkbox.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4140">
+      <stop
+         style="stop-color:#292929;stop-opacity:1"
+         offset="0"
+         id="stop4142" />
+      <stop
+         style="stop-color:#515151;stop-opacity:1"
+         offset="1"
+         id="stop4144" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4140"
+       id="linearGradient4146"
+       x1="8"
+       y1="1037.3622"
+       x2="8"
+       y2="1045.3622"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="5.443714"
+     inkscape:cy="8.4765013"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="false"
+     inkscape:window-width="1275"
+     inkscape:window-height="843"
+     inkscape:window-x="528"
+     inkscape:window-y="26"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3336" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <rect
+       style="fill:url(#linearGradient4146);fill-rule:evenodd;stroke:#868686;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
+       id="rect3338"
+       width="15"
+       height="15"
+       x="0.5"
+       y="1036.8622"
+       rx="2.823529"
+       ry="2.823544" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#d5d5d5;stroke-width:2.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.1680701,1045.2435 3.394596,2.7033 6.3652989,-7.1528"
+       id="path4148"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+  </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css
new file mode 100644
index 0000000..907f076
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css
@@ -0,0 +1,1830 @@
+/* ###################################################################
+ * Section common with Gnome Shell
+ * ... contains a few cinnamon specific styles (rare occurrences)
+ * ###################################################################*/
+stage {
+    font-family: sans, sans-serif;
+}
+.cinnamon-link {
+    color: #0000ff;
+    text-decoration: underline;
+}
+.cinnamon-link:hover {
+    color: #0000e0;
+}
+.label-shadow {
+    color: rgba(0,0,0,0.5);
+}
+StScrollBar {
+    padding: 0px;
+}
+StScrollView.vfade {
+    -st-vfade-offset: 68px;
+}
+StScrollView StScrollBar {
+    min-width: 16px;
+    min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+    background-color: rgba(0,0,0,0);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#vhandle {
+    background-image: url("scroll-vhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle {
+    background-image: url("scroll-hhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle:hover,
+StScrollBar StButton#vhandle:hover {
+    background-color: rgba(204,204,204,0.5);
+}
+.separator {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,35,35,1);
+    -gradient-end: #553333;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.slider {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #666666;
+    -slider-border-color: #553333;
+    -slider-active-background-color: #CCCCCC;
+    -slider-active-border-color: #DDDDDD;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+#Tooltip {
+    border: 1px solid rgba(212,185,67,1.0);
+    border-radius: 4px;
+    padding: 2px 12px;
+    background-gradient-end: rgba(251,234,159,0.9);
+    background-gradient-start: rgba(254,245,198,0.9);
+    background-gradient-direction: vertical;
+    color: #000000;
+    font-size: 8.5pt;
+    font-weight: normal;
+    text-align: center;
+}
+/* ===================================================================
+ * Shared button properties
+ * ===================================================================*/
+.notification-button, .notification-icon-button,
+.modal-dialog-button,
+.sound-player-overlay StButton {
+    color: white;
+    border: 1px solid #8b8b8b;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255, 255, 255, 0.2);
+    background-gradient-end: rgba(255, 255, 255, 0);
+}
+.notification-button:hover,
+.notification-icon-button:hover, .modal-dialog-button:hover,
+.sound-player-overlay StButton:hover {
+    background-gradient-start: rgba(255, 255, 255, 0.3);
+    background-gradient-end: rgba(255, 255, 255, 0.1);
+}
+.notification-button:focus,
+.notification-icon-button:focus,
+.modal-dialog-button:focus,
+.sound-player-overlay StButton:focus {
+    border: 2px solid #8b8b8b;
+}
+.notification-button:active, .notification-icon-button:active,
+.modal-dialog-button:active, .modal-dialog-button:pressed,
+.sound-player-overlay StButton:active {
+    background-gradient-start: rgba(255, 255, 255, 0);
+    background-gradient-end: rgba(255, 255, 255, 0.2);
+}
+/* ===================================================================
+ * PopupMenu (popupMenu.js)
+ * ===================================================================*/
+ /* .popup-menu-boxpointer and .popup-menu are kept for compatibility
+    with cinnamon version under 3.2. Use .menu in version 3.2 and above */
+.popup-menu-boxpointer {
+    -arrow-border-radius: 3px;
+    -arrow-background-color: rgba(40,40,40,0.9);
+    -arrow-border-width: 2px;
+    -arrow-border-color: #a57575;
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+.popup-menu {
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.menu {
+    border-radius: 8px;
+    background-color: rgba(80,40,40,0.9);
+    border-width: 2px;
+    border-color: #a57575;
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.popup-menu-arrow {
+    icon-size: 1.14em;
+}
+.popup-submenu-menu-item:open {
+    background-color: #8c2c2c;
+}
+.popup-sub-menu {
+    background-gradient-start: rgba(40,40,40,0.3);
+    background-gradient-end: rgba(40,40,40,0.7);
+    background-gradient-direction: vertical;
+}
+.popup-sub-menu .popup-menu-item:ltr {
+    padding-right: 1.75em;
+}
+.popup-sub-menu .popup-menu-item:rtl {
+    padding-left: 1.75em;
+}
+.popup-sub-menu StScrollBar {
+    padding: 4px;
+}
+.popup-sub-menu StScrollBar StBin#trough {
+    border-width: 0px;
+}
+.popup-sub-menu StScrollBar StBin#vhandle {
+    background-color: #4c4c4c;
+    border-width: 0px;
+}
+.popup-combo-menu {
+    background-color: rgba(0,0,0,0.9);
+    padding: 1em 0em;
+    color: #ffffff;
+    font-size: 10.5pt;
+    border: 1px solid #5f5f5f;
+    border-radius: 9px;
+}
+/* The remaining popup-menu sizing is all done in ems, so that if you
+ * override .popup-menu.font-size, everything else will scale with it.
+ */
+.popup-menu-content {
+    padding: 1em 0em;
+}
+.popup-menu-item {
+    padding: .4em 1.75em;
+    spacing: 1em;
+}
+.popup-menu-item:active {
+    background-color: #6c2c2c;
+}
+.popup-menu-item:insensitive {
+    color: #9f5f5f;
+}
+.popup-image-menu-item {
+}
+.popup-combobox-item {
+    spacing: 1em;
+}
+.popup-separator-menu-item {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,35,35,1);
+    -gradient-end: #553333;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.popup-alternating-menu-item:alternate {
+    font-weight: bold;
+}
+.popup-slider-menu-item {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #664444;
+    -slider-border-color: #553333;
+    -slider-active-background-color: #CC6666;
+    -slider-active-border-color: #DD7777;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+.popup-device-menu-item {
+    spacing: .5em;
+}
+.popup-inactive-menu-item {
+    font-weight: normal;
+    color: #944;
+}
+.popup-subtitle-menu-item {
+    font-weight: bold;
+}
+.popup-menu-icon {
+    icon-size: 1.14em;
+}
+/* Switches (to be used in menus) */
+.toggle-switch {
+    width: 65px;
+    height: 22px;
+}
+.toggle-switch-us {
+    background-image: url("toggle-off-us.svg");
+}
+.toggle-switch-us:checked {
+    background-image: url("toggle-on-us.svg");
+}
+.toggle-switch-intl {
+    background-image: url("toggle-off-intl.svg");
+}
+.toggle-switch-intl:checked {
+    background-image: url("toggle-on-intl.svg");
+}
+.nm-menu-item-icons {
+    spacing: .5em;
+}
+/* ===================================================================
+ * Panel (panel.js)
+ * ===================================================================*/
+#panel {
+    color: #ffffff;
+    background-color: #553333;
+    font-size: 8.5pt;
+    font-weight: normal;
+    height: 26px;
+    width: 32px;
+}
+#panel:highlight {
+    background-color: #aa5555;
+}
+.panel-dummy {
+    background-color: rgba(50, 50, 50, 0.4);
+}
+.panel-dummy:entered {
+    background-color: rgba(255, 35, 35, 0.4);
+}
+.panelLeft {
+    spacing: 4px;
+}
+.panelCenter {
+    spacing: 4px;
+}
+.panelRight {
+    spacing: 4px;
+}
+.panelLeft:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,0,0,0.05);
+    background-gradient-end: rgba(255,0,0,0.2);
+}
+.panelCenter:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,255,0,0.05);
+    background-gradient-end: rgba(0,255,0,0.2);
+}
+.panelRight:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,0,255,0.05);
+    background-gradient-end: rgba(0,0,255,0.2);
+}
+.panelLeft:ltr {
+    padding-right: 4px;
+}
+.panelLeft:rtl {
+    padding-left: 4px;
+}
+.panelRight:ltr {
+    padding-left: 0px;
+    spacing: 0px;
+}
+.panelRight:rtl {
+    padding-right: 0px;
+    spacing: 0px;
+}
+.panelLeft.vertical {
+    padding: 0px;
+}
+.panelRight.vertical {
+    padding: 0px;
+}
+.panelCenter.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+.panelLeft.vertical:dnd {
+}
+.panelCenter.vertical:dnd {
+}
+.panelRight.vertical:dnd {
+}
+.panel-top {
+}
+.panel-bottom {
+}
+.panel-left {
+}
+.panel-right {
+}
+.panel-status-button {
+    border: 0px solid #8b8b8b;
+    -natural-hpadding: 3px;
+    -minimum-hpadding: 3px;
+    font-weight: bold;
+    color: #ccc;
+    height: 22px;
+}
+.panel-status-button:hover {
+    color: white;
+}
+.system-status-icon {
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 0px;
+    margin: 0px;
+}
+
+.panel-corner {
+    -panel-corner-radius: 0px;
+    -panel-corner-background-color: black;
+    -panel-corner-inner-border-width: 2px;
+    -panel-corner-inner-border-color: transparent;
+    -panel-corner-outer-border-width: 1px;
+    -panel-corner-outer-border-color: #536272;
+}
+.panel-corner:active,
+.panel-corner:overview,
+.panel-corner:focus {
+    -panel-corner-inner-border-color: rgba(255,255,255,0.8);
+}
+#appMenu {
+    spacing: 4px;
+}
+.panel-button #appMenuIcon {
+    app-icon-bottom-clip: 1px;
+}
+.panel-button:active #appMenuIcon,
+.panel-button:checked #appMenuIcon,
+.panel-button:focus #appMenuIcon {
+    app-icon-bottom-clip: 2px;
+}
+.panel-button {
+    -natural-hpadding: 6px;
+    -minimum-hpadding: 2px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100;
+}
+.panel-button:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+.panel-button:active,
+.panel-button:overview,
+.panel-button:focus {
+
+}
+.panel-button:active > .system-status-icon,
+.panel-button:checked > .system-status-icon,
+.panel-button:focus > .system-status-icon {
+    icon-shadow: black 0px 2px 2px;
+}
+.panel-menu {
+    -boxpointer-gap: 4px
+}
+.popup-menu-item-dot {
+}
+.system-status-icon {
+    icon-size: 1.14em;
+}
+/* ===================================================================
+ * Overview
+ * ===================================================================*/
+#overview {
+    spacing: 12px;
+}
+.window-caption {
+    background-color: black;
+    color: white;
+    spacing: 25px;
+}
+
+.window-caption#selected {
+    background-color: white;
+    color: black;
+    spacing: 25px;
+}
+
+.workspace-controls {
+    visible-height: 32px; /* Amount visible before hovering */
+}
+.workspace-thumbnails-background {
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border-right: 0px;
+    border-radius: 9px 9px 0px 0px;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 8px;
+}
+.workspace-thumbnails-background:rtl {
+    border-right: 1px;
+    border-left: 0px;
+    border-radius: 9px 9px 0px 0px;
+}
+.workspace-thumbnails {
+    spacing: 14px;
+}
+.workspace-add-button {
+    background-image: url("add-workspace.png");
+    height: 200px;
+    width: 35px;
+    transition-duration: 300;
+}
+.workspace-add-button:hover {
+    background-image: url("add-workspace-hover.png");
+    transition-duration: 300;
+}
+
+.workspace-close-button {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+
+.workspace-thumbnail-indicator {
+    outline: 2px solid white;
+    border: 1px solid #888;
+}
+.window-caption {
+    background: rgba(85,35,35,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 4px;
+    font-size: 9pt;
+    padding: 2px 8px;
+    -cinnamon-caption-spacing: 4px;
+}
+.window-close {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+.window-close:rtl {
+    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
+}
+
+.window-close-area {
+    background-image: url("trash-icon.png");
+    background-size: 100px;
+    background-color: rgba(60, 60, 60, 0.8);
+    border: 4px solid rgba(128,128,128,0.8);
+    border-bottom-width: 0px;
+    border-radius: 20px 20px 0px 0px;
+    height: 120px;
+    width: 400px;
+}
+
+.overview-icon {
+    border-radius: 4px;
+    padding: 3px;
+    border: 1px rgba(0,0,0,0);
+    font-size: 7.5pt;
+    color: white;
+    transition-duration: 100;
+    text-align: center;
+}
+
+.expo-background {
+    background-gradient-start: #000;
+    background-gradient-end: #AAA;
+    background-gradient-direction: vertical
+}
+
+.workspace-overview-background-shade {
+    background-color: rgba(0,0,0,0.4);
+}
+
+.expo-workspace-thumbnail-frame {
+    border: 1px, rgba(64,64,64,0.9);
+    background-color: rgba(64,64,64,0.9);
+}
+
+.expo-workspace-thumbnail-frame#active {
+    border: 2px, rgba(32,32,32,0.9);
+    background-color: rgba(32,32,32,0.9);
+}
+
+/* ===================================================================
+ * Looking Glass
+ * ===================================================================*/
+#LookingGlassDialog {
+    background-color: rgba(85,35,35,0.85);
+    spacing: 4px;
+    padding: 4px;
+    border: 2px solid grey;
+    border-radius: 4px;
+    color: #CCCCCC;
+}
+/* ===================================================================
+ * Date applet
+ * ===================================================================*/
+.calendar {
+    padding: .4em 1.75em;
+    spacing-rows: 0px;
+    spacing-columns: 0px;
+}
+.calendar-month-label {
+    color: #cccccc;
+    font-size: 7.5pt;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-weight: bold;
+}
+.calendar-change-month-back {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-left.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-back:rtl {
+    background-image: url("calendar-arrow-right.svg");
+}
+.calendar-change-month-back:hover {
+    background-color: #999999;
+}
+.calendar-change-month-back:active {
+    background-color: #aaaaaa;
+}
+.calendar-change-month-forward {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-right.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-forward:rtl {
+    background-image: url("calendar-arrow-left.svg");
+}
+.calendar-change-month-forward:hover {
+    background-color: #999999;
+}
+.calendar-change-month-forward:active {
+    background-color: #aaaaaa;
+}
+.datemenu-date-label {
+    padding: .4em 1.75em;
+    font-size: 10.5pt;
+    color: #cccccc;
+    font-weight: bold;
+}
+.calendar-day-base {
+    font-size: 7.5pt;
+    text-align: center;
+    width: 2.4em;
+    height: 2.4em;
+}
+.calendar-day-base:hover {
+    background-color: #777777;
+    color: #fff;
+}
+.calendar-day-base:active {
+    background-color: #553333;
+}
+.calendar-day-heading {
+    color: #cccccc;
+    padding-top: 1em;
+}
+.calendar-week-number {
+    color: #cccccc;
+    font-weight: bold;
+}
+/* Hack used in lieu of border-collapse - see calendar.js */
+.calendar-day:ltr {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-left-width: 0;
+}
+.calendar-day-top:ltr {
+    border-top-width: 1px;
+}
+.calendar-day-left:ltr {
+    border-left-width: 1px;
+}
+.calendar-day:rtl {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-right-width: 0;
+}
+.calendar-day-top:rtl {
+    border-top-width: 1px;
+}
+.calendar-day-left:rtl {
+    border-right-width: 1px;
+}
+.calendar-work-day {
+}
+.calendar-nonwork-day {
+    background-color: rgba(128, 128, 128, .1);
+}
+.calendar-today {
+    background-image: url("calendar-today.svg");
+    text-shadow: black 0px 2px 2px;
+    color: #ffffff;
+    font-weight: bold;
+}
+.calendar-other-month-day {
+    color: #888888;
+    background-color: rgba(64, 64, 64, .5);
+}
+.calendar-day-with-events {
+    font-weight: bold;
+    color: #cccccc;
+}
+/* ===================================================================
+ * Notifications
+ * ===================================================================*/
+#notification {
+    font-size: 8.5pt;
+    border-radius: 8px 8px 8px 8px;
+    border: 2px solid #a57575;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,35,35,0.8);
+    background-gradient-end: rgba(85,35,35,0.8);
+    padding: 8px 8px 8px 8px;
+    spacing-rows: 10px;
+    spacing-columns: 10px;
+    margin-from-right-edge-of-screen: 20px;
+    width: 34em;
+    color: white;
+}
+#notification.multi-line-notification {
+    padding-bottom: 8px;
+    color: white;
+}
+/* We use row-span = 2 for the image cell, which prevents its height preferences to be
+    taken into account during allocation, so its height ends up being limited by the height
+    of the content in the other rows. To avoid showing a stretched image, we set the minimum
+    height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
+.notification-with-image {
+    min-height: 159px;
+    color: white;
+}
+#notification-scrollview {
+    max-height: 10em;
+}
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+    height: 1em;
+}
+#notification-scrollview:ltr > StScrollBar {
+    padding-left: 6px;
+}
+#notification-scrollview:rtl > StScrollBar {
+    padding-right: 6px;
+}
+#notification-body {
+    spacing: 5px;
+}
+#notification-actions {
+    spacing: 10px;
+}
+.notification-button {
+    border-radius: 5px;
+    padding: 4px 8px 5px;
+}
+.notification-button:focus {
+    padding: 3px 8px 4px;
+}
+.notification-icon-button {
+    border-radius: 5px;
+    padding: 5px;
+}
+.notification-icon-button:focus {
+    padding: 4px;
+}
+.notification-icon-button > StIcon {
+    icon-size: 36px;
+}
+#notification StEntry {
+    padding: 4px;
+    border-radius: 4px;
+    color: #a8a8a8;
+    selected-color: black;
+    border: 1px solid rgba(245,245,245,0.2);
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    caret-color: #a8a8a8;
+    caret-size: 1px;
+}
+#notification StEntry:focus {
+    border: 1px solid #8b8b8b;
+    color: #333333;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    caret-color: #545454;
+    selection-background-color: #808080;
+}
+/* ===================================================================
+ * Alt Tab
+ * ===================================================================*/
+#altTabPopup {
+    padding: 8px;
+    spacing: 16px;
+}
+.switcher-list {
+    background: rgba(70,35,35,0.8);
+    border: 2px solid #a57575;
+    border-radius: 8px;
+    padding: 20px;
+    font-size: 9pt;
+    color: white;
+    text-shadow: black 0px 0px 2px;
+}
+.switcher-list-item-container {
+    spacing: 8px;
+}
+.thumbnail-scroll-gradient-left {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 1.0);
+    background-gradient-end: rgba(51, 51, 51, 0);
+    border-radius: 24px;
+    border-radius-topright: 0px;
+    border-radius-bottomright: 0px;
+    width: 60px;
+}
+.thumbnail-scroll-gradient-right {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 0);
+    background-gradient-end: rgba(51, 51, 51, 1.0);
+    border-radius: 24px;
+    border-radius-topleft: 0px;
+    border-radius-bottomleft: 0px;
+    width: 60px;
+}
+.switcher-list .item-box {
+    padding: 8px;
+    border-radius: 8px;
+}
+.switcher-list .item-box:outlined {
+    padding: 6px;
+    border: 2px solid rgba(85,35,35,1.0);
+}
+.switcher-list .item-box:selected {
+    background: rgba(255,180,180,0.33);
+}
+.switcher-list .thumbnail-box {
+    padding: 2px;
+    spacing: 4px;
+}
+.switcher-list .thumbnail {
+    width:  256px;
+}
+.switcher-list .separator {
+    width: 1px;
+    background: rgba(255,255,255,0.33);
+}
+.ripple-box {
+    width: 104px;
+    height: 104px;
+    background-image: url("corner-ripple.png");
+}
+.ripple-box:rtl {
+    background-image: url("corner-ripple.png");
+}
+.switcher-arrow {
+    border-color: rgba(0,0,0,0);
+    color: #808080;
+}
+.switcher-arrow:highlighted {
+    border-color: rgba(0,0,0,0);
+    color: white;
+}
+.switcher-preview-backdrop {
+   background-color: rgba(25,25,25,0.65);
+}
+
+/* ===================================================================
+ * Modal dialogs
+ * ===================================================================*/
+.modal-dialog {
+    font-size: 12pt;
+    border-radius: 24px;
+    background-color: rgba(85, 35, 35, 0.9);
+    border: 2px solid #865656;
+    color: #babdb6;
+    padding-right: 42px;
+    padding-left: 42px;
+    padding-bottom: 30px;
+    padding-top: 30px;
+}
+.modal-dialog-button-box {
+    spacing: 21px;
+}
+.modal-dialog-button {
+    border-radius: 18px;
+    font-size: 11pt;
+    color: white;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 4px 32px 5px;
+}
+.modal-dialog-button:disabled {
+    color: rgb(60, 60, 60);
+}
+.modal-dialog-button:focus {
+    padding: 3px 31px 4px;
+}
+
+/* Info OSD popup */
+.info-osd {
+    font-size: 18pt;
+    border-radius: 24px;
+    background-color: rgba(85, 35, 35, 0.9);
+    border: 2px solid #865656;
+    color: #ba6d66;
+    padding-right: 20px;
+    padding-left: 20px;
+    padding-bottom: 20px;
+    padding-top: 20px;
+    text-align: center;
+}
+
+/* ===================================================================
+ * Run dialog
+ * ===================================================================*/
+.run-dialog-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-box {
+    padding-top: 15px;
+    spacing: 5px;
+}
+.run-dialog-completion-box {
+    padding-left: 15px;
+    font-size: 10px;
+}
+.run-dialog-entry {
+    font-size: 10.5pt;
+    font-weight: bold;
+    width: 23em;
+    color: white;
+    selection-background-color: white;
+    selected-color: black;
+}
+.run-dialog {
+    border-radius: 16px;
+    padding-right: 21px;
+    padding-left: 21px;
+    padding-bottom: 15px;
+    padding-top: 15px;
+}
+.lightbox {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+    icon-size: 48px;
+}
+.mount-password-reask {
+    color: red;
+}
+.show-processes-dialog,
+.mount-question-dialog {
+    spacing: 24px;
+}
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+    font-size: 12pt;
+    font-weight: bold;
+    color: #666666;
+    padding-top: 10px;
+    padding-left: 17px;
+    padding-bottom: 6px;
+}
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+    padding-left: 0px;
+    padding-right: 17px;
+}
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+    font-size: 10pt;
+    color: white;
+    padding-left: 17px;
+    width: 28em;
+}
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list {
+    font-size: 10pt;
+    max-height: 200px;
+    padding-top: 24px;
+    padding-left: 49px;
+    padding-right: 32px;
+}
+.show-processes-dialog-app-list:rtl {
+    padding-right: 49px;
+    padding-left: 32px;
+}
+.show-processes-dialog-app-list-item {
+    color: #ccc;
+}
+.show-processes-dialog-app-list-item:hover {
+    color: white;
+}
+.show-processes-dialog-app-list-item:ltr {
+    padding-right: 1em;
+}
+.show-processes-dialog-app-list-item:rtl {
+    padding-left: 1em;
+}
+.show-processes-dialog-app-list-item-icon:ltr {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list-item-icon:rtl {
+    padding-left: 17px;
+}
+.show-processes-dialog-app-list-item-name {
+    font-size: 10pt;
+}
+/* ===================================================================
+ * Magnifier
+ * ===================================================================*/
+
+.magnifier-zoom-region {
+    border: 2px solid rgba(128, 0, 0, 255);
+}
+.magnifier-zoom-region.full-screen {
+    border-width: 0px;
+}
+/* ===================================================================
+ * On screen keyboard
+ * ===================================================================*/
+
+#keyboard {
+    background-color: #553333;
+}
+.keyboard-layout {
+    spacing: 10px;
+    padding: 10px;
+}
+.keyboard-row {
+    spacing: 15px;
+}
+.keyboard-key {
+    min-height: 30px;
+    min-width: 30px;
+    background-gradient-start: rgba(255,245,245,0.4);
+    background-gradient-end: rgba(105,105,105,0.1);
+    background-gradient-direction: vertical;
+    font-size: 14pt;
+    font-weight: bold;
+    border-radius: 10px;
+    border: 2px solid #a0a0a0;
+    color: white;
+}
+.keyboard-key:grayed {
+    color: #808080;
+    border-color: #808080;
+}
+.keyboard-key:checked,
+.keyboard-key:hover {
+    background: #303030;
+    border: 3px solid white;
+}
+.keyboard-key:active {
+    background: #808080;
+}
+.keyboard-subkeys {
+    color: white;
+    padding: 5px;
+    -arrow-border-radius: 3px;
+    -arrow-background-color: #090909;
+    -arrow-border-width: 2px;
+    -arrow-border-color: white;
+    -arrow-base: 20px;
+    -arrow-rise: 10px;
+    -boxpointer-gap: 5px;
+}
+/* ###################################################################
+ * Cinnamon Specific Section
+ * ###################################################################*/
+/* ===================================================================
+ * Menu (menu.js)
+ * ===================================================================*/
+/* Main menu title */
+
+.menu-favorites-box {
+    margin: auto;
+    padding: 10px;
+    border: 1px solid #644;
+    border-radius: 8px;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,35,35,0.8);
+    background-gradient-end: rgba(85,35,35,0.2);
+    transition-duration: 300;
+}
+.menu-favorites-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-favorites-button:hover {
+    color: white;
+    background-gradient-direction: vertical;
+    /*background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);*/
+    background-gradient-start: rgba(180,80,80,0.2);
+    background-gradient-end: rgba(180,80,80,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,128,128,0.06);
+    border-radius: 4px;
+}
+.menu-places-box {
+    margin: auto;
+    padding: 10px;
+    border: 0px solid #644;
+}
+.menu-places-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-categories-box {
+    padding-top: 10px;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-bottom: 10px;
+}
+.menu-applications-inner-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-applications-outer-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-application-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-application-button:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-application-button-selected:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-application-button-label:rtl {
+    padding-right: 5px;
+}
+.menu-category-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-category-button-greyed {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: #9C7C7C;
+    font-style: italic;
+}
+.menu-category-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    /*background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);*/
+    background-gradient-start: rgba(180,80,80,0.2);
+    background-gradient-end: rgba(180,80,80,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-category-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-category-button-label:rtl {
+    padding-right: 5px;
+
+}
+.menu-category-button-button:hover {
+    background-color: #966666;
+    border-radius: 8px;
+}
+/* Name and description of the currently hovered item in the menu
+ * This appears on the bottom right hand corner of the menu*/
+.menu-selected-app-box {
+    padding-right: 30px;
+    padding-left: 28px;
+    text-align: right;
+    height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+    padding-top: 10px;
+    height: 30px;
+}
+
+.menu-selected-app-title {
+    font-weight: bold;
+}
+.menu-selected-app-description {
+    max-width: 150px;
+}
+.menu-search-box:ltr {
+    padding-left: 30px;
+}
+.menu-search-box:rtl {
+    padding-right: 30px;
+}
+#menu-search-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,162,162,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 64, 64);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+#menu-search-entry:focus,
+#menu-search-entry:hover {
+    border: 2px solid rgb(136,69,69);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+#menu-search-entry:hover {
+    transition-duration: 300;
+}
+#menu-search-entry:focus {
+    color: rgb(64, 32, 32);
+    font-weight: bold;
+    transition-duration: 0;
+}
+.menu-search-entry-icon {
+    icon-size: 1em;
+    color: #8d8f8a;
+}
+/* Context menu (at the moment only for favorites) */
+.menu-context-menu {
+}
+/* ===================================================================
+ * Window list (windowList.js)
+ * ===================================================================*/
+.window-list-box {
+    spacing: 2px;
+    padding-left: 10px;
+    padding-top: 0px;
+}
+.window-list-box.vertical {
+    spacing: 3px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.window-list-box.vertical #appMenuIcon {
+    padding-top: 3px;
+}
+.window-list-item-label {
+    font-weight: bold;
+    width: 15em;
+    min-width: 5px;
+}
+.window-list-item-box {
+    color: rgba(255,255,255,1.0);
+    /*background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.05);
+    background-gradient-end: rgba(255,255,255,0.2);*/
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5);
+    border-radius: 2px 2px 0px 0px;
+    transition-duration: 100;
+}
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:focus {
+    /*background-gradient-direction: vertical;
+    background-gradient-start: rgba(226,226,226,0.5);
+    background-gradient-end: rgba(122,122,122,0.5);*/
+    background-color: rgba(229,119,82,0.5);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5);
+    border-radius: 2px 2px 0px 0px;
+    font-weight: bold;
+}
+.window-list-item-box:hover {
+    background-color: rgba(229,119,82,0.25);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,1.0);
+    border-radius: 2px 2px 0px 0px;
+}
+.window-list-item-demands-attention {
+    background-gradient-start: rgba(255,52,52,0.5);
+    background-gradient-end: rgba(255,144,144,0.5);
+}
+/* ===================================================================
+ * Sound Applet (sound@cinnamon.org)
+ * ===================================================================*/
+
+.sound-player StButton {
+    width: 22px;
+    height: 13px;
+    padding: 5px;
+    color: #aaa;
+}
+
+.sound-player StButton:small {
+    width: 16px;
+    height: 8px;
+    padding: 1px;
+}
+
+.sound-player StButton:small StIcon {
+    icon-size: 1em;
+}
+
+.sound-player StButton StIcon {
+    icon-size: 1.5em;
+}
+
+.sound-player StButton:hover, .sound-player StButton:active {
+    color: #fff;
+}
+
+.sound-player .slider {
+    height: 0.5em;
+    -slider-height: 0.5em;
+    -slider-background-color: #3c3c3c;
+    -slider-border-color: rgba(0,0,0,0);
+    -slider-active-background-color: #a57575;
+    -slider-active-border-color: rgba(0,0,0,0);
+    -slider-border-width: 0px;
+    -slider-handle-radius: 0px;
+}
+
+.sound-player StBoxLayout {
+    spacing: 0.5em;
+}
+
+.sound-player>StBoxLayout {
+    padding: 5px;
+}
+
+.sound-player-overlay {
+    width: 300px;
+    padding: 12px 16px;
+    spacing: 0.5em;
+    background-color: rgba(80,80,80,0.9);
+    color: #ffffff;
+    border-top: 2px solid #a57575;
+}
+
+.sound-player-overlay StButton {
+    border-radius: 5px;
+    padding: 8px;
+}
+
+.sound-player-overlay StButton > StIcon {
+    icon-size: 16px;
+}
+
+.sound-player-overlay StBoxLayout {
+    padding-top: 2px;
+}
+
+.sound-player-generic-coverart {
+    background: rgba(0,0,0,0.2);
+}
+
+/* ===================================================================
+ * Workspace Switcher applet (workspaceSwitcher.js)
+ * ===================================================================*/
+/* Controls the styling when using the "Simple buttons" option */
+.panel-top .workspace-switcher,
+.panel-bottom .workspace-switcher {
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.panel-left .workspace-switcher
+.panel-right .workspace-switcher {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
+.workspace-button {
+    width: 20px;
+    height: 10px;
+    color: #cccccc;
+    border: 1px;
+    border-color: #a6a6a6;
+    padding-top: 2px;
+    transition-duration: 300;
+}
+
+.workspace-button:outlined {
+    background: #cccccc;
+    color: #553333;
+    box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7);
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+    padding: 3px;
+    spacing: 3px;
+}
+
+.workspace-graph .workspace {
+    border: 1px solid #666;
+    background-gradient-direction: vertical;
+    background-gradient-start: #222;
+    background-gradient-end: #4d4d4d;
+}
+
+.workspace-graph .workspace:active {
+    border: 1px solid #ccc;
+    background-gradient-direction: vertical;
+    background-gradient-start: #111;
+    background-gradient-end: #3d3d3d;
+}
+
+.workspace-graph .workspace .windows {
+    -active-window-background: rgba(140, 140, 140, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.7);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.workspace-graph .workspace:active .windows {
+    -active-window-background: rgba(255, 255, 255, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.9);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+/* ===================================================================
+ * Panel Launchers Applet (panelLaunchers.js)
+ * ===================================================================*/
+.panel-launchers {
+    padding-left: 7px;
+    spacing: 2px;
+}
+
+.panel-launchers.vertical {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 3px;
+}
+
+.launcher {
+    padding-left: 1px;
+    padding-right: 1px;
+    border-bottom-width: 1px;
+    transition-duration: 300;
+}
+
+.launcher .icon-box {
+     padding-top: 2px;
+}
+
+.panel-launchers.vertical .launcher .icon-box {
+    padding-top: 0;
+}
+
+.panel-launchers .launcher:hover {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.0);
+    background-gradient-end: rgba(255,255,255,0.2);
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 1px;
+}
+
+.panel-launcher-add-dialog-content-box {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-left {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-right {
+    padding: 6px;
+    spacing: 10px;
+}
+
+.panel-launcher-add-dialog-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,245,245,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+
+.panel-launcher-add-dialog-entry:focus,
+.panel-launcher-add-dialog-entry:hover {
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+
+.panel-launcher-add-dialog-entry:hover {
+    transition-duration: 300;
+}
+
+.panel-launcher-add-dialog-entry:focus {
+    color: rgb(64, 64, 64);
+    font-weight: bold;
+    transition-duration: 0;
+}
+
+/* ===================================================================
+ * Overview corner
+ * ===================================================================*/
+#overview-corner {
+    background-image: url("overview.png");
+}
+#overview-corner:hover {
+    background-image:   url("overview-hover.png");
+}
+/* ===================================================================
+ * Applets (applet.js)
+ * ===================================================================*/
+.applet-separator {
+    padding: 5px 4px;
+}
+.applet-separator-line {
+    width: 2px;
+    background: rgba(255,255,255,.5);
+}
+.applet-separator-line-vertical {
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 2px;
+}
+.applet-box {
+    padding-left: 3px;
+    padding-right: 3px;
+    color: #ccc;
+    text-shadow: black 0px 0px 2px;
+    transition-duration: 300;
+}
+.applet-box:hover {
+    color: #fff;
+}
+.applet-box.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+.applet-box.vertical:hover {
+}
+.applet-box:highlight {
+    background-color: #aa5555;
+}
+.applet-label {
+    font-weight: bold;
+    color: #ccc;
+}
+.applet-box:hover > .applet-label {
+    color: #fff;
+    text-shadow: white 0px 0px 5px;
+}
+.applet-box.vertical:hover > .applet-label {
+}
+.applet-icon {
+    color: #ccc;
+    icon-size: 22px;
+}
+.applet-box:hover .applet-icon {
+    color: #fff;
+    icon-shadow: white 0px 0px 3px;
+}
+.applet-box.vertical:hover .applet-icon {
+}
+/* ===================================================================
+ * Desklets (desklet.js)
+ * ===================================================================*/
+.desklet {
+    color: #fff;
+}
+
+.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header {
+    background-color: #aa5555;
+}
+
+.desklet-with-borders {
+    border: 2px solid #a57575;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+}
+
+.desklet-with-borders-and-header {
+    border: 2px solid #a57575;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-top: 1px;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+}
+
+.desklet-header {
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+    font-size: 10.5pt;
+    border: 2px solid #a57575;
+    border-bottom: 0px;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    padding: 6px;
+}
+
+.desklet-drag-placeholder {
+    border: 2px solid #6daa00;
+    background-color: rgba(109,170, 0, 0.3);
+}
+/* ===================================================================
+ * About Dialog (applet.js and desklet.js)
+ * ===================================================================*/
+.about-content {
+    width: 550px;
+    height: 250px;
+    spacing: 8px;
+    padding-bottom: 16px;
+}
+
+.about-title {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+.about-uuid {
+    font-size: .8em;
+}
+
+.about-icon {
+    padding-right: 20px;
+}
+
+.about-scrollBox {
+    border: solid 1px grey;
+    border-radius: 4px;
+}
+
+.about-scrollBox-innerBox {
+    padding: 1.2em;
+    spacing: 1.2em;
+}
+
+.about-description {
+    padding-top: 4px;
+}
+
+.about-version {
+    padding-left: 7px;
+}
+
+
+/* ===================================================================
+ * Clock Desklet (desklet.js)
+ * ===================================================================*/
+.clock-desklet-label {
+}
+
+/* ===================================================================
+ * Workspace OSD
+ * ===================================================================*/
+
+.workspace-osd {
+    color: #ffffff;
+    text-shadow: black 5px 5px 5px;
+    font-weight: bold;
+    font-size: 48pt;
+}
+
+.expo-workspaces-name-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(200, 200, 200);
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(128,128,128);
+    background-gradient-end: rgb(85,35,35);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    text-align: center;
+}
+
+.expo-workspaces-name-entry#selected {
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    font-weight: bold;
+    color: rgb(0, 0, 0);
+}
+
+.expo-workspaces-name-entry:focus {
+    color: rgb(0, 0, 0);
+    font-weight: bold;
+    font-style: italic;
+    transition-duration: 300;
+}
+
+/* ===================================================================
+ * Notification Applet
+ * ===================================================================*/
+
+.notification-applet-padding {
+    padding: .5em 1em;
+}
+
+.notification-applet-container {
+    max-height: 100px;
+}
+
+/* Check Boxes */
+.check-box CinnamonGenericContainer {
+    spacing: .2em;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("checkbox-off.svg");
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+    background-image: url("checkbox.svg");
+}
+
+.check-box StLabel {
+   font-weight: normal;
+}
+
+.radiobutton CinnamonGenericContainer {
+    spacing: .2em;
+    height: 18px;
+    padding-top: 2px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("radiobutton-off.svg");
+    border-radius: 15px;
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+    background-image: url("radiobutton.svg");
+}
+
+.radiobutton StLabel {
+   padding-top: 4px;
+   font-size: 0.9em;
+   box-shadow: none;
+}
+
+.flashspot {
+   background-color: white;
+}
+
+/* Media keys OSD popup */
+.osd-window {
+    background: rgba(60,20,20,0.8);
+    border: 2px solid #a57575;
+    border-radius: 8px;
+    padding: 20px;
+    color: white;
+    spacing: 1em;
+}
+
+.osd-window .level {
+    height: 0.7em;
+    border-radius: 0.3em;
+    background-color: rgba(190,90,90,0.2);
+}
+
+.tile-preview,
+.tile-hud {
+    background-color: rgba(85, 85, 85, 0.5);
+    border: 2px solid rgba(134, 134, 134, 0.8);
+}
+
+.tile-preview.snap,
+.tile-hud.snap {
+    background-color: rgba(134, 134, 170, 0.5);
+    border: 2px solid rgba(85, 85, 85, 0.8);
+}
+
+.tile-hud:top {
+    border-top-width: 0px;
+    border-radius: 0px 0px 8px 8px;
+}
+
+.tile-hud:bottom {
+    border-bottom-width: 0px;
+    border-radius: 8px 8px 0px 0px;
+}
+
+.tile-hud:left {
+    border-left-width: 0px;
+    border-radius: 0px 8px 8px 0px;
+}
+
+.tile-hud:right {
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 8px;
+}
+
+.tile-hud:top-left {
+    border-top-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 0px 8px 0px;
+}
+
+.tile-hud:top-right {
+    border-top-width: 0px;
+    border-right-width: 0px;
+    border-radius: 0px 0px 0px 8px;
+}
+
+.tile-hud:bottom-left {
+    border-bottom-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 8px 0px 0px;
+}
+
+.tile-hud:bottom-right {
+    border-bottom-width: 0px;
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 0px;
+}
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01 b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01
new file mode 100644
index 0000000..10942c4
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.01
@@ -0,0 +1,1823 @@
+/* ###################################################################
+ * Section common with Gnome Shell
+ * ... contains a few cinnamon specific styles (rare occurrences)
+ * ###################################################################*/
+stage {
+    font-family: sans, sans-serif;
+}
+.cinnamon-link {
+    color: #0000ff;
+    text-decoration: underline;
+}
+.cinnamon-link:hover {
+    color: #0000e0;
+}
+.label-shadow {
+    color: rgba(0,0,0,0.5);
+}
+StScrollBar {
+    padding: 0px;
+}
+StScrollView.vfade {
+    -st-vfade-offset: 68px;
+}
+StScrollView StScrollBar {
+    min-width: 16px;
+    min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+    background-color: rgba(0,0,0,0);
+    border: 1px solid #555555;
+    border-radius: 4px;
+}
+StScrollBar StButton#vhandle {
+    background-image: url("scroll-vhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #555555;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle {
+    background-image: url("scroll-hhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #555555;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle:hover,
+StScrollBar StButton#vhandle:hover {
+    background-color: rgba(204,204,204,0.5);
+}
+.separator {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,85,85,1);
+    -gradient-end: #555555;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.slider {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #666666;
+    -slider-border-color: #555555;
+    -slider-active-background-color: #CCCCCC;
+    -slider-active-border-color: #DDDDDD;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+#Tooltip {
+    border: 1px solid rgba(212,185,67,1.0);
+    border-radius: 4px;
+    padding: 2px 12px;
+    background-gradient-end: rgba(251,234,159,0.9);
+    background-gradient-start: rgba(254,245,198,0.9);
+    background-gradient-direction: vertical;
+    color: #000000;
+    font-size: 8.5pt;
+    font-weight: normal;
+    text-align: center;
+}
+/* ===================================================================
+ * Shared button properties
+ * ===================================================================*/
+.notification-button, .notification-icon-button,
+.modal-dialog-button,
+.sound-player-overlay StButton {
+    color: white;
+    border: 1px solid #8b8b8b;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255, 255, 255, 0.2);
+    background-gradient-end: rgba(255, 255, 255, 0);
+}
+.notification-button:hover,
+.notification-icon-button:hover, .modal-dialog-button:hover,
+.sound-player-overlay StButton:hover {
+    background-gradient-start: rgba(255, 255, 255, 0.3);
+    background-gradient-end: rgba(255, 255, 255, 0.1);
+}
+.notification-button:focus,
+.notification-icon-button:focus,
+.modal-dialog-button:focus,
+.sound-player-overlay StButton:focus {
+    border: 2px solid #8b8b8b;
+}
+.notification-button:active, .notification-icon-button:active,
+.modal-dialog-button:active, .modal-dialog-button:pressed,
+.sound-player-overlay StButton:active {
+    background-gradient-start: rgba(255, 255, 255, 0);
+    background-gradient-end: rgba(255, 255, 255, 0.2);
+}
+/* ===================================================================
+ * PopupMenu (popupMenu.js)
+ * ===================================================================*/
+ /* .popup-menu-boxpointer and .popup-menu are kept for compatibility
+    with cinnamon version under 3.2. Use .menu in version 3.2 and above */
+.popup-menu-boxpointer {
+    -arrow-border-radius: 8px;
+    -arrow-background-color: rgba(80,80,80,0.9);
+    -arrow-border-width: 2px;
+    -arrow-border-color: #a5a5a5;
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+.popup-menu {
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.menu {
+    border-radius: 8px;
+    background-color: rgba(80,80,80,0.9);
+    border-width: 2px;
+    border-color: #a5a5a5;
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.popup-menu-arrow {
+    icon-size: 1.14em;
+}
+.popup-submenu-menu-item:open {
+    background-color: #4c4c4c;
+}
+.popup-sub-menu {
+    background-gradient-start: rgba(80,80,80,0.3);
+    background-gradient-end: rgba(80,80,80,0.7);
+    background-gradient-direction: vertical;
+}
+.popup-sub-menu .popup-menu-item:ltr {
+    padding-right: 1.75em;
+}
+.popup-sub-menu .popup-menu-item:rtl {
+    padding-left: 1.75em;
+}
+.popup-sub-menu StScrollBar {
+    padding: 4px;
+}
+.popup-sub-menu StScrollBar StBin#trough {
+    border-width: 0px;
+}
+.popup-sub-menu StScrollBar StBin#vhandle {
+    background-color: #4c4c4c;
+    border-width: 0px;
+}
+.popup-combo-menu {
+    background-color: rgba(0,0,0,0.9);
+    padding: 1em 0em;
+    color: #ffffff;
+    font-size: 10.5pt;
+    border: 1px solid #5f5f5f;
+    border-radius: 9px;
+}
+/* The remaining popup-menu sizing is all done in ems, so that if you
+ * override .popup-menu.font-size, everything else will scale with it.
+ */
+.popup-menu-content {
+    padding: 1em 0em;
+}
+.popup-menu-item {
+    padding: .4em 1.75em;
+    spacing: 1em;
+}
+.popup-menu-item:active {
+    background-color: #4c4c4c;
+}
+.popup-menu-item:insensitive {
+    color: #9f9f9f;
+}
+.popup-image-menu-item {
+}
+.popup-combobox-item {
+    spacing: 1em;
+}
+.popup-separator-menu-item {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,85,85,1);
+    -gradient-end: #555555;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.popup-alternating-menu-item:alternate {
+    font-weight: bold;
+}
+.popup-slider-menu-item {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #666666;
+    -slider-border-color: #555555;
+    -slider-active-background-color: #CCCCCC;
+    -slider-active-border-color: #DDDDDD;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+.popup-device-menu-item {
+    spacing: .5em;
+}
+.popup-inactive-menu-item {
+    font-weight: normal;
+    color: #999;
+}
+.popup-subtitle-menu-item {
+    font-weight: bold;
+}
+.popup-menu-icon {
+    icon-size: 1.14em;
+}
+/* Switches (to be used in menus) */
+.toggle-switch {
+    width: 65px;
+    height: 22px;
+}
+.toggle-switch-us {
+    background-image: url("toggle-off-us.svg");
+}
+.toggle-switch-us:checked {
+    background-image: url("toggle-on-us.svg");
+}
+.toggle-switch-intl {
+    background-image: url("toggle-off-intl.svg");
+}
+.toggle-switch-intl:checked {
+    background-image: url("toggle-on-intl.svg");
+}
+.nm-menu-item-icons {
+    spacing: .5em;
+}
+/* ===================================================================
+ * Panel (panel.js)
+ * ===================================================================*/
+#panel {
+    color: #ffffff;
+    background-color: #555555;
+    font-size: 8.5pt;
+    font-weight: normal;
+    height: 26px;
+    width: 32px;
+}
+#panel:highlight {
+    background-color: #aa5555;
+}
+.panel-dummy {
+    background-color: rgba(50, 50, 50, 0.4);
+}
+.panel-dummy:entered {
+    background-color: rgba(255, 35, 35, 0.4);
+}
+.panelLeft {
+    spacing: 4px;
+}
+.panelCenter {
+    spacing: 4px;
+}
+.panelRight {
+    spacing: 4px;
+}
+.panelLeft:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,0,0,0.05);
+    background-gradient-end: rgba(255,0,0,0.2);
+}
+.panelCenter:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,255,0,0.05);
+    background-gradient-end: rgba(0,255,0,0.2);
+}
+.panelRight:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,0,255,0.05);
+    background-gradient-end: rgba(0,0,255,0.2);
+}
+.panelLeft:ltr {
+    padding-right: 4px;
+}
+.panelLeft:rtl {
+    padding-left: 4px;
+}
+.panelRight:ltr {
+    padding-left: 0px;
+    spacing: 0px;
+}
+.panelRight:rtl {
+    padding-right: 0px;
+    spacing: 0px;
+}
+.panelLeft.vertical {
+    padding: 0px;
+}
+.panelRight.vertical {
+    padding: 0px;
+}
+.panelCenter.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+.panelLeft.vertical:dnd {
+}
+.panelCenter.vertical:dnd {
+}
+.panelRight.vertical:dnd {
+}
+.panel-top {
+}
+.panel-bottom {
+}
+.panel-left {
+}
+.panel-right {
+}
+.panel-status-button {
+    border: 0px solid #8b8b8b;
+    -natural-hpadding: 3px;
+    -minimum-hpadding: 3px;
+    font-weight: bold;
+    color: #ccc;
+    height: 22px;
+}
+.panel-status-button:hover {
+    color: white;
+}
+.system-status-icon {
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 0px;
+    margin: 0px;
+}
+
+.panel-corner {
+    -panel-corner-radius: 0px;
+    -panel-corner-background-color: black;
+    -panel-corner-inner-border-width: 2px;
+    -panel-corner-inner-border-color: transparent;
+    -panel-corner-outer-border-width: 1px;
+    -panel-corner-outer-border-color: #536272;
+}
+.panel-corner:active,
+.panel-corner:overview,
+.panel-corner:focus {
+    -panel-corner-inner-border-color: rgba(255,255,255,0.8);
+}
+#appMenu {
+    spacing: 4px;
+}
+.panel-button #appMenuIcon {
+    app-icon-bottom-clip: 1px;
+}
+.panel-button:active #appMenuIcon,
+.panel-button:checked #appMenuIcon,
+.panel-button:focus #appMenuIcon {
+    app-icon-bottom-clip: 2px;
+}
+.panel-button {
+    -natural-hpadding: 6px;
+    -minimum-hpadding: 2px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100;
+}
+.panel-button:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+.panel-button:active,
+.panel-button:overview,
+.panel-button:focus {
+
+}
+.panel-button:active > .system-status-icon,
+.panel-button:checked > .system-status-icon,
+.panel-button:focus > .system-status-icon {
+    icon-shadow: black 0px 2px 2px;
+}
+.panel-menu {
+    -boxpointer-gap: 4px
+}
+.popup-menu-item-dot {
+}
+.system-status-icon {
+    icon-size: 1.14em;
+}
+/* ===================================================================
+ * Overview
+ * ===================================================================*/
+#overview {
+    spacing: 12px;
+}
+.window-caption {
+    background-color: black;
+    color: white;
+    spacing: 25px;
+}
+
+.window-caption#selected {
+    background-color: white;
+    color: black;
+    spacing: 25px;
+}
+
+.workspace-controls {
+    visible-height: 32px; /* Amount visible before hovering */
+}
+.workspace-thumbnails-background {
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border-right: 0px;
+    border-radius: 9px 9px 0px 0px;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 8px;
+}
+.workspace-thumbnails-background:rtl {
+    border-right: 1px;
+    border-left: 0px;
+    border-radius: 9px 9px 0px 0px;
+}
+.workspace-thumbnails {
+    spacing: 14px;
+}
+.workspace-add-button {
+    background-image: url("add-workspace.png");
+    height: 200px;
+    width: 35px;
+    transition-duration: 300;
+}
+.workspace-add-button:hover {
+    background-image: url("add-workspace-hover.png");
+    transition-duration: 300;
+}
+
+.workspace-close-button {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+
+.workspace-thumbnail-indicator {
+    outline: 2px solid white;
+    border: 1px solid #888;
+}
+.window-caption {
+    background: rgba(85,85,85,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 4px;
+    font-size: 9pt;
+    padding: 2px 8px;
+    -cinnamon-caption-spacing: 4px;
+}
+.window-close {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+.window-close:rtl {
+    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
+}
+
+.window-close-area {
+    background-image: url("trash-icon.png");
+    background-size: 100px;
+    background-color: rgba(60, 60, 60, 0.8);
+    border: 4px solid rgba(128,128,128,0.8);
+    border-bottom-width: 0px;
+    border-radius: 20px 20px 0px 0px;
+    height: 120px;
+    width: 400px;
+}
+
+.overview-icon {
+    border-radius: 4px;
+    padding: 3px;
+    border: 1px rgba(0,0,0,0);
+    font-size: 7.5pt;
+    color: white;
+    transition-duration: 100;
+    text-align: center;
+}
+
+.expo-background {
+    background-gradient-start: #000;
+    background-gradient-end: #AAA;
+    background-gradient-direction: vertical
+}
+
+.workspace-overview-background-shade {
+    background-color: rgba(0,0,0,0.4);
+}
+
+.expo-workspace-thumbnail-frame {
+    border: 1px, rgba(64,64,64,0.9);
+    background-color: rgba(64,64,64,0.9);
+}
+
+.expo-workspace-thumbnail-frame#active {
+    border: 2px, rgba(32,32,32,0.9);
+    background-color: rgba(32,32,32,0.9);
+}
+
+/* ===================================================================
+ * Looking Glass
+ * ===================================================================*/
+#LookingGlassDialog {
+    background-color: rgba(85,85,85,0.85);
+    spacing: 4px;
+    padding: 4px;
+    border: 2px solid grey;
+    border-radius: 4px;
+    color: #CCCCCC;
+}
+/* ===================================================================
+ * Date applet
+ * ===================================================================*/
+.calendar {
+    padding: .4em 1.75em;
+    spacing-rows: 0px;
+    spacing-columns: 0px;
+}
+.calendar-month-label {
+    color: #cccccc;
+    font-size: 7.5pt;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-weight: bold;
+}
+.calendar-change-month-back {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-left.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-back:rtl {
+    background-image: url("calendar-arrow-right.svg");
+}
+.calendar-change-month-back:hover {
+    background-color: #999999;
+}
+.calendar-change-month-back:active {
+    background-color: #aaaaaa;
+}
+.calendar-change-month-forward {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-right.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-forward:rtl {
+    background-image: url("calendar-arrow-left.svg");
+}
+.calendar-change-month-forward:hover {
+    background-color: #999999;
+}
+.calendar-change-month-forward:active {
+    background-color: #aaaaaa;
+}
+.datemenu-date-label {
+    padding: .4em 1.75em;
+    font-size: 10.5pt;
+    color: #cccccc;
+    font-weight: bold;
+}
+.calendar-day-base {
+    font-size: 7.5pt;
+    text-align: center;
+    width: 2.4em;
+    height: 2.4em;
+}
+.calendar-day-base:hover {
+    background-color: #777777;
+    color: #fff;
+}
+.calendar-day-base:active {
+    background-color: #555555;
+}
+.calendar-day-heading {
+    color: #cccccc;
+    padding-top: 1em;
+}
+.calendar-week-number {
+    color: #cccccc;
+    font-weight: bold;
+}
+/* Hack used in lieu of border-collapse - see calendar.js */
+.calendar-day:ltr {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-left-width: 0;
+}
+.calendar-day-top:ltr {
+    border-top-width: 1px;
+}
+.calendar-day-left:ltr {
+    border-left-width: 1px;
+}
+.calendar-day:rtl {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-right-width: 0;
+}
+.calendar-day-top:rtl {
+    border-top-width: 1px;
+}
+.calendar-day-left:rtl {
+    border-right-width: 1px;
+}
+.calendar-work-day {
+}
+.calendar-nonwork-day {
+    background-color: rgba(128, 128, 128, .1);
+}
+.calendar-today {
+    background-image: url("calendar-today.svg");
+    text-shadow: black 0px 2px 2px;
+    color: #ffffff;
+    font-weight: bold;
+}
+.calendar-other-month-day {
+    color: #888888;
+    background-color: rgba(64, 64, 64, .5);
+}
+.calendar-day-with-events {
+    font-weight: bold;
+    color: #cccccc;
+}
+/* ===================================================================
+ * Notifications
+ * ===================================================================*/
+#notification {
+    font-size: 8.5pt;
+    border-radius: 8px 8px 8px 8px;
+    border: 2px solid #a5a5a5;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,85,85,0.8);
+    background-gradient-end: rgba(85,85,85,0.8);
+    padding: 8px 8px 8px 8px;
+    spacing-rows: 10px;
+    spacing-columns: 10px;
+    margin-from-right-edge-of-screen: 20px;
+    width: 34em;
+    color: white;
+}
+#notification.multi-line-notification {
+    padding-bottom: 8px;
+    color: white;
+}
+/* We use row-span = 2 for the image cell, which prevents its height preferences to be
+    taken into account during allocation, so its height ends up being limited by the height
+    of the content in the other rows. To avoid showing a stretched image, we set the minimum
+    height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
+.notification-with-image {
+    min-height: 159px;
+    color: white;
+}
+#notification-scrollview {
+    max-height: 10em;
+}
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+    height: 1em;
+}
+#notification-scrollview:ltr > StScrollBar {
+    padding-left: 6px;
+}
+#notification-scrollview:rtl > StScrollBar {
+    padding-right: 6px;
+}
+#notification-body {
+    spacing: 5px;
+}
+#notification-actions {
+    spacing: 10px;
+}
+.notification-button {
+    border-radius: 5px;
+    padding: 4px 8px 5px;
+}
+.notification-button:focus {
+    padding: 3px 8px 4px;
+}
+.notification-icon-button {
+    border-radius: 5px;
+    padding: 5px;
+}
+.notification-icon-button:focus {
+    padding: 4px;
+}
+.notification-icon-button > StIcon {
+    icon-size: 36px;
+}
+#notification StEntry {
+    padding: 4px;
+    border-radius: 4px;
+    color: #a8a8a8;
+    selected-color: black;
+    border: 1px solid rgba(245,245,245,0.2);
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    caret-color: #a8a8a8;
+    caret-size: 1px;
+}
+#notification StEntry:focus {
+    border: 1px solid #8b8b8b;
+    color: #333333;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    caret-color: #545454;
+    selection-background-color: #808080;
+}
+/* ===================================================================
+ * Alt Tab
+ * ===================================================================*/
+#altTabPopup {
+    padding: 8px;
+    spacing: 16px;
+}
+.switcher-list {
+    background: rgba(80,80,80,0.8);
+    border: 2px solid #a5a5a5;
+    border-radius: 8px;
+    padding: 20px;
+    font-size: 9pt;
+    color: white;
+    text-shadow: black 0px 0px 2px;
+}
+.switcher-list-item-container {
+    spacing: 8px;
+}
+.thumbnail-scroll-gradient-left {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 1.0);
+    background-gradient-end: rgba(51, 51, 51, 0);
+    border-radius: 24px;
+    border-radius-topright: 0px;
+    border-radius-bottomright: 0px;
+    width: 60px;
+}
+.thumbnail-scroll-gradient-right {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 0);
+    background-gradient-end: rgba(51, 51, 51, 1.0);
+    border-radius: 24px;
+    border-radius-topleft: 0px;
+    border-radius-bottomleft: 0px;
+    width: 60px;
+}
+.switcher-list .item-box {
+    padding: 8px;
+    border-radius: 8px;
+}
+.switcher-list .item-box:outlined {
+    padding: 6px;
+    border: 2px solid rgba(85,85,85,1.0);
+}
+.switcher-list .item-box:selected {
+    background: rgba(255,255,255,0.33);
+}
+.switcher-list .thumbnail-box {
+    padding: 2px;
+    spacing: 4px;
+}
+.switcher-list .thumbnail {
+    width:  256px;
+}
+.switcher-list .separator {
+    width: 1px;
+    background: rgba(255,255,255,0.33);
+}
+.ripple-box {
+    width: 104px;
+    height: 104px;
+    background-image: url("corner-ripple.png");
+}
+.ripple-box:rtl {
+    background-image: url("corner-ripple.png");
+}
+.switcher-arrow {
+    border-color: rgba(0,0,0,0);
+    color: #808080;
+}
+.switcher-arrow:highlighted {
+    border-color: rgba(0,0,0,0);
+    color: white;
+}
+.switcher-preview-backdrop {
+   background-color: rgba(25,25,25,0.65);
+}
+
+/* ===================================================================
+ * Modal dialogs
+ * ===================================================================*/
+.modal-dialog {
+    font-size: 12pt;
+    border-radius: 24px;
+    background-color: rgba(85, 85, 85, 0.9);
+    border: 2px solid #868686;
+    color: #babdb6;
+    padding-right: 42px;
+    padding-left: 42px;
+    padding-bottom: 30px;
+    padding-top: 30px;
+}
+.modal-dialog-button-box {
+    spacing: 21px;
+}
+.modal-dialog-button {
+    border-radius: 18px;
+    font-size: 11pt;
+    color: white;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 4px 32px 5px;
+}
+.modal-dialog-button:disabled {
+    color: rgb(60, 60, 60);
+}
+.modal-dialog-button:focus {
+    padding: 3px 31px 4px;
+}
+
+/* Info OSD popup */
+.info-osd {
+    font-size: 18pt;
+    border-radius: 24px;
+    background-color: rgba(85, 85, 85, 0.9);
+    border: 2px solid #868686;
+    color: #babdb6;
+    padding-right: 20px;
+    padding-left: 20px;
+    padding-bottom: 20px;
+    padding-top: 20px;
+    text-align: center;
+}
+
+/* ===================================================================
+ * Run dialog
+ * ===================================================================*/
+.run-dialog-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-box {
+    padding-top: 15px;
+    spacing: 5px;
+}
+.run-dialog-completion-box {
+    padding-left: 15px;
+    font-size: 10px;
+}
+.run-dialog-entry {
+    font-size: 10.5pt;
+    font-weight: bold;
+    width: 23em;
+    color: white;
+    selection-background-color: white;
+    selected-color: black;
+}
+.run-dialog {
+    border-radius: 16px;
+    padding-right: 21px;
+    padding-left: 21px;
+    padding-bottom: 15px;
+    padding-top: 15px;
+}
+.lightbox {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+    icon-size: 48px;
+}
+.mount-password-reask {
+    color: red;
+}
+.show-processes-dialog,
+.mount-question-dialog {
+    spacing: 24px;
+}
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+    font-size: 12pt;
+    font-weight: bold;
+    color: #666666;
+    padding-top: 10px;
+    padding-left: 17px;
+    padding-bottom: 6px;
+}
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+    padding-left: 0px;
+    padding-right: 17px;
+}
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+    font-size: 10pt;
+    color: white;
+    padding-left: 17px;
+    width: 28em;
+}
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list {
+    font-size: 10pt;
+    max-height: 200px;
+    padding-top: 24px;
+    padding-left: 49px;
+    padding-right: 32px;
+}
+.show-processes-dialog-app-list:rtl {
+    padding-right: 49px;
+    padding-left: 32px;
+}
+.show-processes-dialog-app-list-item {
+    color: #ccc;
+}
+.show-processes-dialog-app-list-item:hover {
+    color: white;
+}
+.show-processes-dialog-app-list-item:ltr {
+    padding-right: 1em;
+}
+.show-processes-dialog-app-list-item:rtl {
+    padding-left: 1em;
+}
+.show-processes-dialog-app-list-item-icon:ltr {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list-item-icon:rtl {
+    padding-left: 17px;
+}
+.show-processes-dialog-app-list-item-name {
+    font-size: 10pt;
+}
+/* ===================================================================
+ * Magnifier
+ * ===================================================================*/
+
+.magnifier-zoom-region {
+    border: 2px solid rgba(128, 0, 0, 255);
+}
+.magnifier-zoom-region.full-screen {
+    border-width: 0px;
+}
+/* ===================================================================
+ * On screen keyboard
+ * ===================================================================*/
+
+#keyboard {
+    background-color: #555555;
+}
+.keyboard-layout {
+    spacing: 10px;
+    padding: 10px;
+}
+.keyboard-row {
+    spacing: 15px;
+}
+.keyboard-key {
+    min-height: 30px;
+    min-width: 30px;
+    background-gradient-start: rgba(255,245,245,0.4);
+    background-gradient-end: rgba(105,105,105,0.1);
+    background-gradient-direction: vertical;
+    font-size: 14pt;
+    font-weight: bold;
+    border-radius: 10px;
+    border: 2px solid #a0a0a0;
+    color: white;
+}
+.keyboard-key:grayed {
+    color: #808080;
+    border-color: #808080;
+}
+.keyboard-key:checked,
+.keyboard-key:hover {
+    background: #303030;
+    border: 3px solid white;
+}
+.keyboard-key:active {
+    background: #808080;
+}
+.keyboard-subkeys {
+    color: white;
+    padding: 5px;
+    -arrow-border-radius: 10px;
+    -arrow-background-color: #090909;
+    -arrow-border-width: 2px;
+    -arrow-border-color: white;
+    -arrow-base: 20px;
+    -arrow-rise: 10px;
+    -boxpointer-gap: 5px;
+}
+/* ###################################################################
+ * Cinnamon Specific Section
+ * ###################################################################*/
+/* ===================================================================
+ * Menu (menu.js)
+ * ===================================================================*/
+/* Main menu title */
+
+.menu-favorites-box {
+    margin: auto;
+    padding: 10px;
+    border: 1px solid #666;
+    border-radius: 8px;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,85,85,0.8);
+    background-gradient-end: rgba(85,85,85,0.2);
+    transition-duration: 300;
+}
+.menu-favorites-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-favorites-button:hover {
+    color: white;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-places-box {
+    margin: auto;
+    padding: 10px;
+    border: 0px solid #666;
+}
+.menu-places-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-categories-box {
+    padding-top: 10px;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-bottom: 10px;
+}
+.menu-applications-inner-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-applications-outer-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-application-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-application-button:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-application-button-selected:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-application-button-label:rtl {
+    padding-right: 5px;
+}
+.menu-category-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-category-button-greyed {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: #9C9C9C;
+    font-style: italic;
+}
+.menu-category-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-category-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-category-button-label:rtl {
+    padding-right: 5px;
+
+}
+.menu-category-button-button:hover {
+    background-color: #969696;
+    border-radius: 8px;
+}
+/* Name and description of the currently hovered item in the menu
+ * This appears on the bottom right hand corner of the menu*/
+.menu-selected-app-box {
+    padding-right: 30px;
+    padding-left: 28px;
+    text-align: right;
+    height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+    padding-top: 10px;
+    height: 30px;
+}
+
+.menu-selected-app-title {
+    font-weight: bold;
+}
+.menu-selected-app-description {
+    max-width: 150px;
+}
+.menu-search-box:ltr {
+    padding-left: 30px;
+}
+.menu-search-box:rtl {
+    padding-right: 30px;
+}
+#menu-search-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,245,245,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+#menu-search-entry:focus,
+#menu-search-entry:hover {
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+#menu-search-entry:hover {
+    transition-duration: 300;
+}
+#menu-search-entry:focus {
+    color: rgb(64, 64, 64);
+    font-weight: bold;
+    transition-duration: 0;
+}
+.menu-search-entry-icon {
+    icon-size: 1em;
+    color: #8d8f8a;
+}
+/* Context menu (at the moment only for favorites) */
+.menu-context-menu {
+}
+/* ===================================================================
+ * Window list (windowList.js)
+ * ===================================================================*/
+.window-list-box {
+    spacing: 2px;
+    padding-left: 10px;
+    padding-top: 0px;
+}
+.window-list-box.vertical {
+    spacing: 3px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.window-list-box.vertical #appMenuIcon {
+    padding-top: 3px;
+}
+.window-list-item-label {
+    font-weight: bold;
+    width: 15em;
+    min-width: 5px;
+}
+.window-list-item-box {
+    color: rgba(255,255,255,1.0);
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.05);
+    background-gradient-end: rgba(255,255,255,0.2);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,0.5);
+    border-radius: 2px 2px 0px 0px;
+    transition-duration: 100;
+}
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:focus {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(226,226,226,0.5);
+    background-gradient-end: rgba(122,122,122,0.5);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,0.5);
+    border-radius: 2px 2px 0px 0px;
+}
+.window-list-item-box:hover {
+    box-shadow: inset 0px 0px 1px 1px rgba(170,170,170,1.0);
+    border-radius: 2px 2px 0px 0px;
+}
+.window-list-item-demands-attention {
+    background-gradient-start: rgba(255,52,52,0.5);
+    background-gradient-end: rgba(255,144,144,0.5);
+}
+/* ===================================================================
+ * Sound Applet (sound@cinnamon.org)
+ * ===================================================================*/
+
+.sound-player StButton {
+    width: 22px;
+    height: 13px;
+    padding: 5px;
+    color: #aaa;
+}
+
+.sound-player StButton:small {
+    width: 16px;
+    height: 8px;
+    padding: 1px;
+}
+
+.sound-player StButton:small StIcon {
+    icon-size: 1em;
+}
+
+.sound-player StButton StIcon {
+    icon-size: 1.5em;
+}
+
+.sound-player StButton:hover, .sound-player StButton:active {
+    color: #fff;
+}
+
+.sound-player .slider {
+    height: 0.5em;
+    -slider-height: 0.5em;
+    -slider-background-color: #3c3c3c;
+    -slider-border-color: rgba(0,0,0,0);
+    -slider-active-background-color: #a5a5a5;
+    -slider-active-border-color: rgba(0,0,0,0);
+    -slider-border-width: 0px;
+    -slider-handle-radius: 0px;
+}
+
+.sound-player StBoxLayout {
+    spacing: 0.5em;
+}
+
+.sound-player>StBoxLayout {
+    padding: 5px;
+}
+
+.sound-player-overlay {
+    width: 300px;
+    padding: 12px 16px;
+    spacing: 0.5em;
+    background-color: rgba(80,80,80,0.9);
+    color: #ffffff;
+    border-top: 2px solid #a5a5a5;
+}
+
+.sound-player-overlay StButton {
+    border-radius: 5px;
+    padding: 8px;
+}
+
+.sound-player-overlay StButton > StIcon {
+    icon-size: 16px;
+}
+
+.sound-player-overlay StBoxLayout {
+    padding-top: 2px;
+}
+
+.sound-player-generic-coverart {
+    background: rgba(0,0,0,0.2);
+}
+
+/* ===================================================================
+ * Workspace Switcher applet (workspaceSwitcher.js)
+ * ===================================================================*/
+/* Controls the styling when using the "Simple buttons" option */
+.panel-top .workspace-switcher,
+.panel-bottom .workspace-switcher {
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.panel-left .workspace-switcher
+.panel-right .workspace-switcher {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
+.workspace-button {
+    width: 20px;
+    height: 10px;
+    color: #cccccc;
+    border: 1px;
+    border-color: #a6a6a6;
+    padding-top: 2px;
+    transition-duration: 300;
+}
+
+.workspace-button:outlined {
+    background: #cccccc;
+    color: #555555;
+    box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7);
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+    padding: 3px;
+    spacing: 3px;
+}
+
+.workspace-graph .workspace {
+    border: 1px solid #666;
+    background-gradient-direction: vertical;
+    background-gradient-start: #222;
+    background-gradient-end: #4d4d4d;
+}
+
+.workspace-graph .workspace:active {
+    border: 1px solid #ccc;
+    background-gradient-direction: vertical;
+    background-gradient-start: #111;
+    background-gradient-end: #3d3d3d;
+}
+
+.workspace-graph .workspace .windows {
+    -active-window-background: rgba(140, 140, 140, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.7);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.workspace-graph .workspace:active .windows {
+    -active-window-background: rgba(255, 255, 255, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.9);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+/* ===================================================================
+ * Panel Launchers Applet (panelLaunchers.js)
+ * ===================================================================*/
+.panel-launchers {
+    padding-left: 7px;
+    spacing: 2px;
+}
+
+.panel-launchers.vertical {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 3px;
+}
+
+.launcher {
+    padding-left: 1px;
+    padding-right: 1px;
+    border-bottom-width: 1px;
+    transition-duration: 300;
+}
+
+.launcher .icon-box {
+     padding-top: 2px;
+}
+
+.panel-launchers.vertical .launcher .icon-box {
+    padding-top: 0;
+}
+
+.panel-launchers .launcher:hover {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.0);
+    background-gradient-end: rgba(255,255,255,0.2);
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 1px;
+}
+
+.panel-launcher-add-dialog-content-box {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-left {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-right {
+    padding: 6px;
+    spacing: 10px;
+}
+
+.panel-launcher-add-dialog-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,245,245,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+
+.panel-launcher-add-dialog-entry:focus,
+.panel-launcher-add-dialog-entry:hover {
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+
+.panel-launcher-add-dialog-entry:hover {
+    transition-duration: 300;
+}
+
+.panel-launcher-add-dialog-entry:focus {
+    color: rgb(64, 64, 64);
+    font-weight: bold;
+    transition-duration: 0;
+}
+
+/* ===================================================================
+ * Overview corner
+ * ===================================================================*/
+#overview-corner {
+    background-image: url("overview.png");
+}
+#overview-corner:hover {
+    background-image:   url("overview-hover.png");
+}
+/* ===================================================================
+ * Applets (applet.js)
+ * ===================================================================*/
+.applet-separator {
+    padding: 5px 4px;
+}
+.applet-separator-line {
+    width: 2px;
+    background: rgba(255,255,255,.5);
+}
+.applet-separator-line-vertical {
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 2px;
+}
+.applet-box {
+    padding-left: 3px;
+    padding-right: 3px;
+    color: #ccc;
+    text-shadow: black 0px 0px 2px;
+    transition-duration: 300;
+}
+.applet-box:hover {
+    color: #fff;
+}
+.applet-box.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+.applet-box.vertical:hover {
+}
+.applet-box:highlight {
+    background-color: #aa5555;
+}
+.applet-label {
+    font-weight: bold;
+    color: #ccc;
+}
+.applet-box:hover > .applet-label {
+    color: #fff;
+    text-shadow: white 0px 0px 5px;
+}
+.applet-box.vertical:hover > .applet-label {
+}
+.applet-icon {
+    color: #ccc;
+    icon-size: 22px;
+}
+.applet-box:hover .applet-icon {
+    color: #fff;
+    icon-shadow: white 0px 0px 3px;
+}
+.applet-box.vertical:hover .applet-icon {
+}
+/* ===================================================================
+ * Desklets (desklet.js)
+ * ===================================================================*/
+.desklet {
+    color: #fff;
+}
+
+.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header {
+    background-color: #aa5555;
+}
+
+.desklet-with-borders {
+    border: 2px solid #a5a5a5;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+}
+
+.desklet-with-borders-and-header {
+    border: 2px solid #a5a5a5;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-top: 1px;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+}
+
+.desklet-header {
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+    font-size: 10.5pt;
+    border: 2px solid #a5a5a5;
+    border-bottom: 0px;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    padding: 6px;
+}
+
+.desklet-drag-placeholder {
+    border: 2px solid #6daa00;
+    background-color: rgba(109,170, 0, 0.3);
+}
+/* ===================================================================
+ * About Dialog (applet.js and desklet.js)
+ * ===================================================================*/
+.about-content {
+    width: 550px;
+    height: 250px;
+    spacing: 8px;
+    padding-bottom: 16px;
+}
+
+.about-title {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+.about-uuid {
+    font-size: .8em;
+}
+
+.about-icon {
+    padding-right: 20px;
+}
+
+.about-scrollBox {
+    border: solid 1px grey;
+    border-radius: 4px;
+}
+
+.about-scrollBox-innerBox {
+    padding: 1.2em;
+    spacing: 1.2em;
+}
+
+.about-description {
+    padding-top: 4px;
+}
+
+.about-version {
+    padding-left: 7px;
+}
+
+
+/* ===================================================================
+ * Clock Desklet (desklet.js)
+ * ===================================================================*/
+.clock-desklet-label {
+}
+
+/* ===================================================================
+ * Workspace OSD
+ * ===================================================================*/
+
+.workspace-osd {
+    color: #ffffff;
+    text-shadow: black 5px 5px 5px;
+    font-weight: bold;
+    font-size: 48pt;
+}
+
+.expo-workspaces-name-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(200, 200, 200);
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(128,128,128);
+    background-gradient-end: rgb(85,85,85);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    text-align: center;
+}
+
+.expo-workspaces-name-entry#selected {
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    font-weight: bold;
+    color: rgb(0, 0, 0);
+}
+
+.expo-workspaces-name-entry:focus {
+    color: rgb(0, 0, 0);
+    font-weight: bold;
+    font-style: italic;
+    transition-duration: 300;
+}
+
+/* ===================================================================
+ * Notification Applet
+ * ===================================================================*/
+
+.notification-applet-padding {
+    padding: .5em 1em;
+}
+
+.notification-applet-container {
+    max-height: 100px;
+}
+
+/* Check Boxes */
+.check-box CinnamonGenericContainer {
+    spacing: .2em;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("checkbox-off.svg");
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+    background-image: url("checkbox.svg");
+}
+
+.check-box StLabel {
+   font-weight: normal;
+}
+
+.radiobutton CinnamonGenericContainer {
+    spacing: .2em;
+    height: 18px;
+    padding-top: 2px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("radiobutton-off.svg");
+    border-radius: 15px;
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+    background-image: url("radiobutton.svg");
+}
+
+.radiobutton StLabel {
+   padding-top: 4px;
+   font-size: 0.9em;
+   box-shadow: none;
+}
+
+.flashspot {
+   background-color: white;
+}
+
+/* Media keys OSD popup */
+.osd-window {
+    background: rgba(80,80,80,0.8);
+    border: 2px solid #a5a5a5;
+    border-radius: 8px;
+    padding: 20px;
+    color: white;
+    spacing: 1em;
+}
+
+.osd-window .level {
+    height: 0.7em;
+    border-radius: 0.3em;
+    background-color: rgba(190,190,190,0.2);
+}
+
+.tile-preview,
+.tile-hud {
+    background-color: rgba(85, 85, 85, 0.5);
+    border: 2px solid rgba(134, 134, 134, 0.8);
+}
+
+.tile-preview.snap,
+.tile-hud.snap {
+    background-color: rgba(134, 134, 170, 0.5);
+    border: 2px solid rgba(85, 85, 85, 0.8);
+}
+
+.tile-hud:top {
+    border-top-width: 0px;
+    border-radius: 0px 0px 8px 8px;
+}
+
+.tile-hud:bottom {
+    border-bottom-width: 0px;
+    border-radius: 8px 8px 0px 0px;
+}
+
+.tile-hud:left {
+    border-left-width: 0px;
+    border-radius: 0px 8px 8px 0px;
+}
+
+.tile-hud:right {
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 8px;
+}
+
+.tile-hud:top-left {
+    border-top-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 0px 8px 0px;
+}
+
+.tile-hud:top-right {
+    border-top-width: 0px;
+    border-right-width: 0px;
+    border-radius: 0px 0px 0px 8px;
+}
+
+.tile-hud:bottom-left {
+    border-bottom-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 8px 0px 0px;
+}
+
+.tile-hud:bottom-right {
+    border-bottom-width: 0px;
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 0px;
+}
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02 b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02
new file mode 100644
index 0000000..ba2a92a
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.02
@@ -0,0 +1,1830 @@
+/* ###################################################################
+ * Section common with Gnome Shell
+ * ... contains a few cinnamon specific styles (rare occurrences)
+ * ###################################################################*/
+stage {
+    font-family: sans, sans-serif;
+}
+.cinnamon-link {
+    color: #0000ff;
+    text-decoration: underline;
+}
+.cinnamon-link:hover {
+    color: #0000e0;
+}
+.label-shadow {
+    color: rgba(0,0,0,0.5);
+}
+StScrollBar {
+    padding: 0px;
+}
+StScrollView.vfade {
+    -st-vfade-offset: 68px;
+}
+StScrollView StScrollBar {
+    min-width: 16px;
+    min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+    background-color: rgba(0,0,0,0);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#vhandle {
+    background-image: url("scroll-vhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle {
+    background-image: url("scroll-hhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle:hover,
+StScrollBar StButton#vhandle:hover {
+    background-color: rgba(204,204,204,0.5);
+}
+.separator {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,35,35,1);
+    -gradient-end: #553333;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.slider {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #666666;
+    -slider-border-color: #553333;
+    -slider-active-background-color: #CCCCCC;
+    -slider-active-border-color: #DDDDDD;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+#Tooltip {
+    border: 1px solid rgba(212,185,67,1.0);
+    border-radius: 4px;
+    padding: 2px 12px;
+    background-gradient-end: rgba(251,234,159,0.9);
+    background-gradient-start: rgba(254,245,198,0.9);
+    background-gradient-direction: vertical;
+    color: #000000;
+    font-size: 8.5pt;
+    font-weight: normal;
+    text-align: center;
+}
+/* ===================================================================
+ * Shared button properties
+ * ===================================================================*/
+.notification-button, .notification-icon-button,
+.modal-dialog-button,
+.sound-player-overlay StButton {
+    color: white;
+    border: 1px solid #8b8b8b;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255, 255, 255, 0.2);
+    background-gradient-end: rgba(255, 255, 255, 0);
+}
+.notification-button:hover,
+.notification-icon-button:hover, .modal-dialog-button:hover,
+.sound-player-overlay StButton:hover {
+    background-gradient-start: rgba(255, 255, 255, 0.3);
+    background-gradient-end: rgba(255, 255, 255, 0.1);
+}
+.notification-button:focus,
+.notification-icon-button:focus,
+.modal-dialog-button:focus,
+.sound-player-overlay StButton:focus {
+    border: 2px solid #8b8b8b;
+}
+.notification-button:active, .notification-icon-button:active,
+.modal-dialog-button:active, .modal-dialog-button:pressed,
+.sound-player-overlay StButton:active {
+    background-gradient-start: rgba(255, 255, 255, 0);
+    background-gradient-end: rgba(255, 255, 255, 0.2);
+}
+/* ===================================================================
+ * PopupMenu (popupMenu.js)
+ * ===================================================================*/
+ /* .popup-menu-boxpointer and .popup-menu are kept for compatibility
+    with cinnamon version under 3.2. Use .menu in version 3.2 and above */
+.popup-menu-boxpointer {
+    -arrow-border-radius: 3px;
+    -arrow-background-color: rgba(40,40,40,0.9);
+    -arrow-border-width: 2px;
+    -arrow-border-color: #a57575;
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+.popup-menu {
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.menu {
+    border-radius: 8px;
+    background-color: rgba(80,40,40,0.9);
+    border-width: 2px;
+    border-color: #a57575;
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.popup-menu-arrow {
+    icon-size: 1.14em;
+}
+.popup-submenu-menu-item:open {
+    background-color: #4c4c4c;
+}
+.popup-sub-menu {
+    background-gradient-start: rgba(40,40,40,0.3);
+    background-gradient-end: rgba(40,40,40,0.7);
+    background-gradient-direction: vertical;
+}
+.popup-sub-menu .popup-menu-item:ltr {
+    padding-right: 1.75em;
+}
+.popup-sub-menu .popup-menu-item:rtl {
+    padding-left: 1.75em;
+}
+.popup-sub-menu StScrollBar {
+    padding: 4px;
+}
+.popup-sub-menu StScrollBar StBin#trough {
+    border-width: 0px;
+}
+.popup-sub-menu StScrollBar StBin#vhandle {
+    background-color: #4c4c4c;
+    border-width: 0px;
+}
+.popup-combo-menu {
+    background-color: rgba(0,0,0,0.9);
+    padding: 1em 0em;
+    color: #ffffff;
+    font-size: 10.5pt;
+    border: 1px solid #5f5f5f;
+    border-radius: 9px;
+}
+/* The remaining popup-menu sizing is all done in ems, so that if you
+ * override .popup-menu.font-size, everything else will scale with it.
+ */
+.popup-menu-content {
+    padding: 1em 0em;
+}
+.popup-menu-item {
+    padding: .4em 1.75em;
+    spacing: 1em;
+}
+.popup-menu-item:active {
+    background-color: #4c4c4c;
+}
+.popup-menu-item:insensitive {
+    color: #9f9f9f;
+}
+.popup-image-menu-item {
+}
+.popup-combobox-item {
+    spacing: 1em;
+}
+.popup-separator-menu-item {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,35,35,1);
+    -gradient-end: #553333;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.popup-alternating-menu-item:alternate {
+    font-weight: bold;
+}
+.popup-slider-menu-item {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #666666;
+    -slider-border-color: #553333;
+    -slider-active-background-color: #CCCCCC;
+    -slider-active-border-color: #DDDDDD;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+.popup-device-menu-item {
+    spacing: .5em;
+}
+.popup-inactive-menu-item {
+    font-weight: normal;
+    color: #999;
+}
+.popup-subtitle-menu-item {
+    font-weight: bold;
+}
+.popup-menu-icon {
+    icon-size: 1.14em;
+}
+/* Switches (to be used in menus) */
+.toggle-switch {
+    width: 65px;
+    height: 22px;
+}
+.toggle-switch-us {
+    background-image: url("toggle-off-us.svg");
+}
+.toggle-switch-us:checked {
+    background-image: url("toggle-on-us.svg");
+}
+.toggle-switch-intl {
+    background-image: url("toggle-off-intl.svg");
+}
+.toggle-switch-intl:checked {
+    background-image: url("toggle-on-intl.svg");
+}
+.nm-menu-item-icons {
+    spacing: .5em;
+}
+/* ===================================================================
+ * Panel (panel.js)
+ * ===================================================================*/
+#panel {
+    color: #ffffff;
+    background-color: #553333;
+    font-size: 8.5pt;
+    font-weight: normal;
+    height: 26px;
+    width: 32px;
+}
+#panel:highlight {
+    background-color: #aa5555;
+}
+.panel-dummy {
+    background-color: rgba(50, 50, 50, 0.4);
+}
+.panel-dummy:entered {
+    background-color: rgba(255, 35, 35, 0.4);
+}
+.panelLeft {
+    spacing: 4px;
+}
+.panelCenter {
+    spacing: 4px;
+}
+.panelRight {
+    spacing: 4px;
+}
+.panelLeft:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,0,0,0.05);
+    background-gradient-end: rgba(255,0,0,0.2);
+}
+.panelCenter:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,255,0,0.05);
+    background-gradient-end: rgba(0,255,0,0.2);
+}
+.panelRight:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,0,255,0.05);
+    background-gradient-end: rgba(0,0,255,0.2);
+}
+.panelLeft:ltr {
+    padding-right: 4px;
+}
+.panelLeft:rtl {
+    padding-left: 4px;
+}
+.panelRight:ltr {
+    padding-left: 0px;
+    spacing: 0px;
+}
+.panelRight:rtl {
+    padding-right: 0px;
+    spacing: 0px;
+}
+.panelLeft.vertical {
+    padding: 0px;
+}
+.panelRight.vertical {
+    padding: 0px;
+}
+.panelCenter.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+.panelLeft.vertical:dnd {
+}
+.panelCenter.vertical:dnd {
+}
+.panelRight.vertical:dnd {
+}
+.panel-top {
+}
+.panel-bottom {
+}
+.panel-left {
+}
+.panel-right {
+}
+.panel-status-button {
+    border: 0px solid #8b8b8b;
+    -natural-hpadding: 3px;
+    -minimum-hpadding: 3px;
+    font-weight: bold;
+    color: #ccc;
+    height: 22px;
+}
+.panel-status-button:hover {
+    color: white;
+}
+.system-status-icon {
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 0px;
+    margin: 0px;
+}
+
+.panel-corner {
+    -panel-corner-radius: 0px;
+    -panel-corner-background-color: black;
+    -panel-corner-inner-border-width: 2px;
+    -panel-corner-inner-border-color: transparent;
+    -panel-corner-outer-border-width: 1px;
+    -panel-corner-outer-border-color: #536272;
+}
+.panel-corner:active,
+.panel-corner:overview,
+.panel-corner:focus {
+    -panel-corner-inner-border-color: rgba(255,255,255,0.8);
+}
+#appMenu {
+    spacing: 4px;
+}
+.panel-button #appMenuIcon {
+    app-icon-bottom-clip: 1px;
+}
+.panel-button:active #appMenuIcon,
+.panel-button:checked #appMenuIcon,
+.panel-button:focus #appMenuIcon {
+    app-icon-bottom-clip: 2px;
+}
+.panel-button {
+    -natural-hpadding: 6px;
+    -minimum-hpadding: 2px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100;
+}
+.panel-button:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+.panel-button:active,
+.panel-button:overview,
+.panel-button:focus {
+
+}
+.panel-button:active > .system-status-icon,
+.panel-button:checked > .system-status-icon,
+.panel-button:focus > .system-status-icon {
+    icon-shadow: black 0px 2px 2px;
+}
+.panel-menu {
+    -boxpointer-gap: 4px
+}
+.popup-menu-item-dot {
+}
+.system-status-icon {
+    icon-size: 1.14em;
+}
+/* ===================================================================
+ * Overview
+ * ===================================================================*/
+#overview {
+    spacing: 12px;
+}
+.window-caption {
+    background-color: black;
+    color: white;
+    spacing: 25px;
+}
+
+.window-caption#selected {
+    background-color: white;
+    color: black;
+    spacing: 25px;
+}
+
+.workspace-controls {
+    visible-height: 32px; /* Amount visible before hovering */
+}
+.workspace-thumbnails-background {
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border-right: 0px;
+    border-radius: 9px 9px 0px 0px;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 8px;
+}
+.workspace-thumbnails-background:rtl {
+    border-right: 1px;
+    border-left: 0px;
+    border-radius: 9px 9px 0px 0px;
+}
+.workspace-thumbnails {
+    spacing: 14px;
+}
+.workspace-add-button {
+    background-image: url("add-workspace.png");
+    height: 200px;
+    width: 35px;
+    transition-duration: 300;
+}
+.workspace-add-button:hover {
+    background-image: url("add-workspace-hover.png");
+    transition-duration: 300;
+}
+
+.workspace-close-button {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+
+.workspace-thumbnail-indicator {
+    outline: 2px solid white;
+    border: 1px solid #888;
+}
+.window-caption {
+    background: rgba(85,35,35,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 4px;
+    font-size: 9pt;
+    padding: 2px 8px;
+    -cinnamon-caption-spacing: 4px;
+}
+.window-close {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+.window-close:rtl {
+    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
+}
+
+.window-close-area {
+    background-image: url("trash-icon.png");
+    background-size: 100px;
+    background-color: rgba(60, 60, 60, 0.8);
+    border: 4px solid rgba(128,128,128,0.8);
+    border-bottom-width: 0px;
+    border-radius: 20px 20px 0px 0px;
+    height: 120px;
+    width: 400px;
+}
+
+.overview-icon {
+    border-radius: 4px;
+    padding: 3px;
+    border: 1px rgba(0,0,0,0);
+    font-size: 7.5pt;
+    color: white;
+    transition-duration: 100;
+    text-align: center;
+}
+
+.expo-background {
+    background-gradient-start: #000;
+    background-gradient-end: #AAA;
+    background-gradient-direction: vertical
+}
+
+.workspace-overview-background-shade {
+    background-color: rgba(0,0,0,0.4);
+}
+
+.expo-workspace-thumbnail-frame {
+    border: 1px, rgba(64,64,64,0.9);
+    background-color: rgba(64,64,64,0.9);
+}
+
+.expo-workspace-thumbnail-frame#active {
+    border: 2px, rgba(32,32,32,0.9);
+    background-color: rgba(32,32,32,0.9);
+}
+
+/* ===================================================================
+ * Looking Glass
+ * ===================================================================*/
+#LookingGlassDialog {
+    background-color: rgba(85,35,35,0.85);
+    spacing: 4px;
+    padding: 4px;
+    border: 2px solid grey;
+    border-radius: 4px;
+    color: #CCCCCC;
+}
+/* ===================================================================
+ * Date applet
+ * ===================================================================*/
+.calendar {
+    padding: .4em 1.75em;
+    spacing-rows: 0px;
+    spacing-columns: 0px;
+}
+.calendar-month-label {
+    color: #cccccc;
+    font-size: 7.5pt;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-weight: bold;
+}
+.calendar-change-month-back {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-left.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-back:rtl {
+    background-image: url("calendar-arrow-right.svg");
+}
+.calendar-change-month-back:hover {
+    background-color: #999999;
+}
+.calendar-change-month-back:active {
+    background-color: #aaaaaa;
+}
+.calendar-change-month-forward {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-right.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-forward:rtl {
+    background-image: url("calendar-arrow-left.svg");
+}
+.calendar-change-month-forward:hover {
+    background-color: #999999;
+}
+.calendar-change-month-forward:active {
+    background-color: #aaaaaa;
+}
+.datemenu-date-label {
+    padding: .4em 1.75em;
+    font-size: 10.5pt;
+    color: #cccccc;
+    font-weight: bold;
+}
+.calendar-day-base {
+    font-size: 7.5pt;
+    text-align: center;
+    width: 2.4em;
+    height: 2.4em;
+}
+.calendar-day-base:hover {
+    background-color: #777777;
+    color: #fff;
+}
+.calendar-day-base:active {
+    background-color: #553333;
+}
+.calendar-day-heading {
+    color: #cccccc;
+    padding-top: 1em;
+}
+.calendar-week-number {
+    color: #cccccc;
+    font-weight: bold;
+}
+/* Hack used in lieu of border-collapse - see calendar.js */
+.calendar-day:ltr {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-left-width: 0;
+}
+.calendar-day-top:ltr {
+    border-top-width: 1px;
+}
+.calendar-day-left:ltr {
+    border-left-width: 1px;
+}
+.calendar-day:rtl {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-right-width: 0;
+}
+.calendar-day-top:rtl {
+    border-top-width: 1px;
+}
+.calendar-day-left:rtl {
+    border-right-width: 1px;
+}
+.calendar-work-day {
+}
+.calendar-nonwork-day {
+    background-color: rgba(128, 128, 128, .1);
+}
+.calendar-today {
+    background-image: url("calendar-today.svg");
+    text-shadow: black 0px 2px 2px;
+    color: #ffffff;
+    font-weight: bold;
+}
+.calendar-other-month-day {
+    color: #888888;
+    background-color: rgba(64, 64, 64, .5);
+}
+.calendar-day-with-events {
+    font-weight: bold;
+    color: #cccccc;
+}
+/* ===================================================================
+ * Notifications
+ * ===================================================================*/
+#notification {
+    font-size: 8.5pt;
+    border-radius: 8px 8px 8px 8px;
+    border: 2px solid #a57575;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,35,35,0.8);
+    background-gradient-end: rgba(85,35,35,0.8);
+    padding: 8px 8px 8px 8px;
+    spacing-rows: 10px;
+    spacing-columns: 10px;
+    margin-from-right-edge-of-screen: 20px;
+    width: 34em;
+    color: white;
+}
+#notification.multi-line-notification {
+    padding-bottom: 8px;
+    color: white;
+}
+/* We use row-span = 2 for the image cell, which prevents its height preferences to be
+    taken into account during allocation, so its height ends up being limited by the height
+    of the content in the other rows. To avoid showing a stretched image, we set the minimum
+    height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
+.notification-with-image {
+    min-height: 159px;
+    color: white;
+}
+#notification-scrollview {
+    max-height: 10em;
+}
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+    height: 1em;
+}
+#notification-scrollview:ltr > StScrollBar {
+    padding-left: 6px;
+}
+#notification-scrollview:rtl > StScrollBar {
+    padding-right: 6px;
+}
+#notification-body {
+    spacing: 5px;
+}
+#notification-actions {
+    spacing: 10px;
+}
+.notification-button {
+    border-radius: 5px;
+    padding: 4px 8px 5px;
+}
+.notification-button:focus {
+    padding: 3px 8px 4px;
+}
+.notification-icon-button {
+    border-radius: 5px;
+    padding: 5px;
+}
+.notification-icon-button:focus {
+    padding: 4px;
+}
+.notification-icon-button > StIcon {
+    icon-size: 36px;
+}
+#notification StEntry {
+    padding: 4px;
+    border-radius: 4px;
+    color: #a8a8a8;
+    selected-color: black;
+    border: 1px solid rgba(245,245,245,0.2);
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    caret-color: #a8a8a8;
+    caret-size: 1px;
+}
+#notification StEntry:focus {
+    border: 1px solid #8b8b8b;
+    color: #333333;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    caret-color: #545454;
+    selection-background-color: #808080;
+}
+/* ===================================================================
+ * Alt Tab
+ * ===================================================================*/
+#altTabPopup {
+    padding: 8px;
+    spacing: 16px;
+}
+.switcher-list {
+    background: rgba(70,35,35,0.8);
+    border: 2px solid #a57575;
+    border-radius: 8px;
+    padding: 20px;
+    font-size: 9pt;
+    color: white;
+    text-shadow: black 0px 0px 2px;
+}
+.switcher-list-item-container {
+    spacing: 8px;
+}
+.thumbnail-scroll-gradient-left {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 1.0);
+    background-gradient-end: rgba(51, 51, 51, 0);
+    border-radius: 24px;
+    border-radius-topright: 0px;
+    border-radius-bottomright: 0px;
+    width: 60px;
+}
+.thumbnail-scroll-gradient-right {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 0);
+    background-gradient-end: rgba(51, 51, 51, 1.0);
+    border-radius: 24px;
+    border-radius-topleft: 0px;
+    border-radius-bottomleft: 0px;
+    width: 60px;
+}
+.switcher-list .item-box {
+    padding: 8px;
+    border-radius: 8px;
+}
+.switcher-list .item-box:outlined {
+    padding: 6px;
+    border: 2px solid rgba(85,35,35,1.0);
+}
+.switcher-list .item-box:selected {
+    background: rgba(255,180,180,0.33);
+}
+.switcher-list .thumbnail-box {
+    padding: 2px;
+    spacing: 4px;
+}
+.switcher-list .thumbnail {
+    width:  256px;
+}
+.switcher-list .separator {
+    width: 1px;
+    background: rgba(255,255,255,0.33);
+}
+.ripple-box {
+    width: 104px;
+    height: 104px;
+    background-image: url("corner-ripple.png");
+}
+.ripple-box:rtl {
+    background-image: url("corner-ripple.png");
+}
+.switcher-arrow {
+    border-color: rgba(0,0,0,0);
+    color: #808080;
+}
+.switcher-arrow:highlighted {
+    border-color: rgba(0,0,0,0);
+    color: white;
+}
+.switcher-preview-backdrop {
+   background-color: rgba(25,25,25,0.65);
+}
+
+/* ===================================================================
+ * Modal dialogs
+ * ===================================================================*/
+.modal-dialog {
+    font-size: 12pt;
+    border-radius: 24px;
+    background-color: rgba(85, 35, 35, 0.9);
+    border: 2px solid #865656;
+    color: #babdb6;
+    padding-right: 42px;
+    padding-left: 42px;
+    padding-bottom: 30px;
+    padding-top: 30px;
+}
+.modal-dialog-button-box {
+    spacing: 21px;
+}
+.modal-dialog-button {
+    border-radius: 18px;
+    font-size: 11pt;
+    color: white;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 4px 32px 5px;
+}
+.modal-dialog-button:disabled {
+    color: rgb(60, 60, 60);
+}
+.modal-dialog-button:focus {
+    padding: 3px 31px 4px;
+}
+
+/* Info OSD popup */
+.info-osd {
+    font-size: 18pt;
+    border-radius: 24px;
+    background-color: rgba(85, 35, 35, 0.9);
+    border: 2px solid #865656;
+    color: #babdb6;
+    padding-right: 20px;
+    padding-left: 20px;
+    padding-bottom: 20px;
+    padding-top: 20px;
+    text-align: center;
+}
+
+/* ===================================================================
+ * Run dialog
+ * ===================================================================*/
+.run-dialog-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-box {
+    padding-top: 15px;
+    spacing: 5px;
+}
+.run-dialog-completion-box {
+    padding-left: 15px;
+    font-size: 10px;
+}
+.run-dialog-entry {
+    font-size: 10.5pt;
+    font-weight: bold;
+    width: 23em;
+    color: white;
+    selection-background-color: white;
+    selected-color: black;
+}
+.run-dialog {
+    border-radius: 16px;
+    padding-right: 21px;
+    padding-left: 21px;
+    padding-bottom: 15px;
+    padding-top: 15px;
+}
+.lightbox {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+    icon-size: 48px;
+}
+.mount-password-reask {
+    color: red;
+}
+.show-processes-dialog,
+.mount-question-dialog {
+    spacing: 24px;
+}
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+    font-size: 12pt;
+    font-weight: bold;
+    color: #666666;
+    padding-top: 10px;
+    padding-left: 17px;
+    padding-bottom: 6px;
+}
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+    padding-left: 0px;
+    padding-right: 17px;
+}
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+    font-size: 10pt;
+    color: white;
+    padding-left: 17px;
+    width: 28em;
+}
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list {
+    font-size: 10pt;
+    max-height: 200px;
+    padding-top: 24px;
+    padding-left: 49px;
+    padding-right: 32px;
+}
+.show-processes-dialog-app-list:rtl {
+    padding-right: 49px;
+    padding-left: 32px;
+}
+.show-processes-dialog-app-list-item {
+    color: #ccc;
+}
+.show-processes-dialog-app-list-item:hover {
+    color: white;
+}
+.show-processes-dialog-app-list-item:ltr {
+    padding-right: 1em;
+}
+.show-processes-dialog-app-list-item:rtl {
+    padding-left: 1em;
+}
+.show-processes-dialog-app-list-item-icon:ltr {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list-item-icon:rtl {
+    padding-left: 17px;
+}
+.show-processes-dialog-app-list-item-name {
+    font-size: 10pt;
+}
+/* ===================================================================
+ * Magnifier
+ * ===================================================================*/
+
+.magnifier-zoom-region {
+    border: 2px solid rgba(128, 0, 0, 255);
+}
+.magnifier-zoom-region.full-screen {
+    border-width: 0px;
+}
+/* ===================================================================
+ * On screen keyboard
+ * ===================================================================*/
+
+#keyboard {
+    background-color: #553333;
+}
+.keyboard-layout {
+    spacing: 10px;
+    padding: 10px;
+}
+.keyboard-row {
+    spacing: 15px;
+}
+.keyboard-key {
+    min-height: 30px;
+    min-width: 30px;
+    background-gradient-start: rgba(255,245,245,0.4);
+    background-gradient-end: rgba(105,105,105,0.1);
+    background-gradient-direction: vertical;
+    font-size: 14pt;
+    font-weight: bold;
+    border-radius: 10px;
+    border: 2px solid #a0a0a0;
+    color: white;
+}
+.keyboard-key:grayed {
+    color: #808080;
+    border-color: #808080;
+}
+.keyboard-key:checked,
+.keyboard-key:hover {
+    background: #303030;
+    border: 3px solid white;
+}
+.keyboard-key:active {
+    background: #808080;
+}
+.keyboard-subkeys {
+    color: white;
+    padding: 5px;
+    -arrow-border-radius: 3px;
+    -arrow-background-color: #090909;
+    -arrow-border-width: 2px;
+    -arrow-border-color: white;
+    -arrow-base: 20px;
+    -arrow-rise: 10px;
+    -boxpointer-gap: 5px;
+}
+/* ###################################################################
+ * Cinnamon Specific Section
+ * ###################################################################*/
+/* ===================================================================
+ * Menu (menu.js)
+ * ===================================================================*/
+/* Main menu title */
+
+.menu-favorites-box {
+    margin: auto;
+    padding: 10px;
+    border: 1px solid #644;
+    border-radius: 8px;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,35,35,0.8);
+    background-gradient-end: rgba(85,35,35,0.2);
+    transition-duration: 300;
+}
+.menu-favorites-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-favorites-button:hover {
+    color: white;
+    background-gradient-direction: vertical;
+    /*background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);*/
+    background-gradient-start: rgba(180,80,80,0.2);
+    background-gradient-end: rgba(180,80,80,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,128,128,0.06);
+    border-radius: 4px;
+}
+.menu-places-box {
+    margin: auto;
+    padding: 10px;
+    border: 0px solid #644;
+}
+.menu-places-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-categories-box {
+    padding-top: 10px;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-bottom: 10px;
+}
+.menu-applications-inner-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-applications-outer-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-application-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-application-button:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-application-button-selected:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-application-button-label:rtl {
+    padding-right: 5px;
+}
+.menu-category-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-category-button-greyed {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: #9C7C7C;
+    font-style: italic;
+}
+.menu-category-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    /*background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);*/
+    background-gradient-start: rgba(180,80,80,0.2);
+    background-gradient-end: rgba(180,80,80,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-category-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-category-button-label:rtl {
+    padding-right: 5px;
+
+}
+.menu-category-button-button:hover {
+    background-color: #966666;
+    border-radius: 8px;
+}
+/* Name and description of the currently hovered item in the menu
+ * This appears on the bottom right hand corner of the menu*/
+.menu-selected-app-box {
+    padding-right: 30px;
+    padding-left: 28px;
+    text-align: right;
+    height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+    padding-top: 10px;
+    height: 30px;
+}
+
+.menu-selected-app-title {
+    font-weight: bold;
+}
+.menu-selected-app-description {
+    max-width: 150px;
+}
+.menu-search-box:ltr {
+    padding-left: 30px;
+}
+.menu-search-box:rtl {
+    padding-right: 30px;
+}
+#menu-search-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,162,162,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 64, 64);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+#menu-search-entry:focus,
+#menu-search-entry:hover {
+    border: 2px solid rgb(136,69,69);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+#menu-search-entry:hover {
+    transition-duration: 300;
+}
+#menu-search-entry:focus {
+    color: rgb(64, 32, 32);
+    font-weight: bold;
+    transition-duration: 0;
+}
+.menu-search-entry-icon {
+    icon-size: 1em;
+    color: #8d8f8a;
+}
+/* Context menu (at the moment only for favorites) */
+.menu-context-menu {
+}
+/* ===================================================================
+ * Window list (windowList.js)
+ * ===================================================================*/
+.window-list-box {
+    spacing: 2px;
+    padding-left: 10px;
+    padding-top: 0px;
+}
+.window-list-box.vertical {
+    spacing: 3px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.window-list-box.vertical #appMenuIcon {
+    padding-top: 3px;
+}
+.window-list-item-label {
+    font-weight: bold;
+    width: 15em;
+    min-width: 5px;
+}
+.window-list-item-box {
+    color: rgba(255,255,255,1.0);
+    /*background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.05);
+    background-gradient-end: rgba(255,255,255,0.2);*/
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5);
+    border-radius: 2px 2px 0px 0px;
+    transition-duration: 100;
+}
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:focus {
+    /*background-gradient-direction: vertical;
+    background-gradient-start: rgba(226,226,226,0.5);
+    background-gradient-end: rgba(122,122,122,0.5);*/
+    background-color: rgba(229,119,82,0.5);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5);
+    border-radius: 2px 2px 0px 0px;
+    font-weight: bold;
+}
+.window-list-item-box:hover {
+    background-color: rgba(229,119,82,0.25);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,1.0);
+    border-radius: 2px 2px 0px 0px;
+}
+.window-list-item-demands-attention {
+    background-gradient-start: rgba(255,52,52,0.5);
+    background-gradient-end: rgba(255,144,144,0.5);
+}
+/* ===================================================================
+ * Sound Applet (sound@cinnamon.org)
+ * ===================================================================*/
+
+.sound-player StButton {
+    width: 22px;
+    height: 13px;
+    padding: 5px;
+    color: #aaa;
+}
+
+.sound-player StButton:small {
+    width: 16px;
+    height: 8px;
+    padding: 1px;
+}
+
+.sound-player StButton:small StIcon {
+    icon-size: 1em;
+}
+
+.sound-player StButton StIcon {
+    icon-size: 1.5em;
+}
+
+.sound-player StButton:hover, .sound-player StButton:active {
+    color: #fff;
+}
+
+.sound-player .slider {
+    height: 0.5em;
+    -slider-height: 0.5em;
+    -slider-background-color: #3c3c3c;
+    -slider-border-color: rgba(0,0,0,0);
+    -slider-active-background-color: #a57575;
+    -slider-active-border-color: rgba(0,0,0,0);
+    -slider-border-width: 0px;
+    -slider-handle-radius: 0px;
+}
+
+.sound-player StBoxLayout {
+    spacing: 0.5em;
+}
+
+.sound-player>StBoxLayout {
+    padding: 5px;
+}
+
+.sound-player-overlay {
+    width: 300px;
+    padding: 12px 16px;
+    spacing: 0.5em;
+    background-color: rgba(80,80,80,0.9);
+    color: #ffffff;
+    border-top: 2px solid #a57575;
+}
+
+.sound-player-overlay StButton {
+    border-radius: 5px;
+    padding: 8px;
+}
+
+.sound-player-overlay StButton > StIcon {
+    icon-size: 16px;
+}
+
+.sound-player-overlay StBoxLayout {
+    padding-top: 2px;
+}
+
+.sound-player-generic-coverart {
+    background: rgba(0,0,0,0.2);
+}
+
+/* ===================================================================
+ * Workspace Switcher applet (workspaceSwitcher.js)
+ * ===================================================================*/
+/* Controls the styling when using the "Simple buttons" option */
+.panel-top .workspace-switcher,
+.panel-bottom .workspace-switcher {
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.panel-left .workspace-switcher
+.panel-right .workspace-switcher {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
+.workspace-button {
+    width: 20px;
+    height: 10px;
+    color: #cccccc;
+    border: 1px;
+    border-color: #a6a6a6;
+    padding-top: 2px;
+    transition-duration: 300;
+}
+
+.workspace-button:outlined {
+    background: #cccccc;
+    color: #553333;
+    box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7);
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+    padding: 3px;
+    spacing: 3px;
+}
+
+.workspace-graph .workspace {
+    border: 1px solid #666;
+    background-gradient-direction: vertical;
+    background-gradient-start: #222;
+    background-gradient-end: #4d4d4d;
+}
+
+.workspace-graph .workspace:active {
+    border: 1px solid #ccc;
+    background-gradient-direction: vertical;
+    background-gradient-start: #111;
+    background-gradient-end: #3d3d3d;
+}
+
+.workspace-graph .workspace .windows {
+    -active-window-background: rgba(140, 140, 140, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.7);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.workspace-graph .workspace:active .windows {
+    -active-window-background: rgba(255, 255, 255, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.9);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+/* ===================================================================
+ * Panel Launchers Applet (panelLaunchers.js)
+ * ===================================================================*/
+.panel-launchers {
+    padding-left: 7px;
+    spacing: 2px;
+}
+
+.panel-launchers.vertical {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 3px;
+}
+
+.launcher {
+    padding-left: 1px;
+    padding-right: 1px;
+    border-bottom-width: 1px;
+    transition-duration: 300;
+}
+
+.launcher .icon-box {
+     padding-top: 2px;
+}
+
+.panel-launchers.vertical .launcher .icon-box {
+    padding-top: 0;
+}
+
+.panel-launchers .launcher:hover {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.0);
+    background-gradient-end: rgba(255,255,255,0.2);
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 1px;
+}
+
+.panel-launcher-add-dialog-content-box {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-left {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-right {
+    padding: 6px;
+    spacing: 10px;
+}
+
+.panel-launcher-add-dialog-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,245,245,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+
+.panel-launcher-add-dialog-entry:focus,
+.panel-launcher-add-dialog-entry:hover {
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+
+.panel-launcher-add-dialog-entry:hover {
+    transition-duration: 300;
+}
+
+.panel-launcher-add-dialog-entry:focus {
+    color: rgb(64, 64, 64);
+    font-weight: bold;
+    transition-duration: 0;
+}
+
+/* ===================================================================
+ * Overview corner
+ * ===================================================================*/
+#overview-corner {
+    background-image: url("overview.png");
+}
+#overview-corner:hover {
+    background-image:   url("overview-hover.png");
+}
+/* ===================================================================
+ * Applets (applet.js)
+ * ===================================================================*/
+.applet-separator {
+    padding: 5px 4px;
+}
+.applet-separator-line {
+    width: 2px;
+    background: rgba(255,255,255,.5);
+}
+.applet-separator-line-vertical {
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 2px;
+}
+.applet-box {
+    padding-left: 3px;
+    padding-right: 3px;
+    color: #ccc;
+    text-shadow: black 0px 0px 2px;
+    transition-duration: 300;
+}
+.applet-box:hover {
+    color: #fff;
+}
+.applet-box.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+.applet-box.vertical:hover {
+}
+.applet-box:highlight {
+    background-color: #aa5555;
+}
+.applet-label {
+    font-weight: bold;
+    color: #ccc;
+}
+.applet-box:hover > .applet-label {
+    color: #fff;
+    text-shadow: white 0px 0px 5px;
+}
+.applet-box.vertical:hover > .applet-label {
+}
+.applet-icon {
+    color: #ccc;
+    icon-size: 22px;
+}
+.applet-box:hover .applet-icon {
+    color: #fff;
+    icon-shadow: white 0px 0px 3px;
+}
+.applet-box.vertical:hover .applet-icon {
+}
+/* ===================================================================
+ * Desklets (desklet.js)
+ * ===================================================================*/
+.desklet {
+    color: #fff;
+}
+
+.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header {
+    background-color: #aa5555;
+}
+
+.desklet-with-borders {
+    border: 2px solid #a57575;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+}
+
+.desklet-with-borders-and-header {
+    border: 2px solid #a57575;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-top: 1px;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+}
+
+.desklet-header {
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+    font-size: 10.5pt;
+    border: 2px solid #a57575;
+    border-bottom: 0px;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    padding: 6px;
+}
+
+.desklet-drag-placeholder {
+    border: 2px solid #6daa00;
+    background-color: rgba(109,170, 0, 0.3);
+}
+/* ===================================================================
+ * About Dialog (applet.js and desklet.js)
+ * ===================================================================*/
+.about-content {
+    width: 550px;
+    height: 250px;
+    spacing: 8px;
+    padding-bottom: 16px;
+}
+
+.about-title {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+.about-uuid {
+    font-size: .8em;
+}
+
+.about-icon {
+    padding-right: 20px;
+}
+
+.about-scrollBox {
+    border: solid 1px grey;
+    border-radius: 4px;
+}
+
+.about-scrollBox-innerBox {
+    padding: 1.2em;
+    spacing: 1.2em;
+}
+
+.about-description {
+    padding-top: 4px;
+}
+
+.about-version {
+    padding-left: 7px;
+}
+
+
+/* ===================================================================
+ * Clock Desklet (desklet.js)
+ * ===================================================================*/
+.clock-desklet-label {
+}
+
+/* ===================================================================
+ * Workspace OSD
+ * ===================================================================*/
+
+.workspace-osd {
+    color: #ffffff;
+    text-shadow: black 5px 5px 5px;
+    font-weight: bold;
+    font-size: 48pt;
+}
+
+.expo-workspaces-name-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(200, 200, 200);
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(128,128,128);
+    background-gradient-end: rgb(85,35,35);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    text-align: center;
+}
+
+.expo-workspaces-name-entry#selected {
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    font-weight: bold;
+    color: rgb(0, 0, 0);
+}
+
+.expo-workspaces-name-entry:focus {
+    color: rgb(0, 0, 0);
+    font-weight: bold;
+    font-style: italic;
+    transition-duration: 300;
+}
+
+/* ===================================================================
+ * Notification Applet
+ * ===================================================================*/
+
+.notification-applet-padding {
+    padding: .5em 1em;
+}
+
+.notification-applet-container {
+    max-height: 100px;
+}
+
+/* Check Boxes */
+.check-box CinnamonGenericContainer {
+    spacing: .2em;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("checkbox-off.svg");
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+    background-image: url("checkbox.svg");
+}
+
+.check-box StLabel {
+   font-weight: normal;
+}
+
+.radiobutton CinnamonGenericContainer {
+    spacing: .2em;
+    height: 18px;
+    padding-top: 2px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("radiobutton-off.svg");
+    border-radius: 15px;
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+    background-image: url("radiobutton.svg");
+}
+
+.radiobutton StLabel {
+   padding-top: 4px;
+   font-size: 0.9em;
+   box-shadow: none;
+}
+
+.flashspot {
+   background-color: white;
+}
+
+/* Media keys OSD popup */
+.osd-window {
+    background: rgba(40,40,40,0.8);
+    border: 2px solid #a57575;
+    border-radius: 8px;
+    padding: 20px;
+    color: white;
+    spacing: 1em;
+}
+
+.osd-window .level {
+    height: 0.7em;
+    border-radius: 0.3em;
+    background-color: rgba(190,190,190,0.2);
+}
+
+.tile-preview,
+.tile-hud {
+    background-color: rgba(85, 85, 85, 0.5);
+    border: 2px solid rgba(134, 134, 134, 0.8);
+}
+
+.tile-preview.snap,
+.tile-hud.snap {
+    background-color: rgba(134, 134, 170, 0.5);
+    border: 2px solid rgba(85, 85, 85, 0.8);
+}
+
+.tile-hud:top {
+    border-top-width: 0px;
+    border-radius: 0px 0px 8px 8px;
+}
+
+.tile-hud:bottom {
+    border-bottom-width: 0px;
+    border-radius: 8px 8px 0px 0px;
+}
+
+.tile-hud:left {
+    border-left-width: 0px;
+    border-radius: 0px 8px 8px 0px;
+}
+
+.tile-hud:right {
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 8px;
+}
+
+.tile-hud:top-left {
+    border-top-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 0px 8px 0px;
+}
+
+.tile-hud:top-right {
+    border-top-width: 0px;
+    border-right-width: 0px;
+    border-radius: 0px 0px 0px 8px;
+}
+
+.tile-hud:bottom-left {
+    border-bottom-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 8px 0px 0px;
+}
+
+.tile-hud:bottom-right {
+    border-bottom-width: 0px;
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 0px;
+}
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03 b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03
new file mode 100644
index 0000000..ac1eba6
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/cinnamon.css.2016-12-28.03
@@ -0,0 +1,1830 @@
+/* ###################################################################
+ * Section common with Gnome Shell
+ * ... contains a few cinnamon specific styles (rare occurrences)
+ * ###################################################################*/
+stage {
+    font-family: sans, sans-serif;
+}
+.cinnamon-link {
+    color: #0000ff;
+    text-decoration: underline;
+}
+.cinnamon-link:hover {
+    color: #0000e0;
+}
+.label-shadow {
+    color: rgba(0,0,0,0.5);
+}
+StScrollBar {
+    padding: 0px;
+}
+StScrollView.vfade {
+    -st-vfade-offset: 68px;
+}
+StScrollView StScrollBar {
+    min-width: 16px;
+    min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+    background-color: rgba(0,0,0,0);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#vhandle {
+    background-image: url("scroll-vhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle {
+    background-image: url("scroll-hhandle.svg");
+    background-color: rgba(204,204,204,0.3);
+    border: 1px solid #553333;
+    border-radius: 4px;
+}
+StScrollBar StButton#hhandle:hover,
+StScrollBar StButton#vhandle:hover {
+    background-color: rgba(204,204,204,0.5);
+}
+.separator {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,35,35,1);
+    -gradient-end: #553333;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.slider {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #666666;
+    -slider-border-color: #553333;
+    -slider-active-background-color: #CCCCCC;
+    -slider-active-border-color: #DDDDDD;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+#Tooltip {
+    border: 1px solid rgba(212,185,67,1.0);
+    border-radius: 4px;
+    padding: 2px 12px;
+    background-gradient-end: rgba(251,234,159,0.9);
+    background-gradient-start: rgba(254,245,198,0.9);
+    background-gradient-direction: vertical;
+    color: #000000;
+    font-size: 8.5pt;
+    font-weight: normal;
+    text-align: center;
+}
+/* ===================================================================
+ * Shared button properties
+ * ===================================================================*/
+.notification-button, .notification-icon-button,
+.modal-dialog-button,
+.sound-player-overlay StButton {
+    color: white;
+    border: 1px solid #8b8b8b;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255, 255, 255, 0.2);
+    background-gradient-end: rgba(255, 255, 255, 0);
+}
+.notification-button:hover,
+.notification-icon-button:hover, .modal-dialog-button:hover,
+.sound-player-overlay StButton:hover {
+    background-gradient-start: rgba(255, 255, 255, 0.3);
+    background-gradient-end: rgba(255, 255, 255, 0.1);
+}
+.notification-button:focus,
+.notification-icon-button:focus,
+.modal-dialog-button:focus,
+.sound-player-overlay StButton:focus {
+    border: 2px solid #8b8b8b;
+}
+.notification-button:active, .notification-icon-button:active,
+.modal-dialog-button:active, .modal-dialog-button:pressed,
+.sound-player-overlay StButton:active {
+    background-gradient-start: rgba(255, 255, 255, 0);
+    background-gradient-end: rgba(255, 255, 255, 0.2);
+}
+/* ===================================================================
+ * PopupMenu (popupMenu.js)
+ * ===================================================================*/
+ /* .popup-menu-boxpointer and .popup-menu are kept for compatibility
+    with cinnamon version under 3.2. Use .menu in version 3.2 and above */
+.popup-menu-boxpointer {
+    -arrow-border-radius: 3px;
+    -arrow-background-color: rgba(40,40,40,0.9);
+    -arrow-border-width: 2px;
+    -arrow-border-color: #a57575;
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+.popup-menu {
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.menu {
+    border-radius: 8px;
+    background-color: rgba(80,40,40,0.9);
+    border-width: 2px;
+    border-color: #a57575;
+    color: #ffffff;
+    font-size: 9.5pt;
+    min-width: 100px;
+}
+.popup-menu-arrow {
+    icon-size: 1.14em;
+}
+.popup-submenu-menu-item:open {
+    background-color: #8c2c2c;
+}
+.popup-sub-menu {
+    background-gradient-start: rgba(40,40,40,0.3);
+    background-gradient-end: rgba(40,40,40,0.7);
+    background-gradient-direction: vertical;
+}
+.popup-sub-menu .popup-menu-item:ltr {
+    padding-right: 1.75em;
+}
+.popup-sub-menu .popup-menu-item:rtl {
+    padding-left: 1.75em;
+}
+.popup-sub-menu StScrollBar {
+    padding: 4px;
+}
+.popup-sub-menu StScrollBar StBin#trough {
+    border-width: 0px;
+}
+.popup-sub-menu StScrollBar StBin#vhandle {
+    background-color: #4c4c4c;
+    border-width: 0px;
+}
+.popup-combo-menu {
+    background-color: rgba(0,0,0,0.9);
+    padding: 1em 0em;
+    color: #ffffff;
+    font-size: 10.5pt;
+    border: 1px solid #5f5f5f;
+    border-radius: 9px;
+}
+/* The remaining popup-menu sizing is all done in ems, so that if you
+ * override .popup-menu.font-size, everything else will scale with it.
+ */
+.popup-menu-content {
+    padding: 1em 0em;
+}
+.popup-menu-item {
+    padding: .4em 1.75em;
+    spacing: 1em;
+}
+.popup-menu-item:active {
+    background-color: #6c2c2c;
+}
+.popup-menu-item:insensitive {
+    color: #9f5f5f;
+}
+.popup-image-menu-item {
+}
+.popup-combobox-item {
+    spacing: 1em;
+}
+.popup-separator-menu-item {
+    -gradient-height: 2px;
+    -gradient-start: rgba(85,35,35,1);
+    -gradient-end: #553333;
+    -margin-horizontal: 1.5em;
+    height: 1em;
+}
+.popup-alternating-menu-item:alternate {
+    font-weight: bold;
+}
+.popup-slider-menu-item {
+    height: 1em;
+    min-width: 15em;
+    -slider-height: 0.3em;
+    -slider-background-color: #664444;
+    -slider-border-color: #553333;
+    -slider-active-background-color: #CC6666;
+    -slider-active-border-color: #DD7777;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 0.5em;
+}
+.popup-device-menu-item {
+    spacing: .5em;
+}
+.popup-inactive-menu-item {
+    font-weight: normal;
+    color: #944;
+}
+.popup-subtitle-menu-item {
+    font-weight: bold;
+}
+.popup-menu-icon {
+    icon-size: 1.14em;
+}
+/* Switches (to be used in menus) */
+.toggle-switch {
+    width: 65px;
+    height: 22px;
+}
+.toggle-switch-us {
+    background-image: url("toggle-off-us.svg");
+}
+.toggle-switch-us:checked {
+    background-image: url("toggle-on-us.svg");
+}
+.toggle-switch-intl {
+    background-image: url("toggle-off-intl.svg");
+}
+.toggle-switch-intl:checked {
+    background-image: url("toggle-on-intl.svg");
+}
+.nm-menu-item-icons {
+    spacing: .5em;
+}
+/* ===================================================================
+ * Panel (panel.js)
+ * ===================================================================*/
+#panel {
+    color: #ffffff;
+    background-color: #553333;
+    font-size: 8.5pt;
+    font-weight: normal;
+    height: 26px;
+    width: 32px;
+}
+#panel:highlight {
+    background-color: #aa5555;
+}
+.panel-dummy {
+    background-color: rgba(50, 50, 50, 0.4);
+}
+.panel-dummy:entered {
+    background-color: rgba(255, 35, 35, 0.4);
+}
+.panelLeft {
+    spacing: 4px;
+}
+.panelCenter {
+    spacing: 4px;
+}
+.panelRight {
+    spacing: 4px;
+}
+.panelLeft:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,0,0,0.05);
+    background-gradient-end: rgba(255,0,0,0.2);
+}
+.panelCenter:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,255,0,0.05);
+    background-gradient-end: rgba(0,255,0,0.2);
+}
+.panelRight:dnd {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(0,0,255,0.05);
+    background-gradient-end: rgba(0,0,255,0.2);
+}
+.panelLeft:ltr {
+    padding-right: 4px;
+}
+.panelLeft:rtl {
+    padding-left: 4px;
+}
+.panelRight:ltr {
+    padding-left: 0px;
+    spacing: 0px;
+}
+.panelRight:rtl {
+    padding-right: 0px;
+    spacing: 0px;
+}
+.panelLeft.vertical {
+    padding: 0px;
+}
+.panelRight.vertical {
+    padding: 0px;
+}
+.panelCenter.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+.panelLeft.vertical:dnd {
+}
+.panelCenter.vertical:dnd {
+}
+.panelRight.vertical:dnd {
+}
+.panel-top {
+}
+.panel-bottom {
+}
+.panel-left {
+}
+.panel-right {
+}
+.panel-status-button {
+    border: 0px solid #8b8b8b;
+    -natural-hpadding: 3px;
+    -minimum-hpadding: 3px;
+    font-weight: bold;
+    color: #ccc;
+    height: 22px;
+}
+.panel-status-button:hover {
+    color: white;
+}
+.system-status-icon {
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 0px;
+    margin: 0px;
+}
+
+.panel-corner {
+    -panel-corner-radius: 0px;
+    -panel-corner-background-color: black;
+    -panel-corner-inner-border-width: 2px;
+    -panel-corner-inner-border-color: transparent;
+    -panel-corner-outer-border-width: 1px;
+    -panel-corner-outer-border-color: #536272;
+}
+.panel-corner:active,
+.panel-corner:overview,
+.panel-corner:focus {
+    -panel-corner-inner-border-color: rgba(255,255,255,0.8);
+}
+#appMenu {
+    spacing: 4px;
+}
+.panel-button #appMenuIcon {
+    app-icon-bottom-clip: 1px;
+}
+.panel-button:active #appMenuIcon,
+.panel-button:checked #appMenuIcon,
+.panel-button:focus #appMenuIcon {
+    app-icon-bottom-clip: 2px;
+}
+.panel-button {
+    -natural-hpadding: 6px;
+    -minimum-hpadding: 2px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100;
+}
+.panel-button:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+.panel-button:active,
+.panel-button:overview,
+.panel-button:focus {
+
+}
+.panel-button:active > .system-status-icon,
+.panel-button:checked > .system-status-icon,
+.panel-button:focus > .system-status-icon {
+    icon-shadow: black 0px 2px 2px;
+}
+.panel-menu {
+    -boxpointer-gap: 4px
+}
+.popup-menu-item-dot {
+}
+.system-status-icon {
+    icon-size: 1.14em;
+}
+/* ===================================================================
+ * Overview
+ * ===================================================================*/
+#overview {
+    spacing: 12px;
+}
+.window-caption {
+    background-color: black;
+    color: white;
+    spacing: 25px;
+}
+
+.window-caption#selected {
+    background-color: white;
+    color: black;
+    spacing: 25px;
+}
+
+.workspace-controls {
+    visible-height: 32px; /* Amount visible before hovering */
+}
+.workspace-thumbnails-background {
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border-right: 0px;
+    border-radius: 9px 9px 0px 0px;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 8px;
+}
+.workspace-thumbnails-background:rtl {
+    border-right: 1px;
+    border-left: 0px;
+    border-radius: 9px 9px 0px 0px;
+}
+.workspace-thumbnails {
+    spacing: 14px;
+}
+.workspace-add-button {
+    background-image: url("add-workspace.png");
+    height: 200px;
+    width: 35px;
+    transition-duration: 300;
+}
+.workspace-add-button:hover {
+    background-image: url("add-workspace-hover.png");
+    transition-duration: 300;
+}
+
+.workspace-close-button {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+
+.workspace-thumbnail-indicator {
+    outline: 2px solid white;
+    border: 1px solid #888;
+}
+.window-caption {
+    background: rgba(85,35,35,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 4px;
+    font-size: 9pt;
+    padding: 2px 8px;
+    -cinnamon-caption-spacing: 4px;
+}
+.window-close {
+    background-image: url("close-window.svg");
+    height: 34px;
+    width: 34px;
+    -cinnamon-close-overlap: 20px;
+}
+.window-close:rtl {
+    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
+}
+
+.window-close-area {
+    background-image: url("trash-icon.png");
+    background-size: 100px;
+    background-color: rgba(60, 60, 60, 0.8);
+    border: 4px solid rgba(128,128,128,0.8);
+    border-bottom-width: 0px;
+    border-radius: 20px 20px 0px 0px;
+    height: 120px;
+    width: 400px;
+}
+
+.overview-icon {
+    border-radius: 4px;
+    padding: 3px;
+    border: 1px rgba(0,0,0,0);
+    font-size: 7.5pt;
+    color: white;
+    transition-duration: 100;
+    text-align: center;
+}
+
+.expo-background {
+    background-gradient-start: #000;
+    background-gradient-end: #AAA;
+    background-gradient-direction: vertical
+}
+
+.workspace-overview-background-shade {
+    background-color: rgba(0,0,0,0.4);
+}
+
+.expo-workspace-thumbnail-frame {
+    border: 1px, rgba(64,64,64,0.9);
+    background-color: rgba(64,64,64,0.9);
+}
+
+.expo-workspace-thumbnail-frame#active {
+    border: 2px, rgba(32,32,32,0.9);
+    background-color: rgba(32,32,32,0.9);
+}
+
+/* ===================================================================
+ * Looking Glass
+ * ===================================================================*/
+#LookingGlassDialog {
+    background-color: rgba(85,35,35,0.85);
+    spacing: 4px;
+    padding: 4px;
+    border: 2px solid grey;
+    border-radius: 4px;
+    color: #CCCCCC;
+}
+/* ===================================================================
+ * Date applet
+ * ===================================================================*/
+.calendar {
+    padding: .4em 1.75em;
+    spacing-rows: 0px;
+    spacing-columns: 0px;
+}
+.calendar-month-label {
+    color: #cccccc;
+    font-size: 7.5pt;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-weight: bold;
+}
+.calendar-change-month-back {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-left.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-back:rtl {
+    background-image: url("calendar-arrow-right.svg");
+}
+.calendar-change-month-back:hover {
+    background-color: #999999;
+}
+.calendar-change-month-back:active {
+    background-color: #aaaaaa;
+}
+.calendar-change-month-forward {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-right.svg");
+    border-radius: 4px;
+}
+.calendar-change-month-forward:rtl {
+    background-image: url("calendar-arrow-left.svg");
+}
+.calendar-change-month-forward:hover {
+    background-color: #999999;
+}
+.calendar-change-month-forward:active {
+    background-color: #aaaaaa;
+}
+.datemenu-date-label {
+    padding: .4em 1.75em;
+    font-size: 10.5pt;
+    color: #cccccc;
+    font-weight: bold;
+}
+.calendar-day-base {
+    font-size: 7.5pt;
+    text-align: center;
+    width: 2.4em;
+    height: 2.4em;
+}
+.calendar-day-base:hover {
+    background-color: #777777;
+    color: #fff;
+}
+.calendar-day-base:active {
+    background-color: #553333;
+}
+.calendar-day-heading {
+    color: #cccccc;
+    padding-top: 1em;
+}
+.calendar-week-number {
+    color: #cccccc;
+    font-weight: bold;
+}
+/* Hack used in lieu of border-collapse - see calendar.js */
+.calendar-day:ltr {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-left-width: 0;
+}
+.calendar-day-top:ltr {
+    border-top-width: 1px;
+}
+.calendar-day-left:ltr {
+    border-left-width: 1px;
+}
+.calendar-day:rtl {
+    border: 1px solid #333333;
+    color: #cccccc;
+    border-top-width: 0;
+    border-right-width: 0;
+}
+.calendar-day-top:rtl {
+    border-top-width: 1px;
+}
+.calendar-day-left:rtl {
+    border-right-width: 1px;
+}
+.calendar-work-day {
+}
+.calendar-nonwork-day {
+    background-color: rgba(128, 128, 128, .1);
+}
+.calendar-today {
+    background-image: url("calendar-today.svg");
+    text-shadow: black 0px 2px 2px;
+    color: #ffffff;
+    font-weight: bold;
+}
+.calendar-other-month-day {
+    color: #888888;
+    background-color: rgba(64, 64, 64, .5);
+}
+.calendar-day-with-events {
+    font-weight: bold;
+    color: #cccccc;
+}
+/* ===================================================================
+ * Notifications
+ * ===================================================================*/
+#notification {
+    font-size: 8.5pt;
+    border-radius: 8px 8px 8px 8px;
+    border: 2px solid #a57575;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,35,35,0.8);
+    background-gradient-end: rgba(85,35,35,0.8);
+    padding: 8px 8px 8px 8px;
+    spacing-rows: 10px;
+    spacing-columns: 10px;
+    margin-from-right-edge-of-screen: 20px;
+    width: 34em;
+    color: white;
+}
+#notification.multi-line-notification {
+    padding-bottom: 8px;
+    color: white;
+}
+/* We use row-span = 2 for the image cell, which prevents its height preferences to be
+    taken into account during allocation, so its height ends up being limited by the height
+    of the content in the other rows. To avoid showing a stretched image, we set the minimum
+    height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
+.notification-with-image {
+    min-height: 159px;
+    color: white;
+}
+#notification-scrollview {
+    max-height: 10em;
+}
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+    height: 1em;
+}
+#notification-scrollview:ltr > StScrollBar {
+    padding-left: 6px;
+}
+#notification-scrollview:rtl > StScrollBar {
+    padding-right: 6px;
+}
+#notification-body {
+    spacing: 5px;
+}
+#notification-actions {
+    spacing: 10px;
+}
+.notification-button {
+    border-radius: 5px;
+    padding: 4px 8px 5px;
+}
+.notification-button:focus {
+    padding: 3px 8px 4px;
+}
+.notification-icon-button {
+    border-radius: 5px;
+    padding: 5px;
+}
+.notification-icon-button:focus {
+    padding: 4px;
+}
+.notification-icon-button > StIcon {
+    icon-size: 36px;
+}
+#notification StEntry {
+    padding: 4px;
+    border-radius: 4px;
+    color: #a8a8a8;
+    selected-color: black;
+    border: 1px solid rgba(245,245,245,0.2);
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    caret-color: #a8a8a8;
+    caret-size: 1px;
+}
+#notification StEntry:focus {
+    border: 1px solid #8b8b8b;
+    color: #333333;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    caret-color: #545454;
+    selection-background-color: #808080;
+}
+/* ===================================================================
+ * Alt Tab
+ * ===================================================================*/
+#altTabPopup {
+    padding: 8px;
+    spacing: 16px;
+}
+.switcher-list {
+    background: rgba(70,35,35,0.8);
+    border: 2px solid #a57575;
+    border-radius: 8px;
+    padding: 20px;
+    font-size: 9pt;
+    color: white;
+    text-shadow: black 0px 0px 2px;
+}
+.switcher-list-item-container {
+    spacing: 8px;
+}
+.thumbnail-scroll-gradient-left {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 1.0);
+    background-gradient-end: rgba(51, 51, 51, 0);
+    border-radius: 24px;
+    border-radius-topright: 0px;
+    border-radius-bottomright: 0px;
+    width: 60px;
+}
+.thumbnail-scroll-gradient-right {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(51, 51, 51, 0);
+    background-gradient-end: rgba(51, 51, 51, 1.0);
+    border-radius: 24px;
+    border-radius-topleft: 0px;
+    border-radius-bottomleft: 0px;
+    width: 60px;
+}
+.switcher-list .item-box {
+    padding: 8px;
+    border-radius: 8px;
+}
+.switcher-list .item-box:outlined {
+    padding: 6px;
+    border: 2px solid rgba(85,35,35,1.0);
+}
+.switcher-list .item-box:selected {
+    background: rgba(255,180,180,0.33);
+}
+.switcher-list .thumbnail-box {
+    padding: 2px;
+    spacing: 4px;
+}
+.switcher-list .thumbnail {
+    width:  256px;
+}
+.switcher-list .separator {
+    width: 1px;
+    background: rgba(255,255,255,0.33);
+}
+.ripple-box {
+    width: 104px;
+    height: 104px;
+    background-image: url("corner-ripple.png");
+}
+.ripple-box:rtl {
+    background-image: url("corner-ripple.png");
+}
+.switcher-arrow {
+    border-color: rgba(0,0,0,0);
+    color: #808080;
+}
+.switcher-arrow:highlighted {
+    border-color: rgba(0,0,0,0);
+    color: white;
+}
+.switcher-preview-backdrop {
+   background-color: rgba(25,25,25,0.65);
+}
+
+/* ===================================================================
+ * Modal dialogs
+ * ===================================================================*/
+.modal-dialog {
+    font-size: 12pt;
+    border-radius: 24px;
+    background-color: rgba(85, 35, 35, 0.9);
+    border: 2px solid #865656;
+    color: #babdb6;
+    padding-right: 42px;
+    padding-left: 42px;
+    padding-bottom: 30px;
+    padding-top: 30px;
+}
+.modal-dialog-button-box {
+    spacing: 21px;
+}
+.modal-dialog-button {
+    border-radius: 18px;
+    font-size: 11pt;
+    color: white;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 4px 32px 5px;
+}
+.modal-dialog-button:disabled {
+    color: rgb(60, 60, 60);
+}
+.modal-dialog-button:focus {
+    padding: 3px 31px 4px;
+}
+
+/* Info OSD popup */
+.info-osd {
+    font-size: 18pt;
+    border-radius: 24px;
+    background-color: rgba(85, 35, 35, 0.9);
+    border: 2px solid #865656;
+    color: #babdb6;
+    padding-right: 20px;
+    padding-left: 20px;
+    padding-bottom: 20px;
+    padding-top: 20px;
+    text-align: center;
+}
+
+/* ===================================================================
+ * Run dialog
+ * ===================================================================*/
+.run-dialog-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-label {
+    font-size: 9pt;
+    color: white;
+}
+.run-dialog-error-box {
+    padding-top: 15px;
+    spacing: 5px;
+}
+.run-dialog-completion-box {
+    padding-left: 15px;
+    font-size: 10px;
+}
+.run-dialog-entry {
+    font-size: 10.5pt;
+    font-weight: bold;
+    width: 23em;
+    color: white;
+    selection-background-color: white;
+    selected-color: black;
+}
+.run-dialog {
+    border-radius: 16px;
+    padding-right: 21px;
+    padding-left: 21px;
+    padding-bottom: 15px;
+    padding-top: 15px;
+}
+.lightbox {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+    icon-size: 48px;
+}
+.mount-password-reask {
+    color: red;
+}
+.show-processes-dialog,
+.mount-question-dialog {
+    spacing: 24px;
+}
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+    font-size: 12pt;
+    font-weight: bold;
+    color: #666666;
+    padding-top: 10px;
+    padding-left: 17px;
+    padding-bottom: 6px;
+}
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+    padding-left: 0px;
+    padding-right: 17px;
+}
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+    font-size: 10pt;
+    color: white;
+    padding-left: 17px;
+    width: 28em;
+}
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list {
+    font-size: 10pt;
+    max-height: 200px;
+    padding-top: 24px;
+    padding-left: 49px;
+    padding-right: 32px;
+}
+.show-processes-dialog-app-list:rtl {
+    padding-right: 49px;
+    padding-left: 32px;
+}
+.show-processes-dialog-app-list-item {
+    color: #ccc;
+}
+.show-processes-dialog-app-list-item:hover {
+    color: white;
+}
+.show-processes-dialog-app-list-item:ltr {
+    padding-right: 1em;
+}
+.show-processes-dialog-app-list-item:rtl {
+    padding-left: 1em;
+}
+.show-processes-dialog-app-list-item-icon:ltr {
+    padding-right: 17px;
+}
+.show-processes-dialog-app-list-item-icon:rtl {
+    padding-left: 17px;
+}
+.show-processes-dialog-app-list-item-name {
+    font-size: 10pt;
+}
+/* ===================================================================
+ * Magnifier
+ * ===================================================================*/
+
+.magnifier-zoom-region {
+    border: 2px solid rgba(128, 0, 0, 255);
+}
+.magnifier-zoom-region.full-screen {
+    border-width: 0px;
+}
+/* ===================================================================
+ * On screen keyboard
+ * ===================================================================*/
+
+#keyboard {
+    background-color: #553333;
+}
+.keyboard-layout {
+    spacing: 10px;
+    padding: 10px;
+}
+.keyboard-row {
+    spacing: 15px;
+}
+.keyboard-key {
+    min-height: 30px;
+    min-width: 30px;
+    background-gradient-start: rgba(255,245,245,0.4);
+    background-gradient-end: rgba(105,105,105,0.1);
+    background-gradient-direction: vertical;
+    font-size: 14pt;
+    font-weight: bold;
+    border-radius: 10px;
+    border: 2px solid #a0a0a0;
+    color: white;
+}
+.keyboard-key:grayed {
+    color: #808080;
+    border-color: #808080;
+}
+.keyboard-key:checked,
+.keyboard-key:hover {
+    background: #303030;
+    border: 3px solid white;
+}
+.keyboard-key:active {
+    background: #808080;
+}
+.keyboard-subkeys {
+    color: white;
+    padding: 5px;
+    -arrow-border-radius: 3px;
+    -arrow-background-color: #090909;
+    -arrow-border-width: 2px;
+    -arrow-border-color: white;
+    -arrow-base: 20px;
+    -arrow-rise: 10px;
+    -boxpointer-gap: 5px;
+}
+/* ###################################################################
+ * Cinnamon Specific Section
+ * ###################################################################*/
+/* ===================================================================
+ * Menu (menu.js)
+ * ===================================================================*/
+/* Main menu title */
+
+.menu-favorites-box {
+    margin: auto;
+    padding: 10px;
+    border: 1px solid #644;
+    border-radius: 8px;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(85,35,35,0.8);
+    background-gradient-end: rgba(85,35,35,0.2);
+    transition-duration: 300;
+}
+.menu-favorites-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-favorites-button:hover {
+    color: white;
+    background-gradient-direction: vertical;
+    /*background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);*/
+    background-gradient-start: rgba(180,80,80,0.2);
+    background-gradient-end: rgba(180,80,80,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,128,128,0.06);
+    border-radius: 4px;
+}
+.menu-places-box {
+    margin: auto;
+    padding: 10px;
+    border: 0px solid #644;
+}
+.menu-places-button {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+.menu-categories-box {
+    padding-top: 10px;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-bottom: 10px;
+}
+.menu-applications-inner-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-applications-outer-box {
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 0px;
+}
+.menu-application-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-application-button:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-application-button-selected:highlighted {
+    /* This style is used in menu application buttons for applications which were newly installed */
+    font-weight: bold;
+}
+.menu-application-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-application-button-label:rtl {
+    padding-right: 5px;
+}
+.menu-category-button {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+}
+.menu-category-button-greyed {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: #9C7C7C;
+    font-style: italic;
+}
+.menu-category-button-selected {
+    padding-top: 7px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-bottom: 7px;
+    color: white;
+    background-gradient-direction: vertical;
+    /*background-gradient-start: rgba(255,255,255,0.2);
+    background-gradient-end: rgba(255,255,255,0.08);*/
+    background-gradient-start: rgba(180,80,80,0.2);
+    background-gradient-end: rgba(180,80,80,0.08);
+    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.06);
+    border-radius: 4px;
+}
+.menu-category-button-label:ltr {
+    padding-left: 5px;
+}
+.menu-category-button-label:rtl {
+    padding-right: 5px;
+
+}
+.menu-category-button-button:hover {
+    background-color: #966666;
+    border-radius: 8px;
+}
+/* Name and description of the currently hovered item in the menu
+ * This appears on the bottom right hand corner of the menu*/
+.menu-selected-app-box {
+    padding-right: 30px;
+    padding-left: 28px;
+    text-align: right;
+    height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+    padding-top: 10px;
+    height: 30px;
+}
+
+.menu-selected-app-title {
+    font-weight: bold;
+}
+.menu-selected-app-description {
+    max-width: 150px;
+}
+.menu-search-box:ltr {
+    padding-left: 30px;
+}
+.menu-search-box:rtl {
+    padding-right: 30px;
+}
+#menu-search-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,162,162,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 64, 64);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+#menu-search-entry:focus,
+#menu-search-entry:hover {
+    border: 2px solid rgb(136,69,69);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+#menu-search-entry:hover {
+    transition-duration: 300;
+}
+#menu-search-entry:focus {
+    color: rgb(64, 32, 32);
+    font-weight: bold;
+    transition-duration: 0;
+}
+.menu-search-entry-icon {
+    icon-size: 1em;
+    color: #8d8f8a;
+}
+/* Context menu (at the moment only for favorites) */
+.menu-context-menu {
+}
+/* ===================================================================
+ * Window list (windowList.js)
+ * ===================================================================*/
+.window-list-box {
+    spacing: 2px;
+    padding-left: 10px;
+    padding-top: 0px;
+}
+.window-list-box.vertical {
+    spacing: 3px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.window-list-box.vertical #appMenuIcon {
+    padding-top: 3px;
+}
+.window-list-item-label {
+    font-weight: bold;
+    width: 15em;
+    min-width: 5px;
+}
+.window-list-item-box {
+    color: rgba(255,255,255,1.0);
+    /*background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.05);
+    background-gradient-end: rgba(255,255,255,0.2);*/
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5);
+    border-radius: 2px 2px 0px 0px;
+    transition-duration: 100;
+}
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:focus {
+    /*background-gradient-direction: vertical;
+    background-gradient-start: rgba(226,226,226,0.5);
+    background-gradient-end: rgba(122,122,122,0.5);*/
+    background-color: rgba(229,119,82,0.5);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,0.5);
+    border-radius: 2px 2px 0px 0px;
+    font-weight: bold;
+}
+.window-list-item-box:hover {
+    background-color: rgba(229,119,82,0.25);
+    box-shadow: inset 0px 0px 1px 1px rgba(170,90,90,1.0);
+    border-radius: 2px 2px 0px 0px;
+}
+.window-list-item-demands-attention {
+    background-gradient-start: rgba(255,52,52,0.5);
+    background-gradient-end: rgba(255,144,144,0.5);
+}
+/* ===================================================================
+ * Sound Applet (sound@cinnamon.org)
+ * ===================================================================*/
+
+.sound-player StButton {
+    width: 22px;
+    height: 13px;
+    padding: 5px;
+    color: #aaa;
+}
+
+.sound-player StButton:small {
+    width: 16px;
+    height: 8px;
+    padding: 1px;
+}
+
+.sound-player StButton:small StIcon {
+    icon-size: 1em;
+}
+
+.sound-player StButton StIcon {
+    icon-size: 1.5em;
+}
+
+.sound-player StButton:hover, .sound-player StButton:active {
+    color: #fff;
+}
+
+.sound-player .slider {
+    height: 0.5em;
+    -slider-height: 0.5em;
+    -slider-background-color: #3c3c3c;
+    -slider-border-color: rgba(0,0,0,0);
+    -slider-active-background-color: #a57575;
+    -slider-active-border-color: rgba(0,0,0,0);
+    -slider-border-width: 0px;
+    -slider-handle-radius: 0px;
+}
+
+.sound-player StBoxLayout {
+    spacing: 0.5em;
+}
+
+.sound-player>StBoxLayout {
+    padding: 5px;
+}
+
+.sound-player-overlay {
+    width: 300px;
+    padding: 12px 16px;
+    spacing: 0.5em;
+    background-color: rgba(80,80,80,0.9);
+    color: #ffffff;
+    border-top: 2px solid #a57575;
+}
+
+.sound-player-overlay StButton {
+    border-radius: 5px;
+    padding: 8px;
+}
+
+.sound-player-overlay StButton > StIcon {
+    icon-size: 16px;
+}
+
+.sound-player-overlay StBoxLayout {
+    padding-top: 2px;
+}
+
+.sound-player-generic-coverart {
+    background: rgba(0,0,0,0.2);
+}
+
+/* ===================================================================
+ * Workspace Switcher applet (workspaceSwitcher.js)
+ * ===================================================================*/
+/* Controls the styling when using the "Simple buttons" option */
+.panel-top .workspace-switcher,
+.panel-bottom .workspace-switcher {
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.panel-left .workspace-switcher
+.panel-right .workspace-switcher {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
+.workspace-button {
+    width: 20px;
+    height: 10px;
+    color: #cccccc;
+    border: 1px;
+    border-color: #a6a6a6;
+    padding-top: 2px;
+    transition-duration: 300;
+}
+
+.workspace-button:outlined {
+    background: #cccccc;
+    color: #553333;
+    box-shadow: inset 0px 0px 8px 1px rgba(255,255,255, 0.7);
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+    padding: 3px;
+    spacing: 3px;
+}
+
+.workspace-graph .workspace {
+    border: 1px solid #666;
+    background-gradient-direction: vertical;
+    background-gradient-start: #222;
+    background-gradient-end: #4d4d4d;
+}
+
+.workspace-graph .workspace:active {
+    border: 1px solid #ccc;
+    background-gradient-direction: vertical;
+    background-gradient-start: #111;
+    background-gradient-end: #3d3d3d;
+}
+
+.workspace-graph .workspace .windows {
+    -active-window-background: rgba(140, 140, 140, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.7);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.workspace-graph .workspace:active .windows {
+    -active-window-background: rgba(255, 255, 255, 1.0);
+    -active-window-border: rgba(0, 0, 0, 0.9);
+    -inactive-window-background: rgba(140, 140, 140, 1.0);
+    -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+/* ===================================================================
+ * Panel Launchers Applet (panelLaunchers.js)
+ * ===================================================================*/
+.panel-launchers {
+    padding-left: 7px;
+    spacing: 2px;
+}
+
+.panel-launchers.vertical {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-left: 0px;
+    padding-right: 0px;
+    spacing: 3px;
+}
+
+.launcher {
+    padding-left: 1px;
+    padding-right: 1px;
+    border-bottom-width: 1px;
+    transition-duration: 300;
+}
+
+.launcher .icon-box {
+     padding-top: 2px;
+}
+
+.panel-launchers.vertical .launcher .icon-box {
+    padding-top: 0;
+}
+
+.panel-launchers .launcher:hover {
+    background-gradient-direction: vertical;
+    background-gradient-start: rgba(255,255,255,0.0);
+    background-gradient-end: rgba(255,255,255,0.2);
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 1px;
+}
+
+.panel-launcher-add-dialog-content-box {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-left {
+    padding: 6px;
+    spacing: 20px;
+}
+
+.panel-launcher-add-dialog-content-box-right {
+    padding: 6px;
+    spacing: 10px;
+}
+
+.panel-launcher-add-dialog-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(128, 128, 128);
+    border: 2px solid rgba(245,245,245,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    transition-duration: 300;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+
+.panel-launcher-add-dialog-entry:focus,
+.panel-launcher-add-dialog-entry:hover {
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+}
+
+.panel-launcher-add-dialog-entry:hover {
+    transition-duration: 300;
+}
+
+.panel-launcher-add-dialog-entry:focus {
+    color: rgb(64, 64, 64);
+    font-weight: bold;
+    transition-duration: 0;
+}
+
+/* ===================================================================
+ * Overview corner
+ * ===================================================================*/
+#overview-corner {
+    background-image: url("overview.png");
+}
+#overview-corner:hover {
+    background-image:   url("overview-hover.png");
+}
+/* ===================================================================
+ * Applets (applet.js)
+ * ===================================================================*/
+.applet-separator {
+    padding: 5px 4px;
+}
+.applet-separator-line {
+    width: 2px;
+    background: rgba(255,255,255,.5);
+}
+.applet-separator-line-vertical {
+    border: 0px solid rgba(255,255,255,0.5);
+    border-bottom-width: 2px;
+}
+.applet-box {
+    padding-left: 3px;
+    padding-right: 3px;
+    color: #ccc;
+    text-shadow: black 0px 0px 2px;
+    transition-duration: 300;
+}
+.applet-box:hover {
+    color: #fff;
+}
+.applet-box.vertical {
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+.applet-box.vertical:hover {
+}
+.applet-box:highlight {
+    background-color: #aa5555;
+}
+.applet-label {
+    font-weight: bold;
+    color: #ccc;
+}
+.applet-box:hover > .applet-label {
+    color: #fff;
+    text-shadow: white 0px 0px 5px;
+}
+.applet-box.vertical:hover > .applet-label {
+}
+.applet-icon {
+    color: #ccc;
+    icon-size: 22px;
+}
+.applet-box:hover .applet-icon {
+    color: #fff;
+    icon-shadow: white 0px 0px 3px;
+}
+.applet-box.vertical:hover .applet-icon {
+}
+/* ===================================================================
+ * Desklets (desklet.js)
+ * ===================================================================*/
+.desklet {
+    color: #fff;
+}
+
+.desklet:highlight, .desklet:highlight-with-borders, .desklet:highlight-with-borders-and-header {
+    background-color: #aa5555;
+}
+
+.desklet-with-borders {
+    border: 2px solid #a57575;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+}
+
+.desklet-with-borders-and-header {
+    border: 2px solid #a57575;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    border-top: 1px;
+    border-radius-bottomleft: 12px;
+    border-radius-bottomright: 12px;
+}
+
+.desklet-header {
+    border-radius-topleft: 12px;
+    border-radius-topright: 12px;
+    font-size: 10.5pt;
+    border: 2px solid #a57575;
+    border-bottom: 0px;
+    background-color: rgba(80, 80, 80, 0.8);
+    color: #fff;
+    padding: 6px;
+}
+
+.desklet-drag-placeholder {
+    border: 2px solid #6daa00;
+    background-color: rgba(109,170, 0, 0.3);
+}
+/* ===================================================================
+ * About Dialog (applet.js and desklet.js)
+ * ===================================================================*/
+.about-content {
+    width: 550px;
+    height: 250px;
+    spacing: 8px;
+    padding-bottom: 16px;
+}
+
+.about-title {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+.about-uuid {
+    font-size: .8em;
+}
+
+.about-icon {
+    padding-right: 20px;
+}
+
+.about-scrollBox {
+    border: solid 1px grey;
+    border-radius: 4px;
+}
+
+.about-scrollBox-innerBox {
+    padding: 1.2em;
+    spacing: 1.2em;
+}
+
+.about-description {
+    padding-top: 4px;
+}
+
+.about-version {
+    padding-left: 7px;
+}
+
+
+/* ===================================================================
+ * Clock Desklet (desklet.js)
+ * ===================================================================*/
+.clock-desklet-label {
+}
+
+/* ===================================================================
+ * Workspace OSD
+ * ===================================================================*/
+
+.workspace-osd {
+    color: #ffffff;
+    text-shadow: black 5px 5px 5px;
+    font-weight: bold;
+    font-size: 48pt;
+}
+
+.expo-workspaces-name-entry {
+    padding: 5px;
+    border-radius: 4px;
+    color: rgb(200, 200, 200);
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(128,128,128);
+    background-gradient-end: rgb(85,35,35);
+    background-gradient-direction: vertical;
+    selected-color: black;
+    caret-color: rgb(128, 128, 128);
+    caret-size: 1px;
+    width: 250px;
+    height: 15px;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+    text-align: center;
+}
+
+.expo-workspaces-name-entry#selected {
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    font-weight: bold;
+    color: rgb(0, 0, 0);
+}
+
+.expo-workspaces-name-entry:focus {
+    color: rgb(0, 0, 0);
+    font-weight: bold;
+    font-style: italic;
+    transition-duration: 300;
+}
+
+/* ===================================================================
+ * Notification Applet
+ * ===================================================================*/
+
+.notification-applet-padding {
+    padding: .5em 1em;
+}
+
+.notification-applet-container {
+    max-height: 100px;
+}
+
+/* Check Boxes */
+.check-box CinnamonGenericContainer {
+    spacing: .2em;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("checkbox-off.svg");
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+    background-image: url("checkbox.svg");
+}
+
+.check-box StLabel {
+   font-weight: normal;
+}
+
+.radiobutton CinnamonGenericContainer {
+    spacing: .2em;
+    height: 18px;
+    padding-top: 2px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+    width: 16px;
+    height: 16px;
+    background-image: url("radiobutton-off.svg");
+    border-radius: 15px;
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+    background-image: url("radiobutton.svg");
+}
+
+.radiobutton StLabel {
+   padding-top: 4px;
+   font-size: 0.9em;
+   box-shadow: none;
+}
+
+.flashspot {
+   background-color: white;
+}
+
+/* Media keys OSD popup */
+.osd-window {
+    background: rgba(40,40,40,0.8);
+    border: 2px solid #a57575;
+    border-radius: 8px;
+    padding: 20px;
+    color: white;
+    spacing: 1em;
+}
+
+.osd-window .level {
+    height: 0.7em;
+    border-radius: 0.3em;
+    background-color: rgba(190,190,190,0.2);
+}
+
+.tile-preview,
+.tile-hud {
+    background-color: rgba(85, 85, 85, 0.5);
+    border: 2px solid rgba(134, 134, 134, 0.8);
+}
+
+.tile-preview.snap,
+.tile-hud.snap {
+    background-color: rgba(134, 134, 170, 0.5);
+    border: 2px solid rgba(85, 85, 85, 0.8);
+}
+
+.tile-hud:top {
+    border-top-width: 0px;
+    border-radius: 0px 0px 8px 8px;
+}
+
+.tile-hud:bottom {
+    border-bottom-width: 0px;
+    border-radius: 8px 8px 0px 0px;
+}
+
+.tile-hud:left {
+    border-left-width: 0px;
+    border-radius: 0px 8px 8px 0px;
+}
+
+.tile-hud:right {
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 8px;
+}
+
+.tile-hud:top-left {
+    border-top-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 0px 8px 0px;
+}
+
+.tile-hud:top-right {
+    border-top-width: 0px;
+    border-right-width: 0px;
+    border-radius: 0px 0px 0px 8px;
+}
+
+.tile-hud:bottom-left {
+    border-bottom-width: 0px;
+    border-left-width: 0px;
+    border-radius: 0px 8px 0px 0px;
+}
+
+.tile-hud:bottom-right {
+    border-bottom-width: 0px;
+    border-right-width: 0px;
+    border-radius: 8px 0px 0px 0px;
+}
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg b/src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg
new file mode 100644
index 0000000..9736d3e
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/close-window.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" version="1.1">
+ <defs>
+  <filter id="c" height="1.4181" width="1.4198" color-interpolation-filters="sRGB" y="-.20904" x="-.20990">
+   <feGaussianBlur stdDeviation="1.3282637"/>
+  </filter>
+  <filter id="b" height="1.4261" width="1.426" color-interpolation-filters="sRGB" y="-.21306" x="-.21298">
+   <feGaussianBlur stdDeviation="0.71020915"/>
+  </filter>
+  <radialGradient id="d" gradientUnits="userSpaceOnUse" cy="5.8191" cx="7.6583" gradientTransform="matrix(1.4402 0 0 1.4461 4.971 2.8359)" r="8.6929">
+   <stop stop-color="#7b7b7b" offset="0"/>
+   <stop stop-color="#101010" offset="1"/>
+  </radialGradient>
+ </defs>
+ <g style="color:#000000">
+  <path opacity=".52994" d="m11.636 3.6364c-3.7571-0.0751-7.2534 2.8802-7.8442 6.5836-0.72166 3.6336 1.4565 7.5565 4.9238 8.8611 3.362 1.3998 7.5537 0.08449 9.5273-2.9723 2.173-3.101 1.679-7.6992-1.11-10.263-1.46-1.4086-3.468-2.2196-5.497-2.2096z" transform="scale(1.375)" filter="url(#c)" stroke="#000" stroke-width="2.1818"/>
+  <path d="m5.0521 14.585c0-6.0748 4.9022-11 10.948-11 6.0463 0 10.948 4.9252 10.948 11s-4.9021 11-10.948 11c-6.0463 0-10.948-4.9252-10.948-11z" stroke="#eeeeec" stroke-width="2" fill="url(#d)"/>
+ </g>
+ <path filter="url(#b)" d="m12.002 11.993v1c-0.02191 0.28075 0.07051 0.55537 0.28125 0.75l2.2812 2.2812-2.2812 2.25c-0.18819 0.18817-0.28125 0.45346-0.28125 0.71875v1h1c0.26529 0 0.53059-0.0931 0.71875-0.28125l2.281-2.29 2.281 2.29c0.18816 0.18815 0.45345 0.28124 0.71875 0.28125h1v-1c-0.000008-0.2653-0.09306-0.53058-0.28125-0.71875l-2.25-2.25 2.2812-2.2812c0.21566-0.19935 0.25-0.46353 0.25-0.75v-1h-1c-0.24083 0.007-0.42188 0.082-0.6875 0.3125l-2.3125 2.2812-2.282-2.28c-0.17763-0.18392-0.43255-0.3013-0.6875-0.3125-0.01046-0.00046-0.02088-0.00012-0.03125 0h-1z"/>
+ <path d="m12.002 10.626h1c0.01031-0.00012 0.02079-0.000459 0.03125 0 0.25495 0.01121 0.50986 0.12858 0.6875 0.3125l2.2811 2.2811 2.3125-2.2811c0.26562-0.2305 0.44667-0.3055 0.6875-0.3125h1v1c0 0.28647-0.03435 0.55065-0.25 0.74999l-2.2811 2.2811 2.25 2.25c0.18818 0.18817 0.28124 0.45345 0.28124 0.71875v1h-1c-0.26529-0.000011-0.53058-0.0931-0.71874-0.28124l-2.2798-2.2798-2.2818 2.2811c-0.18824 0.18838-0.45348 0.2805-0.71885 0.2805h-0.9999v-1c-0.000003-0.26529 0.09306-0.53058 0.28124-0.71875l2.2811-2.2495-2.2811-2.2811c-0.21079-0.19456-0.30319-0.46915-0.28119-0.74992v-1z" fill="#fff"/>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/close.svg b/src/usr/share/themes/bgstack15-red/cinnamon/close.svg
new file mode 100644
index 0000000..cb6b4cf
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/close.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1">
+ <defs>
+  <linearGradient id="a" y2="-.062257" gradientUnits="userSpaceOnUse" x2="7.7198" y1="16" x1="7.8444">
+   <stop stop-color="#c4c4c4" offset="0"/>
+   <stop stop-color="#fff" offset="1"/>
+  </linearGradient>
+ </defs>
+ <path fill="url(#a)" d="m10.5 3.5 2 2-2.5 2.5 2.5 2.5-2 2l-2.5-2.5-2.5 2.5-2-2 2.5-2.5-2.5-2.5 2-2 2.5 2.5 2.5-2.5zm-10.5 4.5c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8-8-3.582-8-8z" fill-rule="evenodd"/>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png b/src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png
new file mode 100644
index 0000000..c6f9bdb
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/corner-ripple.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg b/src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg
new file mode 100644
index 0000000..50f5628
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/menu-symbolic.svg
@@ -0,0 +1,45 @@
+<?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"
+   enable-background="new 0 0 512 512"
+   height="512px"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 512 512"
+   width="512px"
+   xml:space="preserve"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="menu-symbolic.svg"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2234"
+     inkscape:window-height="1483"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="1.3037281"
+     inkscape:cx="143.87106"
+     inkscape:cy="217.54557"
+     inkscape:window-x="449"
+     inkscape:window-y="261"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><path
+     d="m 501.4176,232.69728 c 0,0 -9.06787,-3.41022 -35.30186,-5.83032 -32.07698,-2.9654 -41.75351,-14.98794 -52.4231,-29.95535 h -0.21458 c -1.32858,-3.55752 -2.75177,-7.07013 -4.31837,-10.51155 l 0.12389,-0.12388 c -3.04537,-18.12401 -4.6939,-33.47384 15.89218,-58.25339 16.82665,-20.25639 20.84065,-29.086247 20.84065,-29.086247 -3.94863,-10.020876 -13.44279,-19.513067 -13.44279,-19.513067 0,0 -9.49705,-9.495121 -19.51308,-13.437916 0,0 -8.82983,4.00327 -29.08619,20.836761 -24.77962,20.584129 -40.13039,18.930739 -58.25341,15.892179 l -0.12488,0.12287 c -3.43751,-1.56561 -6.94528,-2.982941 -10.51056,-4.318357 V 98.310274 C 300.11707,87.644604 288.09552,77.957334 285.12916,45.880341 282.70513,19.659036 279.29984,10.579469 279.29984,10.579469 269.4194,6.2825727 255.99707,6.2825727 255.99707,6.2825727 c 0,0 -13.42815,0 -23.30076,4.2968963 0,0 -3.41218,9.080544 -5.83228,35.300872 -2.96637,32.076993 -14.99474,41.764263 -29.95534,52.429933 v 0.208739 c -3.55751,1.335416 -7.07208,2.751747 -10.51154,4.312497 l -0.11903,-0.11699 c -18.12304,3.05025 -33.47384,4.69684 -58.25339,-15.885342 C 107.77029,70.001542 98.928734,65.990456 98.928734,65.990456 c -10.020879,3.953538 -19.50136,13.433043 -19.50136,13.433043 0,0 -9.496093,9.503896 -13.438889,19.517945 0,0 3.998396,8.830836 20.83773,29.081366 20.582205,24.77858 18.913175,40.12938 15.884395,58.2534 l 0.12484,0.12388 c -1.56756,3.44142 -2.983929,6.95403 -4.320285,10.51157 h -0.20782 C 87.648532,211.88493 77.960275,223.90158 45.885252,226.86699 19.661998,229.29196 10.571698,232.709 10.571698,232.709 6.2855327,242.59133 6.2855327,256 6.2855327,256 c 0,0 0,13.43305 4.2968933,23.30079 0,0 9.068841,3.41702 35.296973,5.83129 32.075999,2.96637 41.752555,15.00253 52.427946,29.95632 h 0.208771 c 1.336387,3.56534 2.751774,7.07306 4.320304,10.51156 l -0.12486,0.12386 c 3.05123,18.12598 4.69686,33.47384 -15.884363,58.25341 -16.828605,20.25539 -20.843597,29.09696 -20.843597,29.09696 3.959382,10.01601 13.436928,19.50235 13.436928,19.50235 0,0 9.502932,9.49707 19.518938,13.43302 0,0 8.824974,-3.99351 29.081344,-20.83286 24.77861,-20.58218 40.13526,-18.91317 58.25243,-15.88825 l 0.12489,-0.12487 c 3.43947,1.56563 6.95403,2.9771 10.51152,4.31835 v 0.2146 c 14.97232,10.65983 26.98899,20.3471 29.95536,52.42409 2.42404,26.22128 5.83615,35.31158 5.83615,35.31158 9.8863,4.28519 23.29591,4.28519 23.29591,4.28519 0,0 13.43305,0 23.30277,-4.29689 0,0 3.41796,-9.06981 5.82932,-35.30088 2.96636,-32.07696 15.00157,-41.75449 29.95634,-52.42406 v -0.2146 c 3.56528,-1.34127 7.07305,-2.75175 10.51056,-4.31836 l 0.12488,0.12486 c 18.12302,-3.04536 33.47285,-4.6939 58.25341,15.88828 20.25732,16.82958 29.09987,20.84457 29.09987,20.84457 10.01502,-3.96037 19.4994,-13.44377 19.4994,-13.44377 0,0 9.49416,-9.49707 13.44279,-19.51308 0,0 -4.00327,-8.83179 -20.84065,-29.08623 -20.58608,-24.7786 -18.92683,-40.12743 -15.89218,-58.25341 l -0.12389,-0.12386 c 1.56562,-3.4385 2.98881,-6.94622 4.31837,-10.51156 h 0.21458 c 10.65983,-14.96451 20.34612,-26.98995 52.4231,-29.95632 26.22131,-2.42401 35.31258,-5.83129 35.31258,-5.83129 C 505.71548,269.42233 505.71548,256 505.71548,256 c 0,0 -9.8e-4,-13.43305 -4.29788,-23.30272 z M 255.99707,372.78873 c -64.50219,0 -116.78969,-52.28652 -116.78969,-116.78873 0,-64.50221 52.2875,-116.78873 116.78969,-116.78873 64.50123,0 116.78874,52.28652 116.78874,116.78873 0,64.50221 -52.28751,116.78873 -116.78874,116.78873 z"
+     id="path3"
+     inkscape:connector-curvature="0"
+     style="fill:#7f7f7f" /></svg>
\ No newline at end of file
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png b/src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png
new file mode 100644
index 0000000..75673f9
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/overview-hover.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/overview.png b/src/usr/share/themes/bgstack15-red/cinnamon/overview.png
new file mode 100644
index 0000000..aed443e
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/overview.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg b/src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg
new file mode 100644
index 0000000..f2ba6f9
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/process-working.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="96" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <g style="color:#000000">
+  <g display="none">
+   <rect height="24" width="24" y="0" x="0"/>
+   <rect height="24" width="24" y="24" x="0"/>
+   <rect height="24" width="24" y="0" x="24"/>
+   <rect height="24" width="24" y="24" x="24"/>
+   <rect height="24" width="24" y="0" x="48"/>
+   <rect height="24" width="24" y="24" x="48"/>
+   <rect height="24" width="24" y="0" x="72"/>
+   <rect height="24" width="24" y="24" x="72"/>
+  </g>
+  <g id="h" transform="matrix(.2824 0 0 .2824 146.92 -382.52)" stroke="#fff" stroke-linecap="round" stroke-width="7.0821" fill="none">
+   <path opacity=".6" d="m-477.76 1373.4v9.4717"/>
+   <path opacity=".7" d="m-461.02 1380.3-7.2343 7.3824"/>
+   <path opacity=".8" d="m-454.08 1397h-9.4716"/>
+   <path opacity=".9" d="m-461.02 1413.8-6.9383-7.0864"/>
+   <path d="m-477.76 1420.7 0.00009-9.4716"/>
+   <path opacity=".3" d="m-494.5 1413.8 6.7905-6.9384"/>
+   <path opacity=".4" d="m-501.44 1397h9.4717"/>
+   <path opacity=".5" d="m-494.5 1380.3 6.6424 6.9384"/>
+  </g>
+ </g>
+ <use id="i" xlink:href="#h" transform="matrix(.70711 .70711 -.70711 .70711 36 -4.9706)" height="400" width="400" y="0" x="0"/>
+ <use id="j" xlink:href="#i" transform="matrix(.70711 .70711 -.70711 .70711 43.032 -21.91)" height="400" width="400" y="0" x="0"/>
+ <use id="k" xlink:href="#j" transform="matrix(.70711 .70711 -.70711 .70711 50.082 -38.905)" height="400" width="400" y="0" x="0"/>
+ <use id="l" xlink:href="#k" transform="matrix(.70711 .70711 -.70711 .70711 -38.92 -31.872)" height="400" width="400" y="0" x="0"/>
+ <use id="m" xlink:href="#l" transform="matrix(.70711 .70711 -.70711 .70711 52.987 2.0891)" height="400" width="400" y="0" x="0"/>
+ <use id="n" xlink:href="#m" transform="matrix(.70711 .70711 -.70711 .70711 60.013 -14.913)" height="400" width="400" y="0" x="0"/>
+ <use xlink:href="#n" transform="matrix(.70711 .70711 -.70711 .70711 67.022 -31.859)" height="400" width="400" y="0" x="0"/>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg
new file mode 100644
index 0000000..2072b8b
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton-off.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg4140"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="radiobutton-off.svg">
+  <defs
+     id="defs4142">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4692">
+      <stop
+         style="stop-color:#292929;stop-opacity:1"
+         offset="0"
+         id="stop4694" />
+      <stop
+         style="stop-color:#515151;stop-opacity:1"
+         offset="1"
+         id="stop4696" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4692"
+       id="linearGradient4698"
+       x1="8"
+       y1="1037.3622"
+       x2="8"
+       y2="1044.3622"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.4"
+     inkscape:cx="10.772517"
+     inkscape:cy="8.2994035"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:window-width="1274"
+     inkscape:window-height="725"
+     inkscape:window-x="302"
+     inkscape:window-y="129"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4688" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4145">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <circle
+       style="fill:url(#linearGradient4698);fill-opacity:1;stroke:#868686;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4690"
+       cx="8"
+       cy="1044.3622"
+       r="7.5" />
+  </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg
new file mode 100644
index 0000000..b50864a
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/radiobutton.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg4140"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="radiobutton.svg">
+  <defs
+     id="defs4142">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4692">
+      <stop
+         style="stop-color:#292929;stop-opacity:1"
+         offset="0"
+         id="stop4694" />
+      <stop
+         style="stop-color:#515151;stop-opacity:1"
+         offset="1"
+         id="stop4696" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4692"
+       id="linearGradient4698"
+       x1="8"
+       y1="1037.3622"
+       x2="8"
+       y2="1044.3622"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.4"
+     inkscape:cx="10.772517"
+     inkscape:cy="8.2994035"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:window-width="1274"
+     inkscape:window-height="725"
+     inkscape:window-x="302"
+     inkscape:window-y="129"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4688" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4145">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <circle
+       style="fill:url(#linearGradient4698);fill-opacity:1;stroke:#868686;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4690"
+       cx="8"
+       cy="1044.3622"
+       r="7.5" />
+    <circle
+       style="fill:#d5d5d5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4741"
+       cx="8"
+       cy="1044.3622"
+       r="4" />
+  </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg
new file mode 100644
index 0000000..cd4d796
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-hhandle.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="4" width="10" version="1.1">
+ <g fill-rule="evenodd" fill="#555">
+  <rect rx="0" ry="0" height="4" width="2" y="0" x="0"/>
+  <rect rx="0" ry="0" height="4" width="2" y="0" x="8"/>
+  <rect rx="0" ry="0" height="4" width="2" y="0" x="4"/>
+ </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg
new file mode 100644
index 0000000..168e75c
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/scroll-vhandle.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="4" version="1.1">
+ <g fill-rule="evenodd" fill="#555">
+  <rect rx="0" ry="0" height="2" width="4" y="0" x="0"/>
+  <rect rx="0" ry="0" height="2" width="4" y="4" x="0"/>
+  <rect rx="0" ry="0" height="2" width="4" y="8" x="0"/>
+ </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png
new file mode 100644
index 0000000..c295906
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail-generic.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png
new file mode 100644
index 0000000..dab9f34
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/thumbnail.png
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg
new file mode 100644
index 0000000..a783b80
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-intl.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="22" width="64" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <radialGradient id="w" xlink:href="#n" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-447,-99)"/>
+  <linearGradient id="n">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <radialGradient id="v" xlink:href="#m" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-446,-99)"/>
+  <linearGradient id="m" stop-color="#fff">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <radialGradient id="u" xlink:href="#n" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-451,-99)"/>
+  <radialGradient id="t" xlink:href="#m" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-450,-99)"/>
+  <radialGradient id="s" xlink:href="#n" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-455,-99)"/>
+  <radialGradient id="x" xlink:href="#m" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-454,-99)"/>
+  <linearGradient id="p" y2="28" stop-color="#fff" gradientUnits="userSpaceOnUse" x2="41" gradientTransform="translate(-32,-1)" y1="1" x1="41">
+   <stop offset="0"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="q" y2="2" gradientUnits="userSpaceOnUse" x2="48" gradientTransform="translate(-32,-1)" y1="21" x1="48">
+   <stop stop-color="#a0a0a0" offset="0"/>
+   <stop stop-color="#dcdcdc" offset="1"/>
+  </linearGradient>
+  <filter id="o" height="1.24" width="1.24" color-interpolation-filters="sRGB" y="-.12" x="-.12">
+   <feGaussianBlur stdDeviation="0.5"/>
+  </filter>
+  <linearGradient id="r" y2=".49999" gradientUnits="userSpaceOnUse" x2="40.812" gradientTransform="matrix(-1,0,0,-1,64.5,20.5)" y1="18.5" x1="40.812">
+   <stop stop-color="#333" offset="0"/>
+   <stop stop-color="#555" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g style="color:#000000">
+  <path d="m5 3c-1.1224 0-2 0.8776-2 2v12c0 1.1224 0.8776 2 2 2h54c1.1224 0 2-0.8776 2-2v-12c0-1.1224-0.878-2-2-2h-54z" fill="url(#r)"/>
+  <path opacity="0.08" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 3h54v12h-54z"/>
+  <path opacity="0.12" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 2h54c0.5825 0 1 0.4175 1 1v12c0 0.5825-0.4175 1-1 1h-54c-0.5825 0-1-0.418-1-1v-12c0-0.5825 0.4175-1 1-1z"/>
+  <path opacity=".2" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h54c1.1174 0 2 0.88261 2 2v12c0 1.1174-0.88261 2-2 2h-54c-1.1174 0-2-0.883-2-2v-12c0-1.1174 0.8826-2 2-2z" fill="#fff"/>
+  <g opacity=".5">
+   <path opacity=".5" d="m47 6.5c-2.7614 0-5 2.2386-5 5s2.2386 5 5 5 5-2.2386 5-5-2.2386-5-5-5zm0 2c1.6569 0 3 1.3431 3 3s-1.3431 3-3 3-3-1.3431-3-3 1.3431-3 3-3z" filter="url(#o)"/>
+   <path d="m47 6c-2.7614 0-5 2.2386-5 5s2.2386 5 5 5 5-2.2386 5-5-2.2386-5-5-5zm0 2c1.6569 0 3 1.3431 3 3s-1.3431 3-3 3-3-1.3431-3-3 1.3431-3 3-3z" fill="#fff"/>
+  </g>
+  <path opacity=".05" d="m5-0.9375c-3.2559 0-5.9375 2.6816-5.9375 5.9375v12c0 3.2559 2.6816 5.9375 5.9375 5.9375h24c3.2559 0 5.9375-2.6816 5.9375-5.9375v-12c0-3.2559-2.682-5.9375-5.938-5.9375h-24z"/>
+  <path opacity=".1" d="m5 0c-2.7357 0-5 2.2643-5 5v12c0 2.7357 2.2643 5 5 5h24c2.7357 0 5-2.2643 5-5v-12c0-2.7357-2.264-5-5-5h-24z"/>
+  <path opacity=".2" d="m5 1.0312c-2.1742 0-3.9688 1.7946-3.9688 3.9688v12c0 2.1742 1.7946 3.9688 3.9688 3.9688h24c2.1742 0 3.9688-1.7946 3.9688-3.9688v-12c0-2.1742-1.795-3.9688-3.969-3.9688h-24z"/>
+  <rect rx="3" ry="3" height="18" width="30" y="2" x="2" fill="url(#q)"/>
+  <path opacity=".6" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h24c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h24c1.1256 0 2 0.87439 2 2v12c0 1.1256-0.87439 2-2 2h-24c-1.1256 0-2-0.874-2-2v-12c0-1.1256 0.8744-2 2-2z" fill="url(#p)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="13" fill="url(#x)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="12" fill="url(#s)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="17" fill="url(#t)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="16" fill="url(#u)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="21" fill="url(#v)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="20" fill="url(#w)"/>
+ </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg
new file mode 100644
index 0000000..c6ec60d
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-off-us.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="22" width="64" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="d">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="c" stop-color="#fff">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <filter id="k" height="1.3893" width="1.1735" color-interpolation-filters="sRGB" y="-.19465" x="-.086737">
+   <feGaussianBlur stdDeviation="0.66285313"/>
+  </filter>
+  <radialGradient id="j" xlink:href="#d" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-447,-99)"/>
+  <radialGradient id="i" xlink:href="#c" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-446,-99)"/>
+  <radialGradient id="h" xlink:href="#d" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-451,-99)"/>
+  <radialGradient id="g" xlink:href="#c" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-450,-99)"/>
+  <radialGradient id="f" xlink:href="#d" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-455,-99)"/>
+  <radialGradient id="e" xlink:href="#c" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-454,-99)"/>
+  <linearGradient id="o" y2="28" stop-color="#fff" gradientUnits="userSpaceOnUse" x2="41" gradientTransform="translate(-32,-1)" y1="1" x1="41">
+   <stop offset="0"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="n" y2="2" gradientUnits="userSpaceOnUse" x2="48" gradientTransform="translate(-32,-1)" y1="21" x1="48">
+   <stop stop-color="#a0a0a0" offset="0"/>
+   <stop stop-color="#dcdcdc" offset="1"/>
+  </linearGradient>
+  <linearGradient id="m" y2="11" gradientUnits="userSpaceOnUse" x2="62" y1="11" x1="2">
+   <stop stop-color="#333" offset="0"/>
+   <stop stop-color="#555" stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="l" y2=".49999" gradientUnits="userSpaceOnUse" x2="40.812" gradientTransform="matrix(-1,0,0,-1,64.5,20.5)" y1="18.5" x1="40.812">
+   <stop stop-color="#333" offset="0"/>
+   <stop stop-color="#555" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g style="color:#000000">
+  <path d="m5 3c-1.1224 0-2 0.8776-2 2v12c0 1.1224 0.8776 2 2 2h54c1.1224 0 2-0.8776 2-2v-12c0-1.1224-0.878-2-2-2h-54z" fill="url(#l)"/>
+  <path opacity="0.08" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 3h54v12h-54z" fill="url(#m)"/>
+  <path opacity="0.12" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 2h54c0.5825 0 1 0.4175 1 1v12c0 0.5825-0.4175 1-1 1h-54c-0.5825 0-1-0.418-1-1v-12c0-0.5825 0.4175-1 1-1z"/>
+  <path opacity=".2" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h54c1.1174 0 2 0.88261 2 2v12c0 1.1174-0.88261 2-2 2h-54c-1.1174 0-2-0.883-2-2v-12c0-1.1174 0.8826-2 2-2z" fill="#fff"/>
+ </g>
+ <g opacity=".5" filter="url(#k)">
+  <path d="m41.231 15.621c-0.594 0-1.1073-0.10267-1.54-0.308-0.43267-0.20533-0.78834-0.48767-1.067-0.847-0.27867-0.36667-0.48767-0.79566-0.627-1.287-0.132-0.49866-0.198-1.0413-0.198-1.628-0.000001-0.58666 0.066-1.1293 0.198-1.628 0.13933-0.50599 0.34833-0.94233 0.627-1.309 0.27866-0.36666 0.63433-0.65266 1.067-0.858 0.43266-0.20533 0.946-0.30799 1.54-0.308 0.594 0.000008 1.1073 0.10267 1.54 0.308 0.43266 0.20534 0.78833 0.49134 1.067 0.858 0.27866 0.36667 0.48399 0.80301 0.616 1.309 0.13933 0.49867 0.20899 1.0413 0.209 1.628-0.000008 0.58667-0.06967 1.1293-0.209 1.628-0.13201 0.49134-0.33734 0.92033-0.616 1.287-0.27867 0.35933-0.63434 0.64167-1.067 0.847-0.43267 0.20533-0.946 0.308-1.54 0.308m0-1.342c1.1367 0.000001 1.705-0.90933 1.705-2.728-0.000006-0.90933-0.13934-1.5913-0.418-2.046-0.27134-0.45466-0.69667-0.68199-1.276-0.682-1.1513 0.0000066-1.727 0.90934-1.727 2.728-0.000003 1.8187 0.572 2.728 1.716 2.728"/>
+  <path d="m46 7.5801h4.488c0.044 0.22001 0.066 0.44367 0.066 0.671-0.000005 0.24201-0.02201 0.47301-0.066 0.693h-2.882v1.859h2.288c0.044 0.23467 0.066 0.462 0.066 0.682-0.000005 0.23467-0.02201 0.46567-0.066 0.693h-2.288v3.311c-0.27867 0.044-0.54267 0.066-0.792 0.066-0.27134 0-0.54267-0.022-0.814-0.066v-7.909"/>
+  <path d="m51.586 7.5801h4.488c0.04399 0.22001 0.06599 0.44367 0.066 0.671-0.000006 0.24201-0.02201 0.47301-0.066 0.693h-2.882v1.859h2.288c0.04399 0.23467 0.066 0.462 0.066 0.682-0.000005 0.23467-0.02201 0.46567-0.066 0.693h-2.288v3.311c-0.27867 0.044-0.54267 0.066-0.792 0.066-0.27134 0-0.54267-0.022-0.814-0.066v-7.909"/>
+ </g>
+ <g fill="#fff" opacity=".5">
+  <path d="m41.231 14.821c-0.594 0-1.1073-0.10267-1.54-0.308-0.43267-0.20533-0.78834-0.48767-1.067-0.847-0.27867-0.36667-0.48767-0.79566-0.627-1.287-0.132-0.49866-0.198-1.0413-0.198-1.628-0.000001-0.58666 0.066-1.1293 0.198-1.628 0.13933-0.50599 0.34833-0.94233 0.627-1.309 0.27866-0.36666 0.63433-0.65266 1.067-0.858 0.43266-0.20533 0.946-0.30799 1.54-0.308 0.594 0.000008 1.1073 0.10267 1.54 0.308 0.43266 0.20534 0.78833 0.49134 1.067 0.858 0.27866 0.36667 0.48399 0.80301 0.616 1.309 0.13933 0.49867 0.20899 1.0413 0.209 1.628-0.000008 0.58667-0.06967 1.1293-0.209 1.628-0.13201 0.49134-0.33734 0.92033-0.616 1.287-0.27867 0.35933-0.63434 0.64167-1.067 0.847-0.43267 0.20533-0.946 0.308-1.54 0.308m0-1.342c1.1367 0.000001 1.705-0.90933 1.705-2.728-0.000006-0.90933-0.13934-1.5913-0.418-2.046-0.27134-0.45466-0.69667-0.68199-1.276-0.682-1.1513 0.0000066-1.727 0.90934-1.727 2.728-0.000003 1.8187 0.572 2.728 1.716 2.728"/>
+  <path d="m46 6.7804h4.488c0.044 0.22001 0.066 0.44367 0.066 0.671-0.000005 0.24201-0.02201 0.47301-0.066 0.693h-2.882v1.859h2.288c0.044 0.23467 0.066 0.462 0.066 0.682-0.000005 0.23467-0.02201 0.46567-0.066 0.693h-2.288v3.311c-0.27867 0.044-0.54267 0.066-0.792 0.066-0.27134 0-0.54267-0.022-0.814-0.066v-7.909"/>
+  <path d="m51.586 6.7804h4.488c0.04399 0.22001 0.06599 0.44367 0.066 0.671-0.000006 0.24201-0.02201 0.47301-0.066 0.693h-2.882v1.859h2.288c0.04399 0.23467 0.066 0.462 0.066 0.682-0.000005 0.23467-0.02201 0.46567-0.066 0.693h-2.288v3.311c-0.27867 0.044-0.54267 0.066-0.792 0.066-0.27134 0-0.54267-0.022-0.814-0.066v-7.909"/>
+ </g>
+ <g style="color:#000000">
+  <path opacity=".05" d="m5-0.9375c-3.2559 0-5.9375 2.6816-5.9375 5.9375v12c0 3.2559 2.6816 5.9375 5.9375 5.9375h24c3.2559 0 5.9375-2.6816 5.9375-5.9375v-12c0-3.2559-2.682-5.9375-5.938-5.9375h-24z"/>
+  <path opacity=".1" d="m5 0c-2.7357 0-5 2.2643-5 5v12c0 2.7357 2.2643 5 5 5h24c2.7357 0 5-2.2643 5-5v-12c0-2.7357-2.264-5-5-5h-24z"/>
+  <path opacity=".2" d="m5 1.0312c-2.1742 0-3.9688 1.7946-3.9688 3.9688v12c0 2.1742 1.7946 3.9688 3.9688 3.9688h24c2.1742 0 3.9688-1.7946 3.9688-3.9688v-12c0-2.1742-1.795-3.9688-3.969-3.9688h-24z"/>
+  <rect rx="3" ry="3" height="18" width="30" y="2" x="2" fill="url(#n)"/>
+  <path opacity=".6" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h24c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h24c1.1256 0 2 0.87439 2 2v12c0 1.1256-0.87439 2-2 2h-24c-1.1256 0-2-0.874-2-2v-12c0-1.1256 0.8744-2 2-2z" fill="url(#o)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="13" fill="url(#e)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="12" fill="url(#f)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="17" fill="url(#g)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="16" fill="url(#h)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="21" fill="url(#i)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="20" fill="url(#j)"/>
+ </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg
new file mode 100644
index 0000000..01b987d
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-intl.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="22" width="64" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <filter id="l" height="1.156" width="1.52" color-interpolation-filters="sRGB" y="-0.078" x="-0.26">
+   <feGaussianBlur stdDeviation="0.325"/>
+  </filter>
+  <linearGradient id="a">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="b" stop-color="#fff">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="i" y2=".49999" gradientUnits="userSpaceOnUse" x2="40.812" gradientTransform="matrix(-1 0 0 -1 64.5 20.5)" y1="18.5" x1="40.812">
+   <stop stop-color="#333" offset="0"/>
+   <stop stop-color="#555" offset="1"/>
+  </linearGradient>
+  <radialGradient id="h" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-417,-99)"/>
+  <radialGradient id="g" xlink:href="#b" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-416,-99)"/>
+  <radialGradient id="f" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-421,-99)"/>
+  <radialGradient id="e" xlink:href="#b" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-420,-99)"/>
+  <radialGradient id="d" xlink:href="#a" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-425,-99)"/>
+  <radialGradient id="c" xlink:href="#b" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-424,-99)"/>
+  <linearGradient id="k" y2="28" stop-color="#fff" gradientUnits="userSpaceOnUse" x2="41" gradientTransform="translate(-2,-1)" y1="1" x1="41">
+   <stop offset="0"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="j" y2="2" gradientUnits="userSpaceOnUse" x2="48" gradientTransform="translate(-2,-1)" y1="21" x1="48">
+   <stop stop-color="#a0a0a0" offset="0"/>
+   <stop stop-color="#dcdcdc" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g style="color:#000000">
+  <path d="m5 3c-1.1224 0-2 0.8776-2 2v12c0 1.1224 0.8776 2 2 2h54c1.1224 0 2-0.8776 2-2v-12c0-1.1224-0.878-2-2-2h-54z" fill="url(#i)"/>
+  <path opacity="0.08" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 3h54v12h-54z"/>
+  <path opacity="0.12" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 2h54c0.5825 0 1 0.4175 1 1v12c0 0.5825-0.4175 1-1 1h-54c-0.5825 0-1-0.418-1-1v-12c0-0.5825 0.4175-1 1-1z"/>
+  <path opacity=".2" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h54c1.1174 0 2 0.88261 2 2v12c0 1.1174-0.88261 2-2 2h-54c-1.1174 0-2-0.883-2-2v-12c0-1.1174 0.8826-2 2-2z" fill="#fff"/>
+  <rect opacity=".5" height="10" filter="url(#l)" width="3" y="6.5" x="15"/>
+  <rect height="10" width="3" y="6" x="15" fill="#fff"/>
+  <path opacity=".05" d="m35-0.9375c-3.3342-0.084493-6.2283 3.0589-5.9375 6.3684 0.01965 4.0571-0.03992 8.1168 0.03091 12.172 0.25485 3.1387 3.3049 5.6251 6.4237 5.3343 7.9288-0.0052 15.858 0.01037 23.786-0.0078 3.2585-0.09082 5.9425-3.2203 5.634-6.4468-0.01964-4.0284 0.0399-8.0593-0.03091-12.086-0.25485-3.1387-3.3049-5.6251-6.4237-5.3343h-23.483z"/>
+  <path opacity=".1" d="m35 0c-2.823-0.068816-5.261 2.6062-5 5.405 0.017 4.0337-0.034 8.07 0.026 12.102 0.219 2.662 2.819 4.755 5.46 4.493 7.923-0.004 15.846 0.009 23.769-0.007 2.764-0.079 5.022-2.747 4.745-5.479-0.017-4.007 0.034-8.0156-0.026-12.021-0.219-2.6624-2.819-4.7548-5.46-4.493h-23.514z"/>
+  <path opacity=".2" d="m35 1.0312c-2.2659-0.057801-4.2002 2.1058-3.9688 4.3452 0.01352 4.0086-0.02722 8.0189 0.02069 12.026 0.17291 2.1437 2.2828 3.7975 4.3999 3.5659 7.9169-0.0035 15.834 0.0069 23.751-0.0052 2.2242-0.06114 4.0116-2.2264 3.7661-4.4153-0.01352-3.9835 0.02722-7.9687-0.02069-11.951-0.173-2.1437-2.283-3.7976-4.4-3.566h-23.548z"/>
+  <rect rx="3" ry="3" height="18" width="30" y="2" x="32" fill="url(#j)"/>
+  <path opacity=".6" d="m35 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h24c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h24c1.1256 0 2 0.87439 2 2v12c0 1.1256-0.87439 2-2 2h-24c-1.1256 0-2-0.87439-2-2v-12c0-1.1256 0.87439-2 2-2z" fill="url(#k)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="43" fill="url(#c)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="42" fill="url(#d)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="47" fill="url(#e)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="46" fill="url(#f)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="51" fill="url(#g)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="50" fill="url(#h)"/>
+ </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg
new file mode 100644
index 0000000..0a3a4cd
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/toggle-on-us.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="22" width="64" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <radialGradient id="w" xlink:href="#n" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-417,-99)"/>
+  <linearGradient id="n">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <radialGradient id="v" xlink:href="#m" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-416,-99)"/>
+  <linearGradient id="m" stop-color="#fff">
+   <stop offset="0"/>
+   <stop stop-opacity=".70588" offset="0.6"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <radialGradient id="u" xlink:href="#n" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-421,-99)"/>
+  <radialGradient id="t" xlink:href="#m" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-420,-99)"/>
+  <radialGradient id="s" xlink:href="#n" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-425,-99)"/>
+  <radialGradient id="x" xlink:href="#m" gradientUnits="userSpaceOnUse" cy="11" cx="42.5" gradientTransform="matrix(11,0,0,10,-424,-99)"/>
+  <linearGradient id="p" y2="28" stop-color="#fff" gradientUnits="userSpaceOnUse" x2="41" gradientTransform="translate(-2,-1)" y1="1" x1="41">
+   <stop offset="0"/>
+   <stop stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="q" y2="2" gradientUnits="userSpaceOnUse" x2="48" gradientTransform="translate(-2,-1)" y1="21" x1="48">
+   <stop stop-color="#a0a0a0" offset="0"/>
+   <stop stop-color="#dcdcdc" offset="1"/>
+  </linearGradient>
+  <linearGradient id="r" y2=".49999" gradientUnits="userSpaceOnUse" x2="40.812" gradientTransform="matrix(-1,0,0,-1,64.5,20.5)" y1="18.5" x1="40.812">
+   <stop stop-color="#333" offset="0"/>
+   <stop stop-color="#555" offset="1"/>
+  </linearGradient>
+  <filter id="o" height="1.3257" width="1.19" color-interpolation-filters="sRGB" y="-.16284" x="-.095004">
+   <feGaussianBlur stdDeviation="0.55455469"/>
+  </filter>
+ </defs>
+ <g style="color:#000000">
+  <path d="m5 3c-1.1224 0-2 0.8776-2 2v12c0 1.1224 0.8776 2 2 2h54c1.1224 0 2-0.8776 2-2v-12c0-1.1224-0.878-2-2-2h-54z" fill="url(#r)"/>
+  <path opacity="0.08" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 3h54v12h-54z"/>
+  <path opacity="0.12" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 2h54c0.5825 0 1 0.4175 1 1v12c0 0.5825-0.4175 1-1 1h-54c-0.5825 0-1-0.418-1-1v-12c0-0.5825 0.4175-1 1-1z"/>
+  <path opacity=".2" d="m5 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h54c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h54c1.1174 0 2 0.88261 2 2v12c0 1.1174-0.88261 2-2 2h-54c-1.1174 0-2-0.883-2-2v-12c0-1.1174 0.8826-2 2-2z" fill="#fff"/>
+ </g>
+ <g opacity=".5" filter="url(#o)">
+  <path d="m12.93 15.87c-0.594-0.000001-1.1073-0.10267-1.54-0.308-0.433-0.205-0.788-0.488-1.067-0.847-0.279-0.367-0.4877-0.796-0.627-1.287-0.132-0.499-0.198-1.041-0.198-1.628s0.066-1.1293 0.198-1.628c0.1393-0.506 0.3483-0.9423 0.627-1.309s0.634-0.6527 1.067-0.858c0.43266-0.20533 0.946-0.30799 1.54-0.308 0.594 0.0000081 1.1073 0.10267 1.54 0.308 0.43266 0.20534 0.78833 0.49134 1.067 0.858 0.27866 0.36667 0.48399 0.80301 0.616 1.309 0.13933 0.49867 0.20899 1.0413 0.209 1.628-0.000008 0.58667-0.06967 1.1293-0.209 1.628-0.13201 0.49134-0.33734 0.92033-0.616 1.287-0.27867 0.35933-0.63434 0.64167-1.067 0.847-0.43267 0.20533-0.946 0.308-1.54 0.308m0-1.342c1.1367 0.000001 1.705-0.90933 1.705-2.728-0.000006-0.90933-0.13934-1.5913-0.418-2.046-0.27134-0.45466-0.69667-0.68199-1.276-0.682-1.1513 0.0000067-1.727 0.90934-1.727 2.728-0.000002 1.8187 0.572 2.728 1.716 2.728"/>
+  <path d="m17.699 7.829c0.22733-0.043992 0.44367-0.065992 0.649-0.066 0.22 0.000008 0.44733 0.022008 0.682 0.066l3.058 5.038v-5.038c0.264-0.043992 0.517-0.065992 0.759-0.066 0.22733 0.000008 0.44733 0.022008 0.66 0.066v7.909c-0.23467 0.044-0.44734 0.066-0.638 0.066-0.20534-0.000001-0.429-0.022-0.671-0.066l-3.08-5.027v5.027c-0.23467 0.044-0.473 0.066-0.715 0.066-0.242-0.000001-0.47667-0.022-0.704-0.066v-7.909"/>
+ </g>
+ <g fill="#fff" fill-opacity=".98413">
+ <path d="m12.93 15.07c-0.594-0.000001-1.1073-0.10267-1.54-0.308-0.433-0.205-0.788-0.488-1.067-0.847-0.279-0.367-0.4877-0.796-0.627-1.287-0.132-0.499-0.198-1.041-0.198-1.628s0.066-1.1293 0.198-1.628c0.1393-0.506 0.3483-0.9423 0.627-1.309s0.634-0.6527 1.067-0.858c0.43266-0.20533 0.946-0.30799 1.54-0.308 0.594 0.0000081 1.1073 0.10267 1.54 0.308 0.43266 0.20534 0.78833 0.49134 1.067 0.858 0.27866 0.36667 0.48399 0.80301 0.616 1.309 0.13933 0.49867 0.20899 1.0413 0.209 1.628-0.000008 0.58667-0.06967 1.1293-0.209 1.628-0.13201 0.49134-0.33734 0.92033-0.616 1.287-0.27867 0.35933-0.63434 0.64167-1.067 0.847-0.43267 0.20533-0.946 0.308-1.54 0.308m0-1.342c1.1367 0.000001 1.705-0.90933 1.705-2.728-0.000006-0.90933-0.13934-1.5913-0.418-2.046-0.27134-0.45466-0.69667-0.68199-1.276-0.682-1.1513 0.0000067-1.727 0.90934-1.727 2.728-0.000002 1.8187 0.572 2.728 1.716 2.728"/>
+ <path d="m17.699 7.029c0.22733-0.043992 0.44367-0.065992 0.649-0.066 0.22 0.000008 0.44733 0.022008 0.682 0.066l3.058 5.038v-5.038c0.264-0.043992 0.517-0.065992 0.759-0.066 0.22733 0.000008 0.44733 0.022008 0.66 0.066v7.909c-0.23467 0.044-0.44734 0.066-0.638 0.066-0.20534-0.000001-0.429-0.022-0.671-0.066l-3.08-5.027v5.027c-0.23467 0.044-0.473 0.066-0.715 0.066-0.242-0.000001-0.47667-0.022-0.704-0.066v-7.909"/>
+ </g>
+ <g style="color:#000000">
+  <path opacity=".05" d="m35-0.9375c-3.3342-0.084516-6.2283 3.0589-5.9375 6.3684 0.01965 4.0571-0.03992 8.1168 0.03091 12.172 0.25482 3.1387 3.3049 5.6251 6.4237 5.3343 7.9288-0.0052 15.858 0.01037 23.786-0.0078 3.2586-0.0908 5.9425-3.2203 5.634-6.4468-0.01964-4.0284 0.03991-8.0594-0.03091-12.086-0.254-3.1376-3.305-5.6238-6.424-5.333h-23.482z"/>
+  <path opacity=".1" d="m35 0c-2.823-0.068815-5.261 2.6062-5 5.405 0.017 4.0337-0.034 8.07 0.026 12.102 0.219 2.662 2.819 4.755 5.46 4.493 7.923-0.004 15.846 0.009 23.769-0.007 2.764-0.079 5.022-2.747 4.745-5.479-0.017-4.007 0.034-8.0156-0.026-12.021-0.219-2.6625-2.819-4.7549-5.46-4.493h-23.514z"/>
+  <path opacity=".2" d="m35 1.0312c-2.2659-0.057814-4.2003 2.1058-3.9688 4.3453 0.01352 4.0086-0.02722 8.0189 0.02069 12.026 0.1729 2.1437 2.2829 3.7976 4.3999 3.5659 7.9169-0.0035 15.834 0.0069 23.751-0.0052 2.2242-0.06112 4.0117-2.2264 3.7661-4.4154-0.01352-3.9835 0.02722-7.9687-0.02069-11.951-0.17303-2.1437-2.2831-3.7975-4.4001-3.5659h-23.548z"/>
+  <rect rx="3" ry="3" height="18" width="30" y="2" x="32" fill="url(#q)"/>
+  <path opacity=".6" d="m35 2c-1.662 0-3 1.338-3 3v12c0 1.662 1.338 3 3 3h24c1.662 0 3-1.338 3-3v-12c0-1.662-1.338-3-3-3zm0 1h24c1.1256 0 2 0.87439 2 2v12c0 1.1256-0.87439 2-2 2h-24c-1.1256 0-2-0.87439-2-2v-12c0-1.1256 0.87439-2 2-2z" fill="url(#p)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="43" fill="url(#x)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="42" fill="url(#s)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="47" fill="url(#t)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="46" fill="url(#u)"/>
+  <rect opacity=".4" height="10" width="1" y="6" x="51" fill="url(#v)"/>
+  <rect opacity=".2" height="10" width="1" y="6" x="50" fill="url(#w)"/>
+ </g>
+</svg>
diff --git a/src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png b/src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png
new file mode 100644
index 0000000..7cee0c6
--- /dev/null
+++ b/src/usr/share/themes/bgstack15-red/cinnamon/trash-icon.png