Fix gtk theme setting

52 files changed, 7859 insertions, 0 deletions

diff --git a/themes/Plata-Noir/gnome-shell/assets/checkbox-hover.svg b/themes/Plata-Noir/gnome-shell/assets/checkbox-hover.svg
new file mode 100644
index 0000000..b795b1a
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/checkbox-hover.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="checkbox-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.495689"
+     inkscape:cx="4.6463315"
+     inkscape:cy="6.0890893"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="20px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="enable-background:new;opacity:1"
+       inkscape:label="#g4584"
+       id="checkbox-checked-active-dark"
+       transform="matrix(0.8,0,0,0.8,-24,530.47246)"
+       inkscape:export-filename="/usr/share/themes/Plata/gtk-2.0/Check-Radio/check-on-hover.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <path
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#3f51b5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 v 16 c 0,1.10801 0.89199,2 2,2 h 16 c 1.10801,0 2,-0.89199 2,-2 v -16 c 0,-1.10801 -0.89199,-2 -2,-2 z"
+         id="rect4138-4-5-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="sssssssss" />
+      <path
+         d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z"
+         id="path4-9-1-3-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc"
+         style="fill:#111111;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/checkbox-off-hover.svg b/themes/Plata-Noir/gnome-shell/assets/checkbox-off-hover.svg
new file mode 100644
index 0000000..6ccdff0
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/checkbox-off-hover.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="checkbox-off-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="21.78125"
+     inkscape:cx="8"
+     inkscape:cy="9.3658535"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="20px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="checkbox-unchecked-active-dark"
+       inkscape:label="#g4632"
+       transform="matrix(0.99998822,0,0,1.0000008,-91.998826,426.99943)"
+       style="opacity:1;fill:none;stroke:#f5f5f5;stroke-width:2.00018144;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
+       inkscape:export-filename="/usr/share/themes/Plata/gtk-2.0/Check-Radio/check-off-hover.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         ry="0.99999738"
+         rx="0.99999738"
+         y="610.36218"
+         x="93"
+         height="14"
+         width="14"
+         id="rect4505-8-0-1-3"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#f5f5f5;stroke-width:2.00018144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/checkbox-off.svg b/themes/Plata-Noir/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..c44b178
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="checkbox-off.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="21.78125"
+     inkscape:cx="8"
+     inkscape:cy="9.3658535"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="20px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="checkbox-unchecked-active-dark"
+       inkscape:label="#g4632"
+       transform="matrix(0.99998822,0,0,1.0000008,-91.998826,426.99943)"
+       style="opacity:1;fill:none;stroke:#f5f5f5;stroke-width:2.00018144;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
+       inkscape:export-filename="/usr/share/themes/Plata/gtk-2.0/Check-Radio/check-off-hover.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         ry="0.99999738"
+         rx="0.99999738"
+         y="610.36218"
+         x="93"
+         height="14"
+         width="14"
+         id="rect4505-8-0-1-3"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:0.8;fill-rule:nonzero;stroke:#f5f5f5;stroke-width:2.00018144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.87;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/checkbox.svg b/themes/Plata-Noir/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..3cb0754
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="checkbox.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.495689"
+     inkscape:cx="-29.191315"
+     inkscape:cy="6.2270614"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="20px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="enable-background:new;opacity:0.87"
+       inkscape:label="#g4584"
+       id="checkbox-checked-active-dark"
+       transform="matrix(0.8,0,0,0.8,-24,530.47246)"
+       inkscape:export-filename="/usr/share/themes/Plata/gtk-2.0/Check-Radio/check-on-hover.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <path
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#3f51b5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 32,632.36218 c -1.10801,0 -2,0.89199 -2,2 v 16 c 0,1.10801 0.89199,2 2,2 h 16 c 1.10801,0 2,-0.89199 2,-2 v -16 c 0,-1.10801 -0.89199,-2 -2,-2 z"
+         id="rect4138-4-5-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="sssssssss" />
+      <path
+         d="m 37.805556,648.23718 -5.555556,-5.5556 1.566667,-1.5666 3.988889,3.9777 8.433333,-8.4333 1.566667,1.5778 z"
+         id="path4-9-1-3-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc"
+         style="fill:#111111;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/dash-placeholder.svg b/themes/Plata-Noir/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..69c5df0
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dash-placeholder.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.65625"
+     inkscape:cx="-5.5308642"
+     inkscape:cy="15.841975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1028.3622)">
+    <circle
+       style="opacity:0.25;fill:#7986cb;fill-opacity:1;stroke:none"
+       id="dash-placeholder"
+       inkscape:label="#path2987"
+       cx="12"
+       cy="1040.3622"
+       r="12" />
+    <circle
+       style="fill:#7986cb;fill-opacity:1;stroke:none"
+       id="path3757"
+       cx="12"
+       cy="1040.3622"
+       r="4" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/go-down.svg b/themes/Plata-Noir/gnome-shell/assets/go-down.svg
new file mode 100644
index 0000000..13804c3
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/go-down.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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"
+   height="32"
+   version="1.1"
+   width="32"
+   id="svg2"
+   inkscape:version="0.92+devel (unknown)"
+   sodipodi:docname="go-down.svg"
+   style="enable-background:new">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1289"
+     inkscape:window-height="794"
+     id="namedview12"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="9.7228262"
+     inkscape:cy="13.423729"
+     inkscape:window-x="497"
+     inkscape:window-y="334"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer12"
+     inkscape:document-rotation="0" />
+  <metadata
+     id="metadata90">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7386">
+    <linearGradient
+       id="linearGradient5606"
+       osb:paint="solid">
+      <stop
+         id="stop5608" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer12"
+     inkscape:label="actions"
+     transform="translate(-361.0002,-13.000017)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 363.0002,24.000017 3,-3 11,11 11,-11 3,3 -14,14 z"
+       id="path5873"
+       sodipodi:nodetypes="ccccccc"
+       style="fill:#7986cb;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/go-left.svg b/themes/Plata-Noir/gnome-shell/assets/go-left.svg
new file mode 100644
index 0000000..cb8d2e0
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/go-left.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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"
+   height="32"
+   version="1.1"
+   width="32"
+   id="svg2"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="go-left.svg"
+   style="enable-background:new">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1771"
+     inkscape:window-height="1068"
+     id="namedview12"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="-2.9212416"
+     inkscape:cy="13.423729"
+     inkscape:window-x="256"
+     inkscape:window-y="97"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer12"
+     inkscape:document-rotation="0" />
+  <metadata
+     id="metadata90">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7386">
+    <linearGradient
+       id="linearGradient5606"
+       osb:paint="solid">
+      <stop
+         id="stop5608" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer12"
+     inkscape:label="actions"
+     transform="translate(-361.0002,-13.000017)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 382.0002,15.000017 3,3 -11,11 11,11 -3,3 -14,-14 z"
+       id="path5873"
+       sodipodi:nodetypes="ccccccc"
+       style="fill:#7986cb;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/go-right.svg b/themes/Plata-Noir/gnome-shell/assets/go-right.svg
new file mode 100644
index 0000000..de9ceaf
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/go-right.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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"
+   height="32"
+   version="1.1"
+   width="32"
+   id="svg2"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="go-right.svg"
+   style="enable-background:new">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1771"
+     inkscape:window-height="1068"
+     id="namedview12"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="8.8414703"
+     inkscape:cy="13.423729"
+     inkscape:window-x="256"
+     inkscape:window-y="97"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer12"
+     inkscape:document-rotation="0" />
+  <metadata
+     id="metadata90">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7386">
+    <linearGradient
+       id="linearGradient5606"
+       osb:paint="solid">
+      <stop
+         id="stop5608" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer12"
+     inkscape:label="actions"
+     transform="translate(-361.0002,-13.000017)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 372.0002,15.000017 -3,3 11,11 -11,11 3,3 14,-14 z"
+       id="path5873"
+       sodipodi:nodetypes="ccccccc"
+       style="fill:#7986cb;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/go-up.svg b/themes/Plata-Noir/gnome-shell/assets/go-up.svg
new file mode 100644
index 0000000..402f312
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/go-up.svg
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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"
+   height="32"
+   version="1.1"
+   width="32"
+   id="svg2"
+   inkscape:version="0.92+devel (unknown)"
+   sodipodi:docname="go-up.svg"
+   style="enable-background:new">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1289"
+     inkscape:window-height="794"
+     id="namedview12"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="24.42275"
+     inkscape:cy="18.71013"
+     inkscape:window-x="497"
+     inkscape:window-y="334"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer12"
+     inkscape:document-rotation="0"
+     showguides="false">
+    <sodipodi:guide
+       position="-5.559322,3.7288136"
+       orientation="1,0"
+       id="guide815"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata90">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7386">
+    <linearGradient
+       id="linearGradient5606"
+       osb:paint="solid">
+      <stop
+         id="stop5608" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer12"
+     inkscape:label="actions"
+     transform="translate(-361.0002,-13.000017)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 363.0002,34.000017 3,3 11,-11 11,11 3,-3 -14,-14 z"
+       id="path5873"
+       sodipodi:nodetypes="ccccccc"
+       style="fill:#7986cb;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/media-control-active.svg b/themes/Plata-Noir/gnome-shell/assets/media-control-active.svg
new file mode 100644
index 0000000..244a29f
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/media-control-active.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32"
+   height="32"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="media-control-active.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.65625"
+     inkscape:cx="11.930864"
+     inkscape:cy="15.841975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1020.3622)">
+    <rect
+       style="opacity:0;fill:#ffffff;fill-opacity:0;fill-rule:nonzero;stroke:none;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4135"
+       width="32"
+       height="32"
+       x="0"
+       y="1020.3622" />
+    <circle
+       style="opacity:0.25;fill:#7986cb;fill-opacity:1;stroke:none"
+       id="dash-placeholder"
+       inkscape:label="#path2987"
+       cx="16"
+       cy="1036.3622"
+       r="12" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/assets/media-control-hover.svg b/themes/Plata-Noir/gnome-shell/assets/media-control-hover.svg
new file mode 100644
index 0000000..83dc105
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/assets/media-control-hover.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32"
+   height="32"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="media-control-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.65625"
+     inkscape:cx="-18.923457"
+     inkscape:cy="15.841975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1020.3622)">
+    <circle
+       style="opacity:0.12;fill:#7986cb;fill-opacity:1;stroke:none"
+       id="dash-placeholder"
+       inkscape:label="#path2987"
+       cx="16"
+       cy="1036.3622"
+       r="16" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/calendar-today-other.svg b/themes/Plata-Noir/gnome-shell/calendar-today-other.svg
new file mode 100644
index 0000000..ef647db
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/calendar-today-other.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="calendar-today-other.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.65625"
+     inkscape:cx="45.195061"
+     inkscape:cy="27.85185"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-956.3622)">
+    <circle
+       style="fill:#52b2ff;fill-opacity:0.28999999;stroke:none;stroke-width:2"
+       id="path3757"
+       cx="48"
+       cy="1040.3622"
+       r="8" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/calendar-today.svg b/themes/Plata-Noir/gnome-shell/calendar-today.svg
new file mode 100644
index 0000000..1831a39
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/calendar-today.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="calendar-today.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.65625"
+     inkscape:cx="22.241976"
+     inkscape:cy="28.009876"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-956.3622)">
+    <circle
+       style="fill:#52b2ff;fill-opacity:1;stroke:none;stroke-width:2"
+       id="path3757"
+       cx="48"
+       cy="1040.3622"
+       r="8" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/window-list/classic.css b/themes/Plata-Noir/gnome-shell/extensions/window-list/classic.css
new file mode 100644
index 0000000..4ae4567
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/window-list/classic.css
@@ -0,0 +1,57 @@
+/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */
+@import url("stylesheet.css");
+.bottom-panel { min-height: 30px; height: 2.2em; }
+
+.window-list { spacing: 2px; font-size: 100%; }
+
+.window-button { padding: 1px; }
+
+.window-button:first-child:ltr { padding-left: 2px; }
+
+.window-button:last-child:rtl { padding-right: 2px; }
+
+.window-button-box { spacing: 4px; }
+
+.window-button > StWidget { -st-natural-width: 18.75em; max-width: 18.75em; padding: 3px 6px 1px; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: none; text-shadow: none; }
+
+.window-button:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.window-button:active > StWidget, .window-button:focus > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.window-button.focused > StWidget, .window-button.focused:active > StWidget { color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.window-button.minimized > StWidget { color: rgba(245, 245, 245, 0.54); box-shadow: none; }
+
+.window-button.minimized:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); color: #f5f5f5; }
+
+.window-button.minimized:active > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px #3f51b5; color: #f5f5f5; }
+
+.window-button-icon { width: 24px; height: 24px; }
+
+.window-list-workspace-indicator { padding: 3px; }
+
+.window-list-workspace-indicator > StWidget { border: 1px solid rgba(245, 245, 245, 0.2); background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); font-weight: 700; }
+
+.window-list-workspace-indicator:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.window-list-workspace-indicator:active > StWidget, .window-list-workspace-indicator:checked > StWidget, .window-list-workspace-indicator:focus > StWidget { border: 1px solid #3f51b5; background-gradient-drection: vertical; background-gradient-start: rgba(63, 81, 181, 0.2); background-gradient-end: rgba(63, 81, 181, 0.2); color: #f5f5f5; }
+
+.notification { font-weight: 500; }
+
+#panel.bottom-panel, #panel.bottom-panel.solid { min-height: 30px; height: 2.2em; border-top-width: 1px; border-bottom-width: 0; border-color: black; background-color: black; background-gradient-drection: vertical; background-gradient-start: black; background-gradient-end: black; color: #f5f5f5; }
+
+#panel.bottom-panel StLabel, #panel.bottom-panel.solid StLabel { text-shadow: none; }
+
+#panel.bottom-panel StIcon, #panel.bottom-panel.solid StIcon { icon-shadow: none; }
+
+#panel, #panel.solid { min-height: 25px; height: 1.8em; border-top-width: 0; border-bottom-width: 1px; border-color: black; background-color: black; background-gradient-drection: vertical; background-gradient-start: black; background-gradient-end: black; }
+
+#panel StLabel, #panel.solid StLabel { text-shadow: none; }
+
+#panel StIcon, #panel.solid StIcon { icon-shadow: none; }
+
+#panel .panel-button, #panel.solid .panel-button { color: #f5f5f5; }
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked, #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: white; }
+
+#panel .panel-button:active, #panel .panel-button:focus, #panel.solid .panel-button:active, #panel.solid .panel-button:focus { background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); }
diff --git a/themes/Plata-Noir/gnome-shell/extensions/window-list/stylesheet.css b/themes/Plata-Noir/gnome-shell/extensions/window-list/stylesheet.css
new file mode 100644
index 0000000..4e1419e
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/window-list/stylesheet.css
@@ -0,0 +1,38 @@
+/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */
+.bottom-panel { min-height: 30px; height: 2.2em; }
+
+.window-list { spacing: 2px; font-size: 100%; }
+
+.window-button { padding: 1px; }
+
+.window-button:first-child:ltr { padding-left: 2px; }
+
+.window-button:last-child:rtl { padding-right: 2px; }
+
+.window-button-box { spacing: 4px; }
+
+.window-button > StWidget { -st-natural-width: 18.75em; max-width: 18.75em; padding: 3px 6px 1px; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: none; text-shadow: none; }
+
+.window-button:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.window-button:active > StWidget, .window-button:focus > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.window-button.focused > StWidget, .window-button.focused:active > StWidget { color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.window-button.minimized > StWidget { color: rgba(245, 245, 245, 0.54); box-shadow: none; }
+
+.window-button.minimized:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); color: #f5f5f5; }
+
+.window-button.minimized:active > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px #3f51b5; color: #f5f5f5; }
+
+.window-button-icon { width: 24px; height: 24px; }
+
+.window-list-workspace-indicator { padding: 3px; }
+
+.window-list-workspace-indicator > StWidget { border: 1px solid rgba(245, 245, 245, 0.2); background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); font-weight: 700; }
+
+.window-list-workspace-indicator:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.window-list-workspace-indicator:active > StWidget, .window-list-workspace-indicator:checked > StWidget, .window-list-workspace-indicator:focus > StWidget { border: 1px solid #3f51b5; background-gradient-drection: vertical; background-gradient-start: rgba(63, 81, 181, 0.2); background-gradient-end: rgba(63, 81, 181, 0.2); color: #f5f5f5; }
+
+.notification { font-weight: 500; }
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-bottom.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-bottom.svg
new file mode 100644
index 0000000..d35daed
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-bottom.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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="four-bottom.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-10.575274"
+     inkscape:cy="29.706242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="36"
+       cy="1049.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="48"
+       cy="1049.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="24"
+       cy="1049.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4241"
+       cx="12"
+       cy="1049.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-left.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-left.svg
new file mode 100644
index 0000000..db5c36f
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-left.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="four-left.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-12.26438"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="1028.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="1040.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="1016.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4241"
+       cx="1004.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-right.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-right.svg
new file mode 100644
index 0000000..85c9172
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-right.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="four-right.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-12.26438"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="1028.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="1040.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="1016.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4241"
+       cx="1004.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-top.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-top.svg
new file mode 100644
index 0000000..f520fc4
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/four-top.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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="four-top.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-12.26438"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="36"
+       cy="995.36218"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="48"
+       cy="995.36218"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="24"
+       cy="995.36218"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4241"
+       cx="12"
+       cy="995.36218"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-four.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-four.svg
new file mode 100644
index 0000000..8cf0d71
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-four.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="16"
+   viewBox="0 0 20 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="h-four.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-24.271725"
+     inkscape:cy="26.18115"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+    <sodipodi:guide
+       position="10,65"
+       orientation="0,1"
+       id="guide4377" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="14"
+       cy="1040.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="6"
+       cy="1048.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201-0"
+       cx="6"
+       cy="1040.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201-9"
+       cx="14"
+       cy="1048.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-one.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-one.svg
new file mode 100644
index 0000000..a168a41
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-one.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="16"
+   viewBox="0 0 20 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="h-one.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-22.582618"
+     inkscape:cy="17.662179"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="10"
+       cy="1048.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-three.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-three.svg
new file mode 100644
index 0000000..e66d65d
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-three.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="16"
+   viewBox="0 0 20 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="h-three.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-43.58629"
+     inkscape:cy="25.887392"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+    <sodipodi:guide
+       position="10,65"
+       orientation="0,1"
+       id="guide4377" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="14"
+       cy="1048.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="6"
+       cy="1048.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138-2"
+       cx="10"
+       cy="1040.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-two.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-two.svg
new file mode 100644
index 0000000..045a704
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/h-two.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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="16"
+   viewBox="0 0 20 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="h-two.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-47.772336"
+     inkscape:cy="26.18115"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+    <sodipodi:guide
+       position="10,65"
+       orientation="0,1"
+       id="guide4377" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="14"
+       cy="1040.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="6"
+       cy="1048.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-bottom.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-bottom.svg
new file mode 100644
index 0000000..c03844f
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-bottom.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="one-bottom.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-38.51897"
+     inkscape:cy="29.706242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="30"
+       cy="1049.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-left.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-left.svg
new file mode 100644
index 0000000..ea54a21
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-left.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="one-left.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="0.84455413"
+     inkscape:cy="29.706242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="3"
+       cy="1022.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-right.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-right.svg
new file mode 100644
index 0000000..67a5a2f
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-right.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="one-right.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-22.582618"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="57"
+       cy="1022.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-top.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-top.svg
new file mode 100644
index 0000000..cf52332
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/one-top.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="one-top.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-22.582618"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="30"
+       cy="995.36218"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-bottom.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-bottom.svg
new file mode 100644
index 0000000..54b0e02
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-bottom.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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="three-bottom.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="0.99848913"
+     inkscape:cy="29.706242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="30"
+       cy="1049.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="42"
+       cy="1049.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="18"
+       cy="1049.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-left.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-left.svg
new file mode 100644
index 0000000..e9d9f02
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-left.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="three-left.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-24.191229"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="1022.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="1034.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="1010.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-right.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-right.svg
new file mode 100644
index 0000000..812ab12
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-right.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="three-right.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-24.191229"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="1022.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="1034.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="1010.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-top.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-top.svg
new file mode 100644
index 0000000..e28128b
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/three-top.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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="three-top.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-24.191229"
+     inkscape:cy="29.412484"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="30"
+       cy="995.36218"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4199"
+       cx="42"
+       cy="995.36218"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="18"
+       cy="995.36218"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-bottom.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-bottom.svg
new file mode 100644
index 0000000..78115d9
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-bottom.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="two-bottom.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-15.018359"
+     inkscape:cy="26.768666"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="36"
+       cy="1049.3622"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="24"
+       cy="1049.3622"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-left.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-left.svg
new file mode 100644
index 0000000..afd9b3b
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-left.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="two-left.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-22.582618"
+     inkscape:cy="26.474908"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="1028.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="1016.3622"
+       cy="-3"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-right.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-right.svg
new file mode 100644
index 0000000..7e3cb8e
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-right.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="two-right.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-22.582618"
+     inkscape:cy="26.474908"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="1028.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="1016.3622"
+       cy="-57"
+       r="3"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-top.svg b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-top.svg
new file mode 100644
index 0000000..c643b6b
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/assets/two-top.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="60"
+   height="60"
+   viewBox="0 0 60 60"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="two-top.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="6.8083335"
+     inkscape:cx="-22.582618"
+     inkscape:cy="26.474908"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     width="60px"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136" />
+  </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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-992.3622)">
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4138"
+       cx="36"
+       cy="995.36218"
+       r="3" />
+    <circle
+       style="fill:#3f51b5;fill-opacity:1;stroke:none"
+       id="path4201"
+       cx="24"
+       cy="995.36218"
+       r="3" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
new file mode 100644
index 0000000..fce2b90
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
@@ -0,0 +1,152 @@
+/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */
+#workspacestodockTriggerSpacer, #workspacestodockContainerWrapper, #workspacestodockContainer { background-color: rgba(0, 0, 0, 0); }
+
+#workspacestodockDock { padding: 0; }
+
+#workspacestodockDock.top .workspace-thumbnails { margin: 0; border-radius: 2px 2px 0 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.top .workspace-thumbnails .workspace-thumbnail-indicator { padding: 5px; border-width: 0; border-bottom-width: 2px; }
+
+#workspacestodockDock.top.inside .workspace-thumbnails { border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.top.fullheight .workspace-thumbnails, #workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; }
+
+#workspacestodockDock.top .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; box-shadow: inset 0 -1px 0 rgba(245, 245, 245, 0.2); }
+
+#workspacestodockDock.bottom .workspace-thumbnails { margin: 0; border-radius: 0 0 2px 2px; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.bottom .workspace-thumbnails .workspace-thumbnail-indicator { padding: 5px; border-width: 0; border-top-width: 2px; }
+
+#workspacestodockDock.bottom.inside .workspace-thumbnails { border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.bottom.fullheight .workspace-thumbnails, #workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; }
+
+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; box-shadow: inset 0 1px 0 rgba(245, 245, 245, 0.2); }
+
+#workspacestodockDock.left .workspace-thumbnails { margin: 0; border-radius: 0 2px 2px 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.left .workspace-thumbnails .workspace-thumbnail-indicator { padding: 5px; border-width: 0; border-right-width: 2px; }
+
+#workspacestodockDock.left.inside .workspace-thumbnails { border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.left.fullheight .workspace-thumbnails, #workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; }
+
+#workspacestodockDock.left .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; box-shadow: inset -1px 0 0 rgba(245, 245, 245, 0.2); }
+
+#workspacestodockDock.right .workspace-thumbnails { margin: 0; border-radius: 2px 0 0 2px; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.right .workspace-thumbnails .workspace-thumbnail-indicator { padding: 5px; border-width: 0; border-left-width: 2px; }
+
+#workspacestodockDock.right.inside .workspace-thumbnails { border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; }
+
+#workspacestodockDock.right.fullheight .workspace-thumbnails, #workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel { border-radius: 0; }
+
+#workspacestodockDock.right .workspacestodock-shortcuts-panel { padding: 2px; spacing: 0; border-radius: 0; box-shadow: inset 1px 0 0 rgba(245, 245, 245, 0.2); }
+
+.workspacestodock-shortcuts-panel-popupmenu { padding: 2px; spacing: 0; }
+
+#workspacestodockDock .app-well-app .overview-icon { border-radius: 999px; }
+
+#workspacestodockDock .app-well-app:hover .overview-icon { background-color: rgba(245, 245, 245, 0.12); }
+
+#workspacestodockDock .app-well-app:active .overview-icon, #workspacestodockDock .app-well-app:focus .overview-icon, #workspacestodockDock .app-well-app:checked .overview-icon { background-color: #3f51b5; }
+
+#workspacestodockDock .workspacestodock-shortcuts-panel > StButton { background-size: contain; }
+
+.workspacestodock-shortcut-button-icon { padding: 6px; }
+
+.workspacestodock-shortcut-button-symbolic-icon { padding: 8px; }
+
+#workspacestodockDock .popup-separator-menu-item { margin: 2px; }
+
+.workspacestodock-shortcut-panel-separator { -margin-horizontal: 2px; }
+
+.workspacestodock-shortcut-panel-filler { height: 1px; padding: 0; -margin-horizontal: 2px; -gradient-height: 1px; -gradient-start: transparent; -gradient-end: transparent; }
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("assets/one-top.svg"); }
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("assets/two-top.svg"); }
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("assets/three-top.svg"); }
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("assets/four-top.svg"); }
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("assets/one-bottom.svg"); }
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("assets/two-bottom.svg"); }
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("assets/three-bottom.svg"); }
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("assets/four-bottom.svg"); }
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("assets/one-left.svg"); }
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("assets/two-left.svg"); }
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("assets/three-left.svg"); }
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("assets/four-left.svg"); }
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { background-image: url("assets/one-right.svg"); }
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { background-image: url("assets/two-right.svg"); }
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { background-image: url("assets/three-right.svg"); }
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { background-image: url("assets/four-right.svg"); }
+
+.workspacestodock-workspace-caption { color: rgba(245, 245, 245, 0.54); }
+
+.workspacestodock-workspace-caption-container { padding: 0; border-radius: 2.5px; border: 1px solid rgba(0, 0, 0, 0.3); }
+
+.workspacestodock-workspace-caption-background { border-top: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0 0 2.5px 2.5px; background-color: #080808; }
+
+.workspacestodock-workspace-caption-background-current { color: #f5f5f5; }
+
+.workspacestodock-caption-windowapps { padding: 0; }
+
+.workspacestodock-caption-windowapps-menu { -boxpointer-gap: 12px; }
+
+.workspacestodock-caption-windowapps-menu .window-close { height: 20px; width: 20px; background-size: 24px; }
+
+.workspacestodock-caption-windowapps-menu-label { padding: 0 10px 0 10px; }
+
+.workspacestodock-caption-windowapps-button { padding: 0 4px; }
+
+.workspacestodock-caption-windowapps-button-icon { padding: 2px 2px 0 2px; border: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+.workspacestodock-caption-windowapps-button:hover > .workspacestodock-caption-windowapps-button-icon { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon, .workspacestodock-caption-windowapps-button-active:hover > .workspacestodock-caption-windowapps-button-icon { background-color: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px #3f51b5; }
+
+.workspacestodock-caption-number { height: 20px; min-width: 7px; padding: 0 7px; border-radius: 999px; color: rgba(245, 245, 245, 0.54); background-color: #080808; font-weight: 700; font-size: 90%; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); }
+
+.workspacestodock-caption-number-current { color: #7986cb; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.workspacestodock-caption-name { height: 20px; min-width: 7px; padding: 0 7px; border-radius: 2px; color: rgba(245, 245, 245, 0.54); background-color: #080808; font-weight: 700; font-size: 90%; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); }
+
+.workspacestodock-caption-name-current { color: #7986cb; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.workspacestodock-caption-windowcount { min-width: 7px; padding: 0 7px; border: none; color: rgba(245, 245, 245, 0.54); background-color: transparent; font-weight: 700; font-size: 90%; text-align: center; }
+
+.workspacestodock-caption-windowcount-current { color: #f5f5f5; }
+
+.workspacestodock-caption-windowcount-image { width: 20px; height: 16px; }
+
+.workspacestodock-caption-spacer { width: 1px; border: 1px solid transparent; }
+
+.workspacestodock-caption-windowcount-image-1 { background-image: url("assets/h-one.svg"); }
+
+.workspacestodock-caption-windowcount-image-2 { background-image: url("assets/h-two.svg"); }
+
+.workspacestodock-caption-windowcount-image-3 { background-image: url("assets/h-three.svg"); }
+
+.workspacestodock-caption-windowcount-image-4 { background-image: url("assets/h-four.svg"); }
diff --git a/themes/Plata-Noir/gnome-shell/eye-not-looking-symbolic.svg b/themes/Plata-Noir/gnome-shell/eye-not-looking-symbolic.svg
new file mode 100644
index 0000000..55a0f50
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/eye-not-looking-symbolic.svg
@@ -0,0 +1,68 @@
+<?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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="eye-not-looking-symbolic.svg"
+   id="svg4"
+   version="1.1"
+   height="16"
+   width="16">
+  <metadata
+     id="metadata10">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg4"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview6"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path2"
+     fill="#2e3436"
+     d="M13.98 1.99a1 1 0 0 0-.687.303l-.984.984A8 8 0 0 0 8 2 8 8 0 0 0 .262 8.01a8 8 0 0 0 2.943 4.37l-.912.913a1 1 0 1 0 1.414 1.414l11-11a1 1 0 0 0-.727-1.717zM8 4a4 4 0 0 1 2.611.974l-1.42 1.42A2 2 0 0 0 8 6a2 2 0 0 0-2 2 2 2 0 0 0 .396 1.19l-1.42 1.42A4 4 0 0 1 4 8a4 4 0 0 1 4-4zm7.03 2.209l-3.344 3.343a4 4 0 0 1-2.127 2.127l-2.28 2.28a8 8 0 0 0 .721.04 8 8 0 0 0 7.738-6.01 8 8 0 0 0-.709-1.78zm-7.53.79a.5.5 0 0 1 .5.5.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5.5.5 0 0 1 .5-.5z" />
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/eye-open-negative-filled-symbolic.svg b/themes/Plata-Noir/gnome-shell/eye-open-negative-filled-symbolic.svg
new file mode 100644
index 0000000..0721fae
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/eye-open-negative-filled-symbolic.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="eye-open-negative-filled-symbolic.svg"
+   height="16"
+   id="svg7384"
+   version="1.1"
+   viewBox="0 0 16 16"
+   width="16">
+  <sodipodi:namedview
+     inkscape:current-layer="svg7384"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview15"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <metadata
+     id="metadata90">
+    <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>Gnome Symbolic Icon Theme</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <title
+     id="title9167">Gnome Symbolic Icon Theme</title>
+  <defs
+     id="defs7386">
+    <linearGradient
+       id="linearGradient7212"
+       osb:paint="solid">
+      <stop
+         id="stop7214"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <g
+     id="layer9"
+     style="display:inline"
+     transform="translate(-341.0002,-13.000323)" />
+  <g
+     id="layer1"
+     transform="translate(-100,-380.00032)" />
+  <g
+     id="layer10"
+     style="display:inline"
+     transform="translate(-100,-380.00032)">
+    <path
+       style="opacity:1;vector-effect:none;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+       id="path2314"
+       d="m 108,382 a 8,8 0 0 0 -7.73828,6.00977 A 8,8 0 0 0 108,394 8,8 0 0 0 115.73828,387.99023 8,8 0 0 0 108,382 Z m 0,2 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 z" />
+    <path
+       style="vector-effect:none;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 110,388.00003 a 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 2,2 0 0 1 2,2 z"
+       id="path2318" />
+  </g>
+  <g
+     id="g6387"
+     transform="translate(-100,-380.00032)" />
+  <g
+     id="layer11"
+     transform="translate(-100,-380.00032)" />
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/gdm3-Plata-Noir.css b/themes/Plata-Noir/gnome-shell/gdm3-Plata-Noir.css
new file mode 100644
index 0000000..738d09d
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/gdm3-Plata-Noir.css
@@ -0,0 +1,1598 @@
+/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */
+* { transition-property: border-color, border-image, background-color, background-image, box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.17s; text-shadow: none; icon-shadow: none; }
+
+*:focus { transition-duration: 0s; }
+
+stage { color: #f5f5f5; font-size: 100%; }
+
+.button { padding: 7px 16px 8px; border-radius: 2.5px; border: none; font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.button:hover { border: none; background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.button:focus { border: none; color: #f5f5f5; box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.button:active { border: none; background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; box-shadow: 0 0 transparent; }
+
+.button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.modal-dialog-linked-button { padding: 9px 16px 10px; }
+
+.hotplug-notification-item, .notification-banner .notification-button, .modal-dialog-linked-button { border: 0 none transparent; font-weight: 500; text-shadow: none; icon-shadow: none; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.hotplug-notification-item:hover, .notification-banner .notification-button:hover, .modal-dialog-linked-button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.hotplug-notification-item:focus, .notification-banner .notification-button:focus, .modal-dialog-linked-button:focus { border: none; color: #9ea9e4; box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.2); }
+
+.hotplug-notification-item:active, .notification-banner .notification-button:active, .modal-dialog-linked-button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive, .modal-dialog-linked-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.hotplug-notification-item:first-child, .notification-banner .notification-button:first-child, .modal-dialog-linked-button:first-child { border-radius: 0 0 0 8.5px; }
+
+.hotplug-notification-item:last-child, .notification-banner .notification-button:last-child, .modal-dialog-linked-button:last-child { border-radius: 0 0 8.5px 0; }
+
+.hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child, .modal-dialog-linked-button:first-child:last-child { border-radius: 0 0 8.5px 8.5px; }
+
+StEntry StIcon.peek-password, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 0.3em; }
+
+StEntry { min-height: 2.5em; padding: 0 0.8em; border-radius: 4.5px 4.5px 0 0; border-width: 0; selection-background-color: #3f51b5; selected-color: white; transition-duration: 0s; background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+StEntry StIcon.capslock-warning { warning-color: #ff9800; }
+
+StEntry .hint-text { color: rgba(245, 245, 245, 0.54); }
+
+StEntry .hint-text:ltr { margin-left: 2px; }
+
+StEntry .hint-text:rtl { margin-right: 2px; }
+
+.capslock-warning-label { padding-bottom: 0.75em; color: #ff9800; font-size: 90%; text-align: center; }
+
+StScrollView.vfade.search-display { -st-vfade-offset: 48px; }
+
+StScrollView.hfade { -st-hfade-offset: 0; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 0.9em; min-height: 0.9em; }
+
+StScrollBar StBin#trough { margin: 0; border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { margin: 0; border-radius: 0; background-color: rgba(245, 245, 245, 0.2916); }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(245, 245, 245, 0.4698); }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #f5f5f5; }
+
+.slider { height: 16px; color: #7986cb; -slider-height: 2px; -slider-background-color: rgba(245, 245, 245, 0.2); -slider-border-color: transparent; -slider-active-background-color: #7986cb; -slider-active-border-color: transparent; -slider-handle-border-width: 0; -slider-handle-radius: 8px; -barlevel-height: 2px; -barlevel-background-color: rgba(245, 245, 245, 0.2); -barlevel-border-color: transparent; -barlevel-active-background-color: #7986cb; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #f44336; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; }
+
+.check-box StBoxLayout { spacing: 0.8em; }
+
+.check-box StBin { width: 16px; height: 16px; background-image: url("resource:///org/gnome/shell/theme/assets/checkbox-off.svg"); color: rgba(245, 245, 245, 0.87); }
+
+.check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/assets/checkbox-off-hover.svg"); color: #f5f5f5; }
+
+.check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/assets/checkbox.svg"); color: #f5f5f5; }
+
+.check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/assets/checkbox-hover.svg"); color: #f5f5f5; }
+
+.toggle-switch { width: 40px; height: 20px; background-size: contain; }
+
+.toggle-switch { background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
+
+.toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
+
+.shell-link { border-radius: 2.5px; color: #52b2ff; }
+
+.shell-link:hover { border: none; background-color: rgba(82, 178, 255, 0.12); color: #52b2ff; }
+
+.shell-link:active { border: none; background-color: rgba(82, 178, 255, 0.25); color: #52b2ff; box-shadow: 0 0 transparent; }
+
+.headline { font-size: 110%; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.modal-dialog { border: none; border-radius: 8.5px; color: #f5f5f5; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 0 transparent; }
+
+.modal-dialog-content-box { max-width: 28em; margin: 24px; spacing: 24px; padding: 0; }
+
+.modal-dialog .run-dialog .modal-dialog-content-box { margin-top: 0; margin-bottom: 0; }
+
+.modal-dialog .run-dialog-entry { width: 20em; }
+
+.modal-dialog .run-dialog-description { color: rgba(245, 245, 245, 0.54); font-size: 90%; text-align: center; }
+
+.end-session-dialog-subject { font-size: 130%; }
+
+.dialog-list { spacing: 16px; }
+
+.dialog-list-title { color: #f5f5f5; text-align: center; font-weight: 700; }
+
+.dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list-box { spacing: 1em; }
+
+.dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list-box .dialog-list-item-title { color: #f5f5f5; font-weight: 700; }
+
+.dialog-list-box .dialog-list-item-description { color: rgba(245, 245, 245, 0.87); font-weight: 400; font-size: 90%; }
+
+.message-dialog-content { spacing: 18px; color: #f5f5f5; }
+
+.message-dialog-title { color: #f5f5f5; font-size: 130%; font-weight: 700; text-align: center; }
+
+.message-dialog-title.leightweight { font-size: 90%; }
+
+.message-dialog-description { text-align: center; }
+
+.message-dialog-description { color: rgba(245, 245, 245, 0.87); font-weight: 400; }
+
+.end-session-dialog { width: 30em; border: none; }
+
+.end-session-dialog-list { padding-top: 20px; }
+
+.end-session-dialog-layout:ltr { padding-left: 17px; }
+
+.end-session-dialog-layout:rtl { padding-right: 17px; }
+
+.end-session-dialog-description { width: 28em; padding-bottom: 10px; }
+
+.end-session-dialog-description:ltr { text-align: left; }
+
+.end-session-dialog-description:rtl { text-align: right; }
+
+.end-session-dialog-logout-icon { width: 48px; height: 48px; background-size: contain; color: #f5f5f5; border-radius: 999px; }
+
+.end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: #f5f5f5; }
+
+.end-session-dialog .dialog-list-title { color: #ff9800; }
+
+.end-session-dialog-battery-warning { width: 28em; padding-top: 6px; color: #ff9800; }
+
+.end-session-dialog-battery-warning:ltr { text-align: left; }
+
+.end-session-dialog-battery-warning:rtl { text-align: right; }
+
+.prompt-dialog { width: 28em; border: none; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 6px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-caps-lock-warning { color: #f44336; }
+
+.prompt-dialog-error-label, .prompt-dialog-caps-lock-warning, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; font-size: 100%; }
+
+.prompt-dialog-caps-lock-warning { padding-left: 8px; }
+
+.hidden { color: transparent; }
+
+.polkit-dialog-user-layout { spacing: 8px; margin-bottom: 6px; text-align: center; }
+
+.polkit-dialog-user-root-label { color: #ff9800; }
+
+.polkit-dialog-user-icon { background-size: contain; border-radius: 999px; }
+
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2.5px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(245, 245, 245, 0.12); }
+
+.audio-selection-device:active { background-color: #3f51b5; color: white; }
+
+.audio-selection-device-box { padding: 2em; spacing: 2em; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+.popup-menu { min-width: 15em; }
+
+.popup-menu .popup-sub-menu { border-width: 0 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.3); background-color: #1d1d1d; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.12); }
+
+.popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-left: 12px; }
+
+.popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-right: 12px; }
+
+.popup-menu .popup-menu-item { spacing: 8px; color: rgba(245, 245, 245, 0.87); font-weight: 400; transition-duration: 0s; }
+
+.popup-menu .popup-menu-item:ltr { padding: 0.45em 24px 0.45em 0; }
+
+.popup-menu .popup-menu-item:rtl { padding: 0.45em 0 0.45em 24px; }
+
+.popup-menu .popup-menu-item:checked, .popup-menu .popup-menu-item:checked.selected { background-color: transparent; color: #8796ed; box-shadow: 0 0 transparent; }
+
+.popup-menu .popup-menu-item:checked:hover { background-color: rgba(63, 81, 181, 0.12); color: #8796ed; }
+
+.popup-menu .popup-menu-item:checked:active { background-color: rgba(63, 81, 181, 0.25); color: #8796ed; }
+
+.popup-menu .popup-menu-item:checked:insensitive { color: rgba(135, 150, 237, 0.4); }
+
+.popup-menu .popup-menu-item.selected { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; transition-duration: 0s; }
+
+.popup-menu .popup-menu-item:active { background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; transition-duration: 0.17s; }
+
+.popup-menu .popup-menu-item.selected:active { color: #f5f5f5; }
+
+.popup-menu .popup-menu-item:insensitive { color: rgba(245, 245, 245, 0.28); }
+
+.popup-menu .popup-inactive-menu-item { color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .popup-inactive-menu-item:insensitive { color: rgba(245, 245, 245, 0.28); }
+
+.popup-menu.panel-menu { -boxpointer-gap: 1px; }
+
+.popup-menu StEntry { background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); transition-duration: 0s; }
+
+.popup-menu StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.popup-menu StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.popup-menu StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.popup-menu StEntry .hint-text { color: rgba(245, 245, 245, 0.54); }
+
+.popup-menu StScrollBar StBin#trough { background-color: rgba(17, 17, 17, 0.54); }
+
+.popup-menu StScrollBar StButton#vhandle, .popup-menu StScrollBar StButton#hhandle { background-color: rgba(245, 245, 245, 0.2916); }
+
+.popup-menu StScrollBar StButton#vhandle:hover, .popup-menu StScrollBar StButton#hhandle:hover { background-color: rgba(245, 245, 245, 0.4698); }
+
+.popup-menu StScrollBar StButton#vhandle:active, .popup-menu StScrollBar StButton#hhandle:active { background-color: #f5f5f5; }
+
+.popup-menu-arrow { icon-size: 16px; }
+
+.popup-menu-icon { icon-size: 16px; }
+
+.popup-menu-ornament { width: 16px; height: 0; text-align: right; font-size: 16px; color: #8796ed; font-family: Sans-Serif; font-weight: 700; }
+
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: 0 0 transparent; border-radius: 0; box-shadow: 0 0 transparent; }
+
+.popup-menu-boxpointer { -arrow-background-color: transparent; }
+
+.popup-menu-boxpointer .popup-menu-content { padding: 0.3em 0; border: 1px solid #0c0c0c; background-color: #080808; }
+
+.rename-popup, .candidate-popup-boxpointer .candidate-popup-content, .popup-menu-boxpointer .popup-menu-content { margin: 3px 5px 12px; border-radius: 4.5px; box-shadow: 0 4.5px 5.5px rgba(0, 0, 0, 0.38); }
+
+.candidate-popup-boxpointer { -arrow-background-color: transparent; border: 0 none transparent; background: transparent; }
+
+.candidate-popup-boxpointer .candidate-popup-content { background-color: rgba(8, 8, 8, 0.93); color: rgba(245, 245, 245, 0.87); }
+
+.popup-separator-menu-item { padding: 0; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 0; background-color: #1b1b1b; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #2e2e2e; }
+
+.rename-folder-popup .popup-menu-content { padding: 8px 0; }
+
+.rename-folder-popup .popup-menu-ornament { width: 0; }
+
+.rename-folder-popup .popup-menu-item { spacing: 8px; }
+
+.rename-folder-popup .popup-menu-item:ltr { padding: 0 8px 0 0; }
+
+.rename-folder-popup .popup-menu-item:rtl { padding: 0 0 0 8px; }
+
+.rename-folder-popup .button { padding: 5px 14px 6px; border-radius: 2.5px; font-weight: 500; border: 2px solid transparent; background-color: #673ab7; color: rgba(255, 255, 255, 0.87); box-shadow: 0 0 transparent; }
+
+.rename-folder-popup .button:hover { border: 2px solid transparent; background-color: #7952c0; color: white; box-shadow: 0 0 transparent; }
+
+.rename-folder-popup .button:focus { border: 2px solid rgba(255, 255, 255, 0.2); color: white; box-shadow: 0 0 transparent; transition-duration: 0.17s; }
+
+.rename-folder-popup .button:active { border: 2px solid transparent; background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; }
+
+.rename-folder-popup .button:insensitive { padding: 7px 16px 8px; border: 0 none transparent; background-color: rgba(245, 245, 245, 0.12); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.background-menu { -boxpointer-gap: 0; -arrow-rise: 0; }
+
+@elif $ver < 3.33 { .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 5.5px; } }
+
+.lowres-icon { icon-shadow: none; }
+
+.icon-dropshadow { icon-shadow: none; }
+
+.osd-window { min-width: 64px; min-height: 64px; margin: 32px; spacing: 1em; font-weight: 700; text-align: center; }
+
+.osd-window .osd-monitor-label { font-size: 300%; }
+
+.osd-window .level { height: 3px; border-radius: 0; background-color: rgba(245, 245, 245, 0.2); color: #4caf50; }
+
+.osd-window .level-bar { border-radius: 0; background-color: #4caf50; }
+
+.osd-window .level { -barlevel-height: 3px; -barlevel-background-color: transparent; -barlevel-active-background-color: #4caf50; -barlevel-overdrive-color: #f44336; -barlevel-overdrive-separator-width: 3px; -barlevel-border-width: 0; }
+
+.pad-osd-window { padding: 32px; background-color: rgba(8, 8, 8, 0.93); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+.switcher-popup { padding: 8px; spacing: 16px; }
+
+.switcher-list > StLabel { min-height: 26.6px; }
+
+.switcher-list-item-container { spacing: 8px; }
+
+.switcher-list .item-box { padding: 6px; border: 2px solid transparent; border-radius: 2.5px; }
+
+.switcher-list .item-box:outlined { border: 2px solid rgba(245, 245, 245, 0.2); }
+
+.switcher-list .item-box:selected { background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 4px; }
+
+.switcher-list .thumbnail { width: 256px; }
+
+.switcher-list .separator { width: 1px; background: #1b1b1b; }
+
+.switcher-arrow { border-color: transparent; color: rgba(245, 245, 245, 0.87); }
+
+.switcher-arrow:highlighted { color: #f5f5f5; }
+
+.input-source-switcher-symbol { width: 96px; height: 96px; font-size: 300%; }
+
+.cycler-highlight { border-radius: 2.5px 2.5px 0 0; }
+
+.workspace-switcher { padding: 0; spacing: 8px; border: 0; border-radius: 0; background: transparent; }
+
+.workspace-switcher-group { padding: 12px; }
+
+.ws-switcher-active-right, .ws-switcher-active-left, .ws-switcher-active-down, .ws-switcher-active-up { height: 54px; border: 0 none transparent; border-radius: 2.5px; background-size: 24px; background-color: rgba(158, 169, 228, 0.25); }
+
+.ws-switcher-active-up { background-image: url("resource:///org/gnome/shell/theme/assets/go-up.svg"); }
+
+.ws-switcher-active-down { background-image: url("resource:///org/gnome/shell/theme/assets/go-down.svg"); }
+
+.ws-switcher-active-left { background-image: url("resource:///org/gnome/shell/theme/assets/go-left.svg"); }
+
+.ws-switcher-active-right { background-image: url("resource:///org/gnome/shell/theme/assets/go-right.svg"); }
+
+.ws-switcher-box { height: 50px; border: 2px solid rgba(245, 245, 245, 0.2); border-radius: 2.5px; background: transparent; }
+
+.osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 16px; border-radius: 8.5px; border: 0 none transparent; color: #f5f5f5; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+.tile-preview { border: 1px solid #3f51b5; border-radius: 0; background-color: rgba(63, 81, 181, 0.2); }
+
+.tile-preview-left.on-primary, .tile-preview-left.on-primary.tile-preview-right, .tile-preview-right.on-primary { border-radius: 0; }
+
+#panel { min-height: 30px; height: 2.1em; background-color: black; font-weight: 700; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.27s; }
+
+#panel #panelLeft, #panel #panelCenter { spacing: 0; }
+
+#panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.01); -panel-corner-border-width: 0; -panel-corner-border-color: transparent; transition-duration: 0s; }
+
+#panel .panel-corner:hover, #panel .panel-corner:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel .panel-corner:active, #panel .panel-corner:overview { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px #3f51b5; }
+
+#panel .panel-corner StLabel { padding: 0 4px 1px; }
+
+#panel .panel-corner StIcon { margin-top: 1px; }
+
+#panel .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 10px; color: #f5f5f5; text-shadow: none; icon-shadow: none; font-weight: 700; transition-duration: 0s; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; padding: 0 5px; }
+
+#panel .panel-button:hover { background-color: rgba(0, 0, 0, 0.01); color: white; box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked, #panel .panel-button:overview { background-color: rgba(0, 0, 0, 0.01); color: white; box-shadow: inset 0 2px #3f51b5; }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 5px; }
+
+#panel .panel-button StLabel { padding: 0 4px 1px; }
+
+#panel .panel-button StIcon { margin-top: 1px; }
+
+#panel .panel-button.clock-display { -natural-hpadding: 0; -minimum-hpadding: 0; }
+
+#panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked, #panel .panel-button.clock-display:overview { box-shadow: 0 0 transparent; }
+
+#panel .panel-button.clock-display .clock-display-box { spacing: 10px; }
+
+#panel .panel-button.clock-display .clock { padding-left: 10px; padding-right: 10px; background-color: rgba(0, 0, 0, 0.01); }
+
+#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock, #panel .panel-button.clock-display:overview .clock { box-shadow: inset 0 2px #3f51b5; }
+
+#panel .panel-button.clock-display > StBoxLayout > StIcon { padding-bottom: 1px; icon-size: 16px; color: #673ab7; }
+
+#panel StLabel { text-shadow: none; }
+
+#panel StIcon { icon-shadow: none; }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 0; }
+
+#panel .panel-status-indicators-box .power-status StLabel { margin-top: 0.05em; padding: 0; }
+
+#panel .screencast-indicator { color: #f44336; }
+
+#panel .remote-access-indicator { color: #ff9800; }
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.27s; }
+
+#panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; }
+
+#panel .panel-button .popup-menu-arrow { width: 0; height: 0; color: transparent; icon-shadow: none; }
+
+#calendarArea { padding: 0.75em 0; }
+
+.datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title, .calendar { border: 0 none transparent; background-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; }
+
+.calendar { margin-bottom: 1em; border-radius: 2.5px; padding-left: 0; padding-right: 0; color: #f5f5f5; }
+
+.calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 1.5em; }
+
+.datemenu-calendar-column { spacing: 0.5em; padding: 0 1em; }
+
+.datemenu-calendar-column:ltr, .datemenu-calendar-column:rtl { margin: 0; }
+
+.datemenu-displays-section { padding-bottom: 0; }
+
+.datemenu-displays-box { spacing: 1em; }
+
+.datemenu-calendar-column { border-style: solid; border-color: #1b1b1b; }
+
+.datemenu-calendar-column:ltr { border-left-width: 1px; }
+
+.datemenu-calendar-column:rtl { border-right-width: 1px; }
+
+.datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { padding: 0.4em; border-radius: 2.5px; }
+
+.datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { color: rgba(245, 245, 245, 0.87); }
+
+.datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #f5f5f5; background-color: rgba(245, 245, 245, 0.12); }
+
+.datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #f5f5f5; background-color: rgba(245, 245, 245, 0.25); }
+
+.datemenu-today-button .day-label { color: rgba(245, 245, 245, 0.54); font-weight: 700; }
+
+.datemenu-today-button .date-label { color: rgba(245, 245, 245, 0.87); font-size: 150%; font-weight: 500; }
+
+.datemenu-today-button:hover .day-label, .datemenu-today-button:focus .day-label, .datemenu-today-button:active .day-label { color: rgba(245, 245, 245, 0.87); }
+
+.datemenu-today-button:hover .date-label, .datemenu-today-button:focus .date-label, .datemenu-today-button:active .date-label { color: #f5f5f5; }
+
+.world-clocks-header, .weather-header, .events-section-title { color: rgba(245, 245, 245, 0.54); font-weight: 700; }
+
+.world-clocks-grid, .weather-grid { spacing-rows: 0.4em; spacing-columns: 0.8em; }
+
+.world-clocks-city, .world-clocks-time { color: #f5f5f5; font-weight: 400; font-size: 100%; }
+
+.world-clocks-timezone { color: rgba(245, 245, 245, 0.54); font-size: 90%; }
+
+.weather-box, .weather-header-box { spacing: 0.4em; }
+
+.weather-header.location { color: rgba(245, 245, 245, 0.87); font-weight: 400; font-size: 90%; }
+
+.weather-forecast-icon { width: 2.4em; height: 2.4em; border-radius: 999px; background-color: rgba(245, 245, 245, 0.1044); color: rgba(245, 245, 245, 0.87); icon-size: 24px; }
+
+.weather-forecast-time { padding: 0.2em 0 0.4em; color: rgba(245, 245, 245, 0.54); font-size: 80%; }
+
+.weather-forecast-temp { font-weight: 700; }
+
+.calendar-month-label { padding: 4px 0; color: #f5f5f5; font-weight: 700; }
+
+.pager-button { width: 2.1em; height: 2.1em; border-radius: 999px; color: #f5f5f5; background-color: transparent; }
+
+.pager-button:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.pager-button:focus { background-color: rgba(8, 8, 8, 0.01); box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.pager-button:focus:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.pager-button:active { background-color: rgba(245, 245, 245, 0.25); }
+
+.calendar-change-month-back { color: rgba(245, 245, 245, 0.87); }
+
+.calendar-change-month-back StIcon { icon-size: 16px; }
+
+.calendar-change-month-back:hover, .calendar-change-month-back:focus { color: #f5f5f5; }
+
+.calendar-change-month-forward { color: rgba(245, 245, 245, 0.87); }
+
+.calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar-change-month-forward:hover, .calendar-change-month-forward:focus { color: #f5f5f5; }
+
+.calendar-day-base { width: 2.4em; height: 2.4em; padding: 0; margin: 0.2em; border-radius: 999px; border: 0 none transparent; font-size: 90%; text-align: center; transition-duration: 0.07s; }
+
+.calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(245, 245, 245, 0.12); }
+
+.calendar-day-base:active, .calendar-day-base:active:hover, .calendar-day-base:selected, .calendar-day-base:selected:hover { color: white; background-color: #3f51b5; transition-duration: 0.17s; }
+
+.calendar-day-base.calendar-day-heading { width: 2.4em; height: 1.9em; margin-top: 0.2em; padding: 0.5em 0 0; background-color: transparent; color: rgba(245, 245, 245, 0.54); font-weight: 500; font-size: 90%; text-align: center; }
+
+.calendar-week-number { width: 2.4em; height: 1.9em; margin: 0.2em; padding: 0.5em 0 0; background-color: transparent; color: rgba(245, 245, 245, 0.54); font-weight: 500; text-align: center; }
+
+.calendar-day { border-width: 0; color: #f5f5f5; }
+
+.calendar-day-top { border-top-width: 0; }
+
+.calendar-day-left { border-left-width: 0; }
+
+.calendar-day-with-events { background-image: none; color: #52b2ff; font-weight: 500; background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; }
+
+.calendar-day-with-events:hover, .calendar-day-with-events:focus { background-color: rgba(82, 178, 255, 0.12); }
+
+.calendar-day-with-events:active, .calendar-day-with-events:active:hover, .calendar-day-with-events:active:focus, .calendar-day-with-events:selected, .calendar-day-with-events:selected:hover, .calendar-day-with-events:selected:focus { color: white; background-color: #3f51b5; background-image: none; border-color: transparent; }
+
+.calendar-today { border: none; font-weight: 700; }
+
+.calendar-today, .calendar-today.calendar-day-with-events { background-color: rgba(255, 255, 255, 0.9); color: #080808; }
+
+.calendar-today:hover, .calendar-today:focus, .calendar-today.calendar-day-with-events:hover, .calendar-today.calendar-day-with-events:focus { background-color: white; color: black; }
+
+.calendar-today:selected, .calendar-today:selected:hover, .calendar-today.calendar-day-with-events:selected, .calendar-today.calendar-day-with-events:selected:hover { color: white; background-color: #3f51b5; border-color: transparent; }
+
+.calendar-other-month-day { color: rgba(245, 245, 245, 0.2916); }
+
+.calendar-other-month-day:hover, .calendar-other-month-day:focus { color: rgba(245, 245, 245, 0.54); background-color: rgba(245, 245, 245, 0.0648); }
+
+.calendar-other-month-day.calendar-day-with-events { color: rgba(82, 178, 255, 0.2916); background-image: url("resource:///org/gnome/shell/theme/calendar-today-other.svg"); }
+
+.calendar-other-month-day.calendar-day-with-events:hover, .calendar-other-month-day.calendar-day-with-events:focus { color: rgba(82, 178, 255, 0.54); background-color: rgba(82, 178, 255, 0.0648); }
+
+.message-list { width: 420px; }
+
+.message-list-clear-button.button { font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.message-list-clear-button.button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.message-list-clear-button.button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.message-list-controls { margin: 1.5em 1.5em 0; }
+
+.message-list-controls > StLabel { color: #f5f5f5; }
+
+.message-list-sections { spacing: 0; }
+
+.message-list-section { spacing: 0; padding: 0; }
+
+.message-list-section-list { spacing: 1px; margin-top: 0.3em; margin-bottom: 0.9em; padding: 0; border: 1px solid rgba(0, 0, 0, 0.01); background-color: rgba(255, 255, 255, 0.075); }
+
+.message-list-placeholder { spacing: 12px; color: rgba(245, 245, 245, 0.54); }
+
+.message { padding: 0.9em; border-radius: 0; background-color: transparent; color: #f5f5f5; margin: 0; border: 0 none transparent; box-shadow: 0 0 transparent; }
+
+.popup-menu .message { padding: 0.6em; background-color: #111111; border: 1px solid #111111; color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .message .message-icon-bin > StIcon, .popup-menu .message .message-icon-bin > .fallback-app-icon, .popup-menu .message .message-title, .popup-menu .message .message-body { color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .message:hover, .popup-menu .message:focus { background-color: #2c2c2c; border: 1px solid #2c2c2c; color: #f5f5f5; }
+
+.popup-menu .message:hover .message-icon-bin > StIcon, .popup-menu .message:hover .message-icon-bin > .fallback-app-icon, .popup-menu .message:hover .message-title, .popup-menu .message:hover .message-body, .popup-menu .message:focus .message-icon-bin > StIcon, .popup-menu .message:focus .message-icon-bin > .fallback-app-icon, .popup-menu .message:focus .message-title, .popup-menu .message:focus .message-body { color: #f5f5f5; }
+
+.popup-menu .message:hover .message-secondary-bin, .popup-menu .message:hover .message-secondary-bin > .event-time, .popup-menu .message:focus .message-secondary-bin, .popup-menu .message:focus .message-secondary-bin > .event-time { color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .message:active { background-color: #4a4a4a; border: 1px solid #4a4a4a; color: #f5f5f5; }
+
+.popup-menu .message:active .message-icon-bin > StIcon, .popup-menu .message:active .message-icon-bin > .fallback-app-icon, .popup-menu .message:active .message-title, .popup-menu .message:active .message-body { color: #f5f5f5; }
+
+.popup-menu .message:active .message-secondary-bin, .popup-menu .message:active .message-secondary-bin > .event-time { color: rgba(245, 245, 245, 0.87); }
+
+.message-icon-bin { margin: 0.2em 0.6em 0; padding: 0; }
+
+.message-icon-bin > StIcon, .message-icon-bin > .fallback-app-icon { min-width: 16px; min-height: 16px; color: #f5f5f5; icon-size: 16px; -st-icon-style: symbolic; }
+
+.message-secondary-bin { color: rgba(245, 245, 245, 0.54); }
+
+.message-secondary-bin:ltr { padding-left: 0.6em; }
+
+.message-secondary-bin:rtl { padding-right: 0.6em; }
+
+.message-secondary-bin > .event-time { min-height: 12px; margin-bottom: 0.305em; padding: 0; font-size: 90%; color: rgba(245, 245, 245, 0.54); }
+
+.message-secondary-bin > StIcon { padding: 0.2em; icon-size: 16px; }
+
+.popup-menu .message-secondary-bin, .popup-menu .message-secondary-bin > .event-time { color: rgba(245, 245, 245, 0.54); }
+
+.message-title { min-height: 12px; margin-bottom: 0.1em; padding: 1.33px 0 0; color: #f5f5f5; font-weight: 700; font-size: 110%; }
+
+.message-content { padding: 0; color: #f5f5f5; }
+
+.message-content * > StIcon { padding: 0.2em; icon-size: 16px; border-radius: 999px; }
+
+.message-content StButton > StIcon { color: #9ea9e4; }
+
+.popup-menu .message-content StButton > StIcon { color: rgba(158, 169, 228, 0.87); }
+
+.message-content StButton:hover > StIcon, .message-content StButton:focus > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.12); }
+
+.popup-menu .message-content StButton:hover > StIcon, .popup-menu .message-content StButton:focus > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.12); }
+
+.message-content StButton:active > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.25); }
+
+.popup-menu .message-content StButton:active > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.25); }
+
+.message-body { color: #f5f5f5; }
+
+.message-media-control { padding: 0 8px; margin: 0 6px; border-radius: 999px; color: rgba(158, 169, 228, 0.87); background: transparent; background-size: 32px 32px; }
+
+.message-media-control:hover { color: #9ea9e4; background-image: url("resource:///org/gnome/shell/theme/assets/media-control-hover.svg"); background-size: 32px 32px; }
+
+.message-media-control:active { color: #9ea9e4; background-image: url("resource:///org/gnome/shell/theme/assets/media-control-active.svg"); background-size: 32px 32px; }
+
+.message-media-control:insensitive { color: rgba(158, 169, 228, 0.28); background-image: none; background: transparent; }
+
+.media-message-cover-icon { icon-size: 48px !important; }
+
+.media-message-cover-icon.fallback { icon-size: 24px !important; padding: 12px; border: none; border-radius: 2.5px; color: rgba(245, 245, 245, 0.54); background-color: rgba(245, 245, 245, 0.12); box-shadow: 0 0 transparent; }
+
+.popup-menu .message .media-message-cover-icon.fallback { color: rgba(245, 245, 245, 0.54); background-color: rgba(245, 245, 245, 0.12); }
+
+.popup-menu .message:hover .media-message-cover-icon.fallback, .popup-menu .message:focus .media-message-cover-icon.fallback, .popup-menu .message:active .media-message-cover-icon.fallback { color: rgba(245, 245, 245, 0.87); background-color: rgba(158, 169, 228, 0.25); }
+
+#appMenu { padding: 0 10px; }
+
+#appMenu StLabel:ltr { padding: 0 10px 1px 3px; }
+
+#appMenu StLabel:rtl { padding: 0 3px 1px 10px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+.app-menu, .app-well-menu { max-width: 28em; }
+
+.aggregate-menu { min-width: 24em; }
+
+.aggregate-menu .popup-menu-icon { padding: 0 6px; -st-icon-style: symbolic; }
+
+.ripple-pointer-location, .ripple-box { border: 0 none transparent; background-color: rgba(121, 134, 203, 0.54); box-shadow: 0 0 transparent; }
+
+.ripple-box { width: 52px; height: 52px; border-radius: 0 0 52px 0; background-image: none; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.ripple-pointer-location { width: 52px; height: 52px; border-radius: 26px; }
+
+.select-area-rubberband, .cycler-highlight { border: 1px solid #3f51b5; background-color: rgba(63, 81, 181, 0.2); box-shadow: 0 0 transparent; }
+
+.select-area-rubberband { border-radius: 0; }
+
+.window-close { width: 2.5em; height: 2.5em; -shell-close-overlap: 1.875em; margin: 0.1em; border-radius: 999px; border: 0 none transparent; background-color: #f44336; color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); transition-duration: 0s; }
+
+.window-close StIcon { icon-size: 16px; }
+
+.window-close:hover { background-color: #f55a4e; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.window-close:active { background-color: #3f51b5; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.pie-timer { width: 58px; height: 58px; -pie-border-width: 3px; -pie-border-color: #7986cb; -pie-background-color: rgba(121, 134, 203, 0.2); }
+
+.nm-dialog { max-height: 34em; min-height: 28em; min-width: 34em; }
+
+.nm-dialog-content { spacing: 20px; padding: 24px; }
+
+.nm-dialog-header-hbox { spacing: 10px; color: rgba(245, 245, 245, 0.54); }
+
+.nm-dialog-header { color: #f5f5f5; font-weight: 700; font-size: 110%; }
+
+.nm-dialog-header-icon { icon-size: 32px; color: #f5f5f5; }
+
+.nm-dialog-airplane-box { spacing: 12px; }
+
+.nm-dialog-airplane-box .button { font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.nm-dialog-airplane-box .button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.nm-dialog-airplane-box .button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; }
+
+.nm-dialog-airplane-box .button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.nm-dialog-airplane-headline { font-weight: 700; text-align: center; }
+
+.nm-dialog-airplane-text { color: #f5f5f5; }
+
+.nm-dialog-scroll-view { padding: 0; border: 1px solid rgba(0, 0, 0, 0.3); background-color: transparent; }
+
+.nm-dialog-item { spacing: 20px; padding: 12px; background-color: transparent; color: #f5f5f5; font-size: 100%; }
+
+.nm-dialog-item:selected { background-color: #3f51b5; color: white; }
+
+.nm-dialog-icons { spacing: 6px; }
+
+.nm-dialog-icon { icon-size: 16px; }
+
+.no-networks-label { color: rgba(245, 245, 245, 0.54); }
+
+.no-networks-box { spacing: 12px; }
+
+#overview { spacing: 24px; }
+
+#overview-controls { padding-bottom: 32px; }
+
+#overview StScrollBar StBin#trough { background-color: rgba(0, 0, 0, 0.12); }
+
+#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.2916); }
+
+#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.4698); }
+
+#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active { background-color: white; }
+
+.window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; spacing: 8px; padding: 16px; }
+
+.window-picker.external-monitor { padding: 16px; }
+
+.window-clone-border { border: 4px solid rgba(255, 255, 255, 0.12); border-radius: 2.5px 2.5px 0 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
+
+.window-caption { max-width: 75em; padding: 0.6em 1.2em 0.7em; border-radius: 999px; border: 0 none transparent; font-size: 100%; font-weight: 400; text-align: center; }
+
+.search-entry { width: 400px; padding: 0.4em 0.8em; border-radius: 999px; border: 2px solid transparent; background-color: rgba(17, 17, 17, 0.54); box-shadow: 0 0 transparent; font-weight: 400; transition-duration: 0.17s; selection-background-color: #3f51b5; selected-color: white; }
+
+.search-entry, .search-entry StLabel { margin-bottom: 0.1em; color: rgba(245, 245, 245, 0.54); }
+
+.search-entry:hover, .search-entry:focus { caret-color: #f5f5f5; background-color: #111111; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.search-entry:hover, .search-entry:hover StLabel, .search-entry:focus, .search-entry:focus StLabel { color: #f5f5f5; }
+
+.search-entry:focus { border-color: #3f51b5; }
+
+.search-entry .search-entry-icon { icon-size: 16px; color: rgba(245, 245, 245, 0.54); }
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #f5f5f5; }
+
+#searchResultsContent { max-width: 1000px; spacing: 8px; padding: 8px; }
+
+.search-section { spacing: 8px; }
+
+.search-section-content { spacing: 8px; }
+
+.search-section-separator { height: 0; background-color: transparent; }
+
+.search-section-content { padding: 8px; border-radius: 8.5px; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); border: 0 none transparent; text-shadow: none; icon-shadow: none; }
+
+.list-search-results { spacing: 0; background-color: rgba(0, 0, 0, 0.01); }
+
+.list-search-results:ltr { padding-left: 9px; box-shadow: inset 1px 0 rgba(245, 245, 245, 0.2); }
+
+.list-search-results:rtl { padding-right: 9px; box-shadow: inset -1px 0 rgba(245, 245, 245, 0.2); }
+
+.list-search-result { padding: 0; border-radius: 2.5px; transition-duration: 0s; }
+
+.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { transition-duration: 0s; background-color: rgba(245, 245, 245, 0.12); }
+
+.list-search-result:focus .list-search-result-title, .list-search-result:selected .list-search-result-title, .list-search-result:hover .list-search-result-title { color: #f5f5f5; }
+
+.list-search-result:focus .list-search-result-description, .list-search-result:selected .list-search-result-description, .list-search-result:hover .list-search-result-description { color: rgba(245, 245, 245, 0.87); }
+
+.list-search-result:active { transition-duration: 0.17s; background-color: rgba(245, 245, 245, 0.25); }
+
+.list-search-result:active .list-search-result-title { color: #f5f5f5; }
+
+.list-search-result:active .list-search-result-description { color: rgba(245, 245, 245, 0.87); }
+
+.list-search-result:checked { background-color: #3f51b5; transition-duration: 0.17s; }
+
+.list-search-result:checked .list-search-result-title { color: white; }
+
+.list-search-result:checked .list-search-result-description { color: rgba(255, 255, 255, 0.9); }
+
+.list-search-result-content { min-height: 48px; spacing: 8px; padding: 8px; }
+
+.list-search-result-title { font-weight: 700; font-size: 110%; color: rgba(245, 245, 245, 0.87); }
+
+.list-search-result-title StIcon:ltr, .list-search-result-title StLabel:ltr { padding-left: 8px; }
+
+.list-search-result-title StIcon:rtl, .list-search-result-title StLabel:rtl { padding-right: 8px; }
+
+.list-search-result-description { padding: 0; color: rgba(245, 245, 245, 0.54); }
+
+.list-search-provider-content { spacing: 8px; padding: 8px; }
+
+.list-search-provider-details { width: 120px; margin-top: 16px; font-size: 90%; color: rgba(245, 245, 245, 0.54); }
+
+.list-search-provider-details:ltr { margin-left: 8px; }
+
+.list-search-provider-details:rtl { margin-right: 8px; }
+
+.search-provider-icon:hover .list-search-provider-details, .search-provider-icon:focus .list-search-provider-details, .search-provider-icon:active .list-search-provider-details, .search-provider-icon:checked .list-search-provider-details { color: #f5f5f5; }
+
+.search-provider-icon { min-height: 66px; padding: 0 6px; color: rgba(245, 245, 245, 0.54); border: none; transition-duration: 0s; }
+
+.search-provider-icon:ltr { border-radius: 2.5px 999px 999px 2.5px; }
+
+.search-provider-icon:rtl { border-radius: 999px 2.5px 2.5px 999px; }
+
+.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover { background-color: rgba(245, 245, 245, 0.12); transition-duration: 0s; }
+
+.search-provider-icon:active { background-color: rgba(245, 245, 245, 0.25); transition-duration: 0.17s; }
+
+.search-provider-icon:checked { background-color: #3f51b5; color: white; transition-duration: 0.17s; }
+
+#dash { padding: 0; border: none; border-radius: 0; background-color: transparent; box-shadow: 0 0 transparent; font-size: 90%; transition-duration: 0.27s; }
+
+#dash .placeholder { width: 24px; height: 24px; background-image: url("resource:///org/gnome/shell/theme/assets/dash-placeholder.svg"); background-size: 24px 24px; }
+
+#dash .empty-dash-drop-target { width: 24px; height: 24px; }
+
+.dash-item-container { background: transparent; }
+
+.dash-item-container > StWidget { padding: 0; }
+
+.dash-label { padding: 7px 8px 8px; border-radius: 2.5px; border: 0 none transparent; text-align: center; -x-offset: 8px; }
+
+.window-caption, .dash-label { color: #f5f5f5; background-color: rgba(66, 66, 66, 0.93); box-shadow: 0 0 transparent; }
+
+.icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; }
+
+.icon-grid .overview-icon { icon-size: 96px; }
+
+.system-action-icon { icon-size: 48px; border-radius: 999px; background-color: rgba(8, 8, 8, 0.93); color: #f5f5f5; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.app-view-controls { width: 400px; margin-bottom: 12px; border-radius: 999px; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: 0 0 transparent; }
+
+.app-view-control { padding: 7px 32px 8px; border-radius: 999px; color: rgba(255, 255, 255, 0.87); background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); font-weight: 500; }
+
+.app-view-control:ltr:first-child { margin-right: 6px; }
+
+.app-view-control:ltr:last-child { margin-left: 6px; }
+
+.app-view-control:rtl:first-child { margin-left: 6px; }
+
+.app-view-control:rtl:last-child { margin-right: 6px; }
+
+.app-view-control:hover { color: white; background-color: rgba(255, 255, 255, 0.12) !important; box-shadow: 0 0 transparent; }
+
+.app-view-control:active { color: white; background-color: rgba(255, 255, 255, 0.25) !important; box-shadow: 0 0 transparent; }
+
+.app-view-control:checked { color: white; background-color: #3f51b5 !important; box-shadow: 0 0 transparent; }
+
+.app-view-control:hover:checked { color: white; background-color: #5868bf !important; box-shadow: 0 0 transparent; }
+
+.app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { padding: 9px; border: none; border-radius: 2.5px; color: rgba(255, 255, 255, 0.87); box-shadow: 0 0 transparent; font-weight: 700; text-align: center; transition-duration: 0s; }
+
+.app-well-app .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label, .show-apps .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 9px; spacing: 9px; }
+
+.app-well-app:focus .overview-icon, .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:focus .overview-icon, .show-apps:hover .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:selected .overview-icon { border-image: none; background-color: rgba(255, 255, 255, 0.12); background-image: none; color: white; box-shadow: 0 0 transparent; transition-duration: 0.07s; }
+
+.app-well-app:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon, .show-apps:drop .overview-icon, .grid-search-result:drop .overview-icon { border: none; background-color: rgba(63, 81, 181, 0.2); box-shadow: inset 0 0 0 1px #3f51b5; }
+
+.app-well-app:active .overview-icon, .app-well-app.app-folder:active .overview-icon, .show-apps:active .overview-icon, .grid-search-result:active .overview-icon { border-image: none; background-color: rgba(255, 255, 255, 0.25); background-image: none; color: white; box-shadow: 0 0 transparent; transition-duration: 0.17s; }
+
+.app-well-app:checked .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; transition-duration: 0s; }
+
+.app-well-app:checked:hover .overview-icon, .app-well-app.app-folder:checked:hover .overview-icon, .show-apps:checked:hover .overview-icon, .grid-search-result:checked:hover .overview-icon { background-color: #5666be; transition-duration: 0.07s; }
+
+#dash .app-well-app .overview-icon, #dash .show-apps .overview-icon { border-radius: 999px; }
+
+#panel .app-well-app .overview-icon, #panel .show-apps .overview-icon { border-radius: 0; }
+
+.app-well-app-running-dot { width: 96px; height: 4px; border-radius: 0; background-color: #3f51b5; }
+
+.dash-item-container .app-well-app-running-dot { width: 8px; height: 8px; margin-bottom: 2px; border-radius: 999px; }
+
+.app-folder-icon { padding: 7px; spacing-rows: 7px; spacing-columns: 7px; }
+
+.app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.12); box-shadow: 0 0 transparent; }
+
+.app-well-app.app-folder:hover > .overview-icon, .app-well-app.app-folder:focus > .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: 0 0 transparent; }
+
+.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:active:hover > .overview-icon { border-radius: 2.5px; background-color: rgba(255, 255, 255, 0.25); box-shadow: 0 0 transparent; }
+
+.app-well-app.app-folder:checked > .overview-icon, .app-well-app.app-folder:checked:hover > .overview-icon { border-radius: 2.5px; background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; }
+
+.app-folder-dialog { spacing: 16px; padding-bottom: 8.5px; border-radius: 8.5px; border: 0 none transparent; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+.app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; }
+
+.app-folder-dialog-container .app-well-app .overview-icon { color: rgba(245, 245, 245, 0.87); }
+
+.app-folder-dialog-container .app-well-app:focus .overview-icon, .app-folder-dialog-container .app-well-app:hover .overview-icon, .app-folder-dialog-container .app-well-app:selected .overview-icon { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.app-folder-dialog-container .app-well-app:active .overview-icon { background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; }
+
+.app-folder-dialog .folder-name-container { padding: 24px; spacing: 10px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-weight: 700; font-size: 120%; }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 0.75em 0.8em; color: #f5f5f5; }
+
+.app-folder-dialog .edit-folder-button { width: 36px; height: 36px; padding: 0; border-radius: 999px; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.app-folder-dialog .edit-folder-button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.app-folder-dialog .edit-folder-button:focus { border: none; color: #9ea9e4; box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.2); }
+
+.app-folder-dialog .edit-folder-button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.app-folder-dialog .edit-folder-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.app-folder-dialog .edit-folder-button > StIcon { icon-size: 16px; }
+
+.page-indicator { padding: 16px 24px; }
+
+.page-indicator .page-indicator-icon { width: 14px; height: 14px; border-radius: 999px; background-color: white; }
+
+.page-indicator:insensitive .page-indicator-icon { background-color: red; }
+
+.workspace-thumbnails, .workspace-thumbnails-left { visible-width: 56px; spacing: 12px; margin-top: 16px; margin-bottom: 32px; padding: 12px; border: none; background-color: #1d1d1d; color: #f5f5f5; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+.workspace-thumbnails StBin.placeholder, .workspace-thumbnails-left StBin.placeholder { height: 4px; background-color: #7986cb; }
+
+.workspace-thumbnail-indicator { border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); }
+
+.workspace-thumbnail-indicator:ltr { padding: 0 0 0 12px; box-shadow: inset 4px 0 #3f51b5; }
+
+.workspace-thumbnail-indicator:rtl { padding: 0 12px 0 0; box-shadow: inset -4px 0 #3f51b5; }
+
+.workspace-thumbnails, .workspace-thumbnails-left:rtl { border-radius: 8.5px 0 0 8.5px; margin-left: 24px; }
+
+.workspace-thumbnails:rtl, .workspace-thumbnails-left { border-radius: 0 8.5px 8.5px 0; margin-right: 24px; }
+
+.workspace-thumbnails:rtl .workspace-thumbnail-indicator, .workspace-thumbnails-left .workspace-thumbnail-indicator { padding: 0 12px 0 0; box-shadow: inset -4px 0 #3f51b5; }
+
+.all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px 88px; }
+
+.search-statustext, .no-frequent-applications-label { color: rgba(255, 255, 255, 0.54); font-weight: 700; font-size: 200%; }
+
+.url-highlighter { link-color: #52b2ff; }
+
+.notification-banner .url-highlighter { link-color: #52b2ff; }
+
+.notification-banner { min-height: 32px; width: 34em; margin: 6px; border: none; border-radius: 8.5px; font-size: 110%; }
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus { background-color: rgba(66, 66, 66, 0.93); color: #f5f5f5; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.notification-banner .notification-icon { padding: 8px; }
+
+.notification-banner .notification-content { padding: 8px; spacing: 8px; }
+
+.notification-banner .notification-actions { padding: 0; spacing: 0; border: transparent; background-color: transparent; }
+
+.notification-banner .secondary-icon { icon-size: 16px; }
+
+.notification-banner .notification-button { min-height: 1em; padding: 9px 4px 10px; }
+
+.summary-source-counter { width: 1.6em; height: 1.6em; border-radius: 0.9em; border: 2px solid white; font-weight: 700; font-size: 100%; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #673ab7; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.secondary-icon { icon-size: 14px; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: rgba(245, 245, 245, 0.87); }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received:ltr { padding-left: 4px; }
+
+.chat-received:rtl { padding-right: 4px; }
+
+.chat-sent { color: rgba(245, 245, 245, 0.87); }
+
+.chat-sent:ltr { padding-left: 18pt; }
+
+.chat-sent:rtl { padding-right: 18pt; }
+
+.chat-meta-message { color: rgba(245, 245, 245, 0.28); font-weight: 700; font-size: 90%; }
+
+.chat-meta-message:ltr { padding-left: 4px; }
+
+.chat-meta-message:rtl { padding-right: 4px; }
+
+.hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; }
+
+.hotplug-notification-item { padding: 2px 10px; }
+
+.hotplug-notification-item-icon { padding: 2px 5px; icon-size: 24px; }
+
+.hotplug-resident-box { spacing: 8px; }
+
+.hotplug-resident-mount { spacing: 8px; border-radius: 2.5px; }
+
+.hotplug-resident-mount:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.hotplug-resident-mount:active { background-color: rgba(245, 245, 245, 0.25); }
+
+.hotplug-resident-mount-label { padding-left: 6px; color: rgba(245, 245, 245, 0.87); }
+
+.hotplug-resident-mount-icon { padding-left: 6px; icon-size: 24px; }
+
+.hotplug-resident-eject-icon { icon-size: 16px; }
+
+.hotplug-resident-eject-button { padding: 7px; border-radius: 2.5px; color: #f5f5f5; }
+
+.magnifier-zoom-region { border: 2px solid #3f51b5; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+#keyboard { background-color: rgba(0, 0, 0, 0.54); }
+
+#keyboard .page-indicator { padding: 0 8px 16px; }
+
+#keyboard .page-indicator .page-indicator-icon { box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.54); }
+
+#keyboard .page-indicator:hover .page-indicator-icon { box-shadow: inset 0 0 0 2px #f5f5f5; }
+
+#keyboard .page-indicator:active .page-indicator-icon, #keyboard .page-indicator:checked .page-indicator-icon { box-shadow: 0 0 transparent; }
+
+.key-container { padding: 3.999px; spacing: 3.999px; }
+
+.keyboard-layout { spacing: 3.999px; padding: 3.999px; }
+
+.keyboard-row { spacing: 3.999px; }
+
+.keyboard-key { min-height: 26.66px; min-width: 26.66px; padding: 0; border-radius: 2.5px; border: 1px solid rgba(36, 36, 36, 0.9805); background-color: #080808; color: rgba(245, 245, 245, 0.87); box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; font-size: 26.66px; font-weight: 700; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key:focus, .keyboard-key:hover, .keyboard-key:checked { border-color: #272727; background-color: #272727; color: #f5f5f5; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key:active { border-color: #434343; background-color: #434343; color: #f5f5f5; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
+
+.keyboard-key:grayed { border-color: rgba(16, 16, 16, 0.99454); background-color: black; color: rgba(245, 245, 245, 0.54); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key.default-key { background-color: #060606; color: rgba(245, 245, 245, 0.87); }
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { border-color: #252525; background-color: #252525; color: #f5f5f5; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key.default-key:active { border-color: #424242; background-color: #424242; color: #f5f5f5; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
+
+.keyboard-key.enter-key { border-color: #673ab7; background-color: #673ab7; color: rgba(255, 255, 255, 0.9); }
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { border-color: #7b54c0; background-color: #7b54c0; color: white; }
+
+.keyboard-key.enter-key:active { border-color: #3f51b5; background-color: #3f51b5; color: white; }
+
+.keyboard-key.shift-key-lowercase { color: rgba(245, 245, 245, 0.87); }
+
+.keyboard-key.shift-key-uppercase { color: #3f51b5; }
+
+.keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked { border-color: #0d101d; background-color: #0d101d; }
+
+.keyboard-key.shift-key-uppercase:active { border-color: #141932; background-color: #141932; }
+
+.keyboard-key.shift-key-uppercase:latched { color: #3f51b5; border-color: #0d101d; background-color: #0d101d; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key.shift-key-uppercase:latched:focus, .keyboard-key.shift-key-uppercase:latched:hover { border-color: #141932; background-color: #141932; }
+
+.keyboard-key StIcon { icon-size: 26.66px; }
+
+.keyboard-subkeys { padding: 0; border-radius: 2.5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 3.999px; background-color: #673ab7; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.keyboard-subkeys .keyboard-key { border: 0 none transparent; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
+
+.keyboard-subkeys .keyboard-key:focus, .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: white; box-shadow: 0 0 transparent; }
+
+.keyboard-subkeys .keyboard-key:active { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.25); color: white; box-shadow: 0 0 transparent; }
+
+.word-suggestions { min-height: 1.6em; spacing: 17.329px; padding: 3.999px 0 0; font-weight: 500; font-size: 130%; }
+
+.word-suggestions StButton { padding: 0 17.329px; border-radius: 999px; background-color: #673ab7; color: rgba(255, 255, 255, 0.9); }
+
+.word-suggestions StButton:hover, .word-suggestions StButton:focus { background-color: #7952c0; color: white; }
+
+.word-suggestions StButton:active { background-color: #3f51b5; color: white; }
+
+.emoji-panel .keyboard-key { color: rgba(255, 255, 255, 0.87); }
+
+.emoji-panel .keyboard-key:focus, .emoji-panel .keyboard-key:hover, .emoji-panel .keyboard-key:active, .emoji-panel .keyboard-key:checked { color: white; }
+
+.emoji-panel .keyboard-key.default-key { color: rgba(245, 245, 245, 0.87); }
+
+.emoji-panel .keyboard-key.default-key:focus, .emoji-panel .keyboard-key.default-key:hover, .emoji-panel .keyboard-key.default-key:active, .emoji-panel .keyboard-key.default-key:checked { color: #f5f5f5; }
+
+.emoji-panel .keyboard-key:latched { border-color: #3f51b5; background-color: #3f51b5; }
+
+.emoji-panel .keyboard-key:latched:hover { border-color: #5666be; background-color: #5666be; }
+
+.emoji-panel .keyboard-key:latched:active { border-color: #6f7dc8; background-color: #6f7dc8; }
+
+.emoji-page .keyboard-key { border: 0 none transparent; background-color: transparent; color: rgba(255, 255, 255, 0.87); }
+
+.emoji-page .keyboard-key:focus, .emoji-page .keyboard-key:hover { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: white; }
+
+.emoji-page .keyboard-key:active { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.25); color: white; }
+
+.candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: rgba(245, 245, 245, 0.54); }
+
+.candidate-index { color: rgba(245, 245, 245, 0.87); }
+
+.candidate-index:ltr { padding: 0.3em 0.5em 0.3em 0; }
+
+.candidate-index:rtl { padding: 0.3em 0 0.3em 0.5em; }
+
+.candidate-box { padding: 0.3em 0.5em; border-radius: 2.5px; color: rgba(245, 245, 245, 0.87); font-size: 110%; transition-duration: 0s; }
+
+.candidate-box:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.candidate-box:hover .candidate-index { color: #f5f5f5; }
+
+.candidate-box:active { background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; }
+
+.candidate-box:active .candidate-index { color: #f5f5f5; }
+
+.candidate-box:selected { background-color: #673ab7; color: white; }
+
+.candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.9); }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 0.5em; }
+
+.horizontal .candidate-page-button-box { padding-left: 0.5em; }
+
+.candidate-page-button { padding: 4px; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.candidate-page-button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.candidate-page-button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.candidate-page-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.candidate-page-button-previous { border-radius: 2.5px; border-right-width: 0; }
+
+.candidate-page-button-next { border-radius: 2.5px; }
+
+.candidate-page-button-icon { icon-size: 16px; }
+
+.user-icon { background-size: contain; border: 0 none transparent; color: #f5f5f5; }
+
+.user-icon:hover { border-color: #f5f5f5; color: #f5f5f5; }
+
+.user-icon { border-radius: 999px; }
+
+.login-dialog { border: none; background-color: transparent; }
+
+.login-dialog-banner-view { max-width: 23em; padding-top: 24px; }
+
+.login-dialog StEntry { background-color: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.87); caret-color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); selection-background-color: #3f51b5; selected-color: white; transition-duration: 0s; }
+
+.login-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.12); color: white; box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.12); color: white; caret-color: white; box-shadow: inset 0 -2px #3f51b5; }
+
+.login-dialog StEntry:insensitive { background-color: rgba(255, 255, 255, 0.0168); color: rgba(255, 255, 255, 0.28); box-shadow: 0 0 transparent; }
+
+.login-dialog StEntry StIcon.capslock-warning { color: #ff9800; }
+
+.login-dialog StEntry .hint-text { color: rgba(255, 255, 255, 0.54); }
+
+.login-dialog .modal-dialog-button-box { spacing: 1em; }
+
+.login-dialog .modal-dialog-button { padding: 7px 16px 8px; font-weight: 500; font-size: 110%; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.login-dialog .modal-dialog-button:hover { border: none; background-color: rgba(255, 255, 255, 0.12); color: white; }
+
+.login-dialog .modal-dialog-button:focus { border: none; color: white; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
+
+.login-dialog .modal-dialog-button:active { border: none; background-color: rgba(255, 255, 255, 0.25); color: white; box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.28); box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default { padding: 5px 14px 6px; border: 2px solid transparent; background-color: #673ab7; color: rgba(255, 255, 255, 0.87); box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default:hover { border: 2px solid transparent; background-color: #7952c0; color: white; box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default:focus { border: 2px solid rgba(255, 255, 255, 0.2); color: white; box-shadow: 0 0 transparent; transition-duration: 0.17s; }
+
+.login-dialog .modal-dialog-button:default:active { border: 2px solid transparent; background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive { padding: 7px 16px 8px; border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.28); box-shadow: 0 0 transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button { width: 32px; height: 32px; padding: 0; border-radius: 999px; }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .login-dialog-session-list-button:active, .login-dialog .login-dialog-session-list-button:checked { background-color: #3f51b5; color: white; }
+
+.user-widget.horizontal .user-widget-label { font-weight: 700; font-size: 120%; text-align: left; }
+
+.user-widget.vertical .user-widget-label { font-weight: 500; font-size: 150%; text-align: center; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 1em; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 1em; }
+
+.user-widget-label { color: white; }
+
+.user-widget.vertical .user-widget-label { padding-top: 12px; }
+
+.user-widget.horizontal .user-icon { icon-size: 64px; }
+
+.user-widget.horizontal .user-icon StIcon { width: 44px; height: 44px; padding: 9px 10px 11px 10px; }
+
+.user-widget.vertical .user-icon { icon-size: 128px; }
+
+.user-widget.vertical .user-icon StIcon { width: 88px; height: 88px; padding: 18px 20px 22px 20px; }
+
+.login-dialog-logo-bin { padding: 24px 0; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.87); }
+
+.login-dialog-button-box { width: 23em; spacing: 1em; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-message-warning { color: #ff9800; }
+
+.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.54); }
+
+.login-dialog-user-selection-box { padding: 100px 0; }
+
+.login-dialog-not-listed-button { margin: 12px 0 0; }
+
+.login-dialog-not-listed-button:ltr { margin-right: 4px; }
+
+.login-dialog-not-listed-button:rtl { margin-left: 4px; }
+
+.login-dialog-not-listed-label { padding: 4px 8px 5px; border-radius: 2.5px; color: #9ea9e4; font-weight: 500; font-size: 90%; text-align: center; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label { color: #9ea9e4; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.25); }
+
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.12); }
+
+.login-dialog-not-listed-button:active .login-dialog-not-listed-label { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.25); box-shadow: 0 0 transparent; }
+
+.login-dialog-user-list { width: 23em; spacing: 12px; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(63, 81, 181, 0.2); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover:focus { background-color: rgba(63, 81, 181, 0.12); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:active, .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:active:focus { background-color: rgba(63, 81, 181, 0.25); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-radius: 0; background-color: rgba(63, 81, 181, 0.25); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:focus, .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:hover { background-color: rgba(141, 152, 211, 0.1574); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:active { background-color: rgba(148, 158, 214, 0.1925); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:ltr { box-shadow: inset 4px 0 #3f51b5; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:rtl { box-shadow: inset -4px 0 #3f51b5; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 0; }
+
+.login-dialog-user-list-item { padding: 4px 4px 0; border-radius: 2.5px; transition-duration: 0.07s; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-username, .login-dialog-user-list-item .user-widget-label { color: rgba(255, 255, 255, 0.87); }
+
+.login-dialog-user-list-item:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
+
+.login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); }
+
+.login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.25); }
+
+.login-dialog-user-list-item:selected, .login-dialog-user-list-item:selected:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(63, 81, 181, 0.2); }
+
+.login-dialog-user-list-item:selected:hover, .login-dialog-user-list-item:selected:hover:focus { background-color: rgba(63, 81, 181, 0.12); }
+
+.login-dialog-user-list-item:selected:active, .login-dialog-user-list-item:selected:active:focus { background-color: rgba(63, 81, 181, 0.25); }
+
+.login-dialog-user-list-item:focus .login-dialog-username, .login-dialog-user-list-item:focus .user-widget-label, .login-dialog-user-list-item:hover .login-dialog-username, .login-dialog-user-list-item:hover .user-widget-label, .login-dialog-user-list-item:active .login-dialog-username, .login-dialog-user-list-item:active .user-widget-label { color: white; }
+
+.login-dialog-user-list-item:selected .login-dialog-username, .login-dialog-user-list-item:selected .user-widget-label, .login-dialog-user-list-item:selected:focus .login-dialog-username, .login-dialog-user-list-item:selected:focus .user-widget-label { color: #8796ed; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 4px; margin: 4px 0 0 0; background-color: rgba(121, 134, 203, 0.87); }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #7986cb; }
+
+.login-dialog-prompt-layout { width: 23em; spacing: 1em; padding-top: 24px; padding-bottom: 12px; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { padding-top: 1em; color: rgba(255, 255, 255, 0.54); font-size: 100%; }
+
+.unlock-dialog-clock { padding-bottom: 1.5em; color: white; text-align: center; }
+
+.unlock-dialog-clock-time { font-weight: 300; font-size: 840%; }
+
+.unlock-dialog-clock-date { font-weight: 700; font-size: 130%; }
+
+.unlock-dialog-notifications-container { spacing: 6px; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; border-radius: 8.5px; background-color: rgba(66, 66, 66, 0.93); color: #f5f5f5; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(255, 255, 255, 0.2916); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.4698); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: white; }
+
+.unlock-dialog-clock { spacing: 24px; }
+
+.unlock-dialog-clock-time { padding-top: 0.5em; }
+
+.unlock-dialog-clock-hint { padding-top: 48px; font-weight: 400; }
+
+.unlock-dialog-notifications-container { width: 23em; margin: 12px 0; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: #f44336; color: white; }
+
+.unlock-dialog-notifications-container .notification.critical .unlock-dialog-notification-count-text, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical .unlock-dialog-notification-count-text { background-color: white; color: #f44336; }
+
+.unlock-dialog-notifications-label { padding: 0 0 0 12px; font-weight: 500; }
+
+.unlock-dialog-notifications-count-text { padding: 0 6px; border-radius: 2.5px; background-color: #673ab7; color: white; font-weight: 700; }
+
+#lockDialogGroup { background-color: #1d1d1d; }
+
+#LookingGlassDialog { spacing: 4px; padding: 8px; border: none; border-radius: 8.5px; background-color: rgba(8, 8, 8, 0.93); color: #f5f5f5; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+#LookingGlassDialog.lg-dialog { padding: 0 0 8.5px; border-radius: 0 0 8.5px 8.5px; }
+
+#LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -1px #1b1b1b; }
+
+#LookingGlassDialog > #Toolbar > StIcon { padding: 5px 4px 3px; }
+
+#LookingGlassDialog .labels { spacing: 0; }
+
+#LookingGlassDialog .notebook-tab { min-height: 32px; padding: 0 16px; border-bottom-width: 0; color: rgba(245, 245, 245, 0.54); font-weight: 700; font-size: 90%; transition-duration: 0.17s; }
+
+#LookingGlassDialog .notebook-tab:hover { border-bottom-width: 0; border-color: transparent; background-color: rgba(0, 0, 0, 0.01); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); text-shadow: none; transition-duration: 0.17s; }
+
+#LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(0, 0, 0, 0.01); color: #8796ed; box-shadow: inset 0 -2px #3f51b5; text-shadow: none; transition-duration: 0.17s; }
+
+#LookingGlassDialog .notebook-tab StLabel { padding-bottom: 0.1em; }
+
+#LookingGlassDialog StBoxLayout#EvalBox, #LookingGlassDialog StBoxLayout#ResultsArea { padding: 8px; spacing: 4px; }
+
+.lg-dialog StEntry { selection-background-color: #3f51b5; selected-color: white; background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.lg-dialog StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.lg-dialog StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.lg-dialog StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.lg-dialog .shell-link { color: rgba(82, 178, 255, 0.87); }
+
+.lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #52b2ff; }
+
+.lg-completions-text { color: rgba(245, 245, 245, 0.87); font-style: italic; font-size: 90%; }
+
+.lg-obj-inspector-title { spacing: 4px; }
+
+.lg-obj-inspector-button { height: calc(2.5em - 1px - (1px * 2)); padding: 0 16px 1px; border-radius: 2.5px; font-weight: 500; border: 1px solid #333333; background-color: #111111; color: rgba(245, 245, 245, 0.87); }
+
+.lg-obj-inspector-button:hover { border-color: #2c2c2c; background-color: #2c2c2c; color: #f5f5f5; }
+
+.lg-obj-inspector-button:focus { border: 1px solid #333333; background-color: #111111; color: #f5f5f5; box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.lg-obj-inspector-button:active { border-color: #4a4a4a; background-color: #4a4a4a; color: #f5f5f5; }
+
+.lg-obj-inspector-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+#lookingGlassExtensions { padding: 8px; }
+
+.lg-extensions-list { padding: 4px; spacing: 6px; }
+
+.lg-extension { padding: 4px; border: none; border-radius: 2.5px; background-color: transparent; }
+
+.lg-extension-name { padding-bottom: 3px 0; color: #f5f5f5; font-weight: 700; font-size: 130%; }
+
+.lg-extension-description { color: rgba(245, 245, 245, 0.87); font-weight: 400; font-size: 90%; }
+
+.lg-extension-description:ltr { padding: 6px 0 6px 12px; }
+
+.lg-extension-description:rtl { padding: 6px 12px 6px 6px; }
+
+.lg-extension-meta { spacing: 6px; font-size: 100%; }
+
+.lg-extension-meta:ltr { padding: 6px 0 6px 12px; }
+
+.lg-extension-meta:rtl { padding: 6px 12px 6px 6px; }
+
+StBoxLayout#Windows:ltr { padding: 15px 0 12px 18px; }
+
+StBoxLayout#Windows:rtl { padding: 15px 18px 12px 0; }
+
+#LookingGlassPropertyInspector { padding: 6px; border: 1px solid #1b1b1b; border-radius: 0; background-color: #080808; color: #f5f5f5; box-shadow: 0 0 transparent; }
+
+.masterslider.smaller .masterlabel, .masterslider.smaller .slider { min-width: 14.2em; }
+
+.popup-menu StScrollView.apps-menu { margin: 0 4px; border-style: solid; border-color: rgba(0, 0, 0, 0.3); }
+
+.popup-menu StScrollView.apps-menu:ltr { padding: 0 0 0 12px; border-left-width: 1px; }
+
+.popup-menu StScrollView.apps-menu:rtl { padding: 0 12px 0 0; border-right-width: 1px; }
+
+.openweather-provider { padding: 0 16px; font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.openweather-provider:hover { border: none; background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.openweather-provider:focus { border: none; color: #f5f5f5; box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.openweather-provider:active { border: none; background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; box-shadow: 0 0 transparent; }
+
+.openweather-provider:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { background: none; color: #f5f5f5; }
+
+.openweather-current-databox-values { background: none; color: rgba(245, 245, 245, 0.54); }
+
+.openweather-current-databox-captions { background: none; color: rgba(245, 245, 245, 0.54); }
+
+.openweather-forecast-icon, .openweather-forecast-summary { background: none; color: rgba(245, 245, 245, 0.87); }
+
+.openweather-forecast-day, .openweather-forecast-temperature { background: none; color: rgba(245, 245, 245, 0.54); }
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { color: rgba(245, 245, 245, 0.87); }
+
+#dashtodockContainer { background: transparent; }
+
+#dashtodockContainer #dash, #dashtodockContainer:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { padding: 0; border: none; transition-duration: 0.27s; }
+
+#dashtodockContainer.top #dash, #dashtodockContainer.top:overview #dash { border-radius: 0 0 2.5px 2.5px; }
+
+#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer.bottom #dash, #dashtodockContainer.bottom:overview #dash { border-radius: 2.5px 2.5px 0 0; }
+
+#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer.left #dash, #dashtodockContainer.left:overview #dash { border-radius: 0 2.5px 2.5px 0; }
+
+#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer.right #dash, #dashtodockContainer.right:overview #dash { border-radius: 2.5px 0 0 2.5px; }
+
+#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer #dash { background-color: black; box-shadow: 0 0 transparent; }
+
+#dashtodockContainer.opaque #dash { background-color: black; box-shadow: inset 0 0 0 9999px black; }
+
+#dashtodockContainer.transparent #dash { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.34); }
+
+#dashtodockContainer:overview #dash { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { background-color: transparent !important; box-shadow: none !important; }
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .show-apps .overview-icon { padding: 9px; background-size: contain; }
+
+#dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon { background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .show-apps:active .overview-icon { background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer .app-well-app:checked:hover .overview-icon, #dashtodockContainer .show-apps:checked:hover .overview-icon { background-color: #5666be; }
+
+#dashtodockContainer .dash-item-container { background: transparent; }
+
+#dashtodockContainer .dash-item-container > StWidget { background-size: contain; }
+
+#dashtodockContainer .dash-item-container .app-well-app-running-dot { width: 6px; height: 3px; margin-bottom: 0; border-radius: 0; background-color: #8796ed; }
+
+#dashtodockContainer .dash-item-container > StWidget.focused .app-well-app-running-dot { width: 34px; background-color: #3f51b5; }
+
+#dashtodockContainer .number-overlay, #dashtodockContainer .notification-badge { min-width: 1.6em; min-height: 1.6em; margin: 0; padding: 0; border-radius: 999px; font-weight: 700; text-align: center; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+#dashtodockContainer .number-overlay { background-color: #080808; color: #f5f5f5; }
+
+#dashtodockContainer .notification-badge { background-color: #673ab7; color: white; }
+
+#dashtodockContainer.top .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.top .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.top .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.top .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer.bottom .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.bottom .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.bottom .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.bottom .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer.left .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.left .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.left .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.left .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer.right .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.right .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.right .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.right .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop { background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:hover, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:hover, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:hover, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:hover { box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:active, #panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:focus, #panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:checked, #panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:overview, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:active, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:focus, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:checked, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:overview, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:active, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:focus, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:checked, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:overview, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:active, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:focus, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:checked, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:overview { box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #panelLeft StLabel, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter StLabel, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner StLabel, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button StLabel { padding-bottom: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:hover, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:active, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:focus, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:checked, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:overview { box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:hover .clock { box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:active .clock, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:focus .clock, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:checked .clock, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:overview .clock { box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:checked .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:checked .overview-icon { border-radius: 0; background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview { padding: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app:focus .dtp-container, #panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app:hover .dtp-container { background-color: rgba(245, 245, 245, 0.12); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.04); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app:active .dtp-container { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.1); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app .app-well-app-running-dot { background-color: #8796ed; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app.focused .app-well-app-running-dot { background-color: #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:focus, #panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:hover { background-color: rgba(245, 245, 245, 0.12); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:active { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:checked:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom { background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:hover, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:hover, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:hover, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:hover { box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:active, #panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:focus, #panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:checked, #panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:overview, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:active, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:focus, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:checked, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:overview, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:active, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:focus, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:checked, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:overview, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:active, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:focus, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:checked, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:overview { box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft StLabel, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter StLabel, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner StLabel, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button StLabel { padding-bottom: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:hover, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:active, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:focus, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:checked, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:overview { box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:hover .clock { box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:active .clock, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:focus .clock, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:checked .clock, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:overview .clock { box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:checked .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:checked .overview-icon { border-radius: 0; background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview { padding: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app:focus .dtp-container, #panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app:hover .dtp-container { background-color: rgba(245, 245, 245, 0.12); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.04); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app:active .dtp-container { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.1); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app .app-well-app-running-dot { background-color: #8796ed; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app.focused .app-well-app-running-dot { background-color: #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:focus, #panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:hover { background-color: rgba(245, 245, 245, 0.12); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:active { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:checked:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.rename-popup { padding: 10px 6px 6px; background-color: rgba(8, 8, 8, 0.93); color: rgba(245, 245, 245, 0.87); }
+
+.rename-popup StEntry { margin: 0 4px; background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.rename-popup StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.rename-popup StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.rename-popup StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.rename-popup .button { padding: 7px 16px 8px; border-radius: 2.5px; border: none; font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.rename-popup .button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.rename-popup .button:focus { border: none; color: #9ea9e4; box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.2); }
+
+.rename-popup .button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.rename-popup .button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
diff --git a/themes/Plata-Noir/gnome-shell/gnome-shell-theme.gresource b/themes/Plata-Noir/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 0000000..2194bcb
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/gnome-shell-theme.gresource
diff --git a/themes/Plata-Noir/gnome-shell/gnome-shell.css b/themes/Plata-Noir/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..837546c
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/gnome-shell.css
@@ -0,0 +1,1598 @@
+/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */
+* { transition-property: border-color, border-image, background-color, background-image, box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.17s; text-shadow: none; icon-shadow: none; }
+
+*:focus { transition-duration: 0s; }
+
+stage { color: #f5f5f5; font-size: 100%; }
+
+.button { padding: 7px 16px 8px; border-radius: 2.5px; border: none; font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.button:hover { border: none; background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.button:focus { border: none; color: #f5f5f5; box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.button:active { border: none; background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; box-shadow: 0 0 transparent; }
+
+.button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.modal-dialog-linked-button { padding: 9px 16px 10px; }
+
+.hotplug-notification-item, .notification-banner .notification-button, .modal-dialog-linked-button { border: 0 none transparent; font-weight: 500; text-shadow: none; icon-shadow: none; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.hotplug-notification-item:hover, .notification-banner .notification-button:hover, .modal-dialog-linked-button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.hotplug-notification-item:focus, .notification-banner .notification-button:focus, .modal-dialog-linked-button:focus { border: none; color: #9ea9e4; box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.2); }
+
+.hotplug-notification-item:active, .notification-banner .notification-button:active, .modal-dialog-linked-button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive, .modal-dialog-linked-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.hotplug-notification-item:first-child, .notification-banner .notification-button:first-child, .modal-dialog-linked-button:first-child { border-radius: 0 0 0 8.5px; }
+
+.hotplug-notification-item:last-child, .notification-banner .notification-button:last-child, .modal-dialog-linked-button:last-child { border-radius: 0 0 8.5px 0; }
+
+.hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child, .modal-dialog-linked-button:first-child:last-child { border-radius: 0 0 8.5px 8.5px; }
+
+StEntry StIcon.peek-password, StEntry StIcon.capslock-warning { icon-size: 16px; padding: 0 0.3em; }
+
+StEntry { min-height: 2.5em; padding: 0 0.8em; border-radius: 4.5px 4.5px 0 0; border-width: 0; selection-background-color: #3f51b5; selected-color: white; transition-duration: 0s; background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+StEntry StIcon.capslock-warning { warning-color: #ff9800; }
+
+StEntry .hint-text { color: rgba(245, 245, 245, 0.54); }
+
+StEntry .hint-text:ltr { margin-left: 2px; }
+
+StEntry .hint-text:rtl { margin-right: 2px; }
+
+.capslock-warning-label { padding-bottom: 0.75em; color: #ff9800; font-size: 90%; text-align: center; }
+
+StScrollView.vfade.search-display { -st-vfade-offset: 48px; }
+
+StScrollView.hfade { -st-hfade-offset: 0; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 0.9em; min-height: 0.9em; }
+
+StScrollBar StBin#trough { margin: 0; border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { margin: 0; border-radius: 0; background-color: rgba(245, 245, 245, 0.2916); }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: rgba(245, 245, 245, 0.4698); }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #f5f5f5; }
+
+.slider { height: 16px; color: #7986cb; -slider-height: 2px; -slider-background-color: rgba(245, 245, 245, 0.2); -slider-border-color: transparent; -slider-active-background-color: #7986cb; -slider-active-border-color: transparent; -slider-handle-border-width: 0; -slider-handle-radius: 8px; -barlevel-height: 2px; -barlevel-background-color: rgba(245, 245, 245, 0.2); -barlevel-border-color: transparent; -barlevel-active-background-color: #7986cb; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #f44336; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; }
+
+.check-box StBoxLayout { spacing: 0.8em; }
+
+.check-box StBin { width: 16px; height: 16px; background-image: url("assets/checkbox-off.svg"); color: rgba(245, 245, 245, 0.87); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-hover.svg"); color: #f5f5f5; }
+
+.check-box:checked StBin { background-image: url("assets/checkbox.svg"); color: #f5f5f5; }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-hover.svg"); color: #f5f5f5; }
+
+.toggle-switch { width: 40px; height: 20px; background-size: contain; }
+
+.toggle-switch { background-image: url("toggle-off.svg"); }
+
+.toggle-switch:checked { background-image: url("toggle-on.svg"); }
+
+.shell-link { border-radius: 2.5px; color: #52b2ff; }
+
+.shell-link:hover { border: none; background-color: rgba(82, 178, 255, 0.12); color: #52b2ff; }
+
+.shell-link:active { border: none; background-color: rgba(82, 178, 255, 0.25); color: #52b2ff; box-shadow: 0 0 transparent; }
+
+.headline { font-size: 110%; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.modal-dialog { border: none; border-radius: 8.5px; color: #f5f5f5; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 0 transparent; }
+
+.modal-dialog-content-box { max-width: 28em; margin: 24px; spacing: 24px; padding: 0; }
+
+.modal-dialog .run-dialog .modal-dialog-content-box { margin-top: 0; margin-bottom: 0; }
+
+.modal-dialog .run-dialog-entry { width: 20em; }
+
+.modal-dialog .run-dialog-description { color: rgba(245, 245, 245, 0.54); font-size: 90%; text-align: center; }
+
+.end-session-dialog-subject { font-size: 130%; }
+
+.dialog-list { spacing: 16px; }
+
+.dialog-list-title { color: #f5f5f5; text-align: center; font-weight: 700; }
+
+.dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list-box { spacing: 1em; }
+
+.dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list-box .dialog-list-item-title { color: #f5f5f5; font-weight: 700; }
+
+.dialog-list-box .dialog-list-item-description { color: rgba(245, 245, 245, 0.87); font-weight: 400; font-size: 90%; }
+
+.message-dialog-content { spacing: 18px; color: #f5f5f5; }
+
+.message-dialog-title { color: #f5f5f5; font-size: 130%; font-weight: 700; text-align: center; }
+
+.message-dialog-title.leightweight { font-size: 90%; }
+
+.message-dialog-description { text-align: center; }
+
+.message-dialog-description { color: rgba(245, 245, 245, 0.87); font-weight: 400; }
+
+.end-session-dialog { width: 30em; border: none; }
+
+.end-session-dialog-list { padding-top: 20px; }
+
+.end-session-dialog-layout:ltr { padding-left: 17px; }
+
+.end-session-dialog-layout:rtl { padding-right: 17px; }
+
+.end-session-dialog-description { width: 28em; padding-bottom: 10px; }
+
+.end-session-dialog-description:ltr { text-align: left; }
+
+.end-session-dialog-description:rtl { text-align: right; }
+
+.end-session-dialog-logout-icon { width: 48px; height: 48px; background-size: contain; color: #f5f5f5; border-radius: 999px; }
+
+.end-session-dialog-shutdown-icon { width: 48px; height: 48px; color: #f5f5f5; }
+
+.end-session-dialog .dialog-list-title { color: #ff9800; }
+
+.end-session-dialog-battery-warning { width: 28em; padding-top: 6px; color: #ff9800; }
+
+.end-session-dialog-battery-warning:ltr { text-align: left; }
+
+.end-session-dialog-battery-warning:rtl { text-align: right; }
+
+.prompt-dialog { width: 28em; border: none; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 6px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-caps-lock-warning { color: #f44336; }
+
+.prompt-dialog-error-label, .prompt-dialog-caps-lock-warning, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; font-size: 100%; }
+
+.prompt-dialog-caps-lock-warning { padding-left: 8px; }
+
+.hidden { color: transparent; }
+
+.polkit-dialog-user-layout { spacing: 8px; margin-bottom: 6px; text-align: center; }
+
+.polkit-dialog-user-root-label { color: #ff9800; }
+
+.polkit-dialog-user-icon { background-size: contain; border-radius: 999px; }
+
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2.5px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(245, 245, 245, 0.12); }
+
+.audio-selection-device:active { background-color: #3f51b5; color: white; }
+
+.audio-selection-device-box { padding: 2em; spacing: 2em; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+.popup-menu { min-width: 15em; }
+
+.popup-menu .popup-sub-menu { border-width: 0 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.3); background-color: #1d1d1d; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.12); }
+
+.popup-menu .popup-sub-menu .popup-menu-item:ltr { padding-left: 12px; }
+
+.popup-menu .popup-sub-menu .popup-menu-item:rtl { padding-right: 12px; }
+
+.popup-menu .popup-menu-item { spacing: 8px; color: rgba(245, 245, 245, 0.87); font-weight: 400; transition-duration: 0s; }
+
+.popup-menu .popup-menu-item:ltr { padding: 0.45em 24px 0.45em 0; }
+
+.popup-menu .popup-menu-item:rtl { padding: 0.45em 0 0.45em 24px; }
+
+.popup-menu .popup-menu-item:checked, .popup-menu .popup-menu-item:checked.selected { background-color: transparent; color: #8796ed; box-shadow: 0 0 transparent; }
+
+.popup-menu .popup-menu-item:checked:hover { background-color: rgba(63, 81, 181, 0.12); color: #8796ed; }
+
+.popup-menu .popup-menu-item:checked:active { background-color: rgba(63, 81, 181, 0.25); color: #8796ed; }
+
+.popup-menu .popup-menu-item:checked:insensitive { color: rgba(135, 150, 237, 0.4); }
+
+.popup-menu .popup-menu-item.selected { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; transition-duration: 0s; }
+
+.popup-menu .popup-menu-item:active { background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; transition-duration: 0.17s; }
+
+.popup-menu .popup-menu-item.selected:active { color: #f5f5f5; }
+
+.popup-menu .popup-menu-item:insensitive { color: rgba(245, 245, 245, 0.28); }
+
+.popup-menu .popup-inactive-menu-item { color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .popup-inactive-menu-item:insensitive { color: rgba(245, 245, 245, 0.28); }
+
+.popup-menu.panel-menu { -boxpointer-gap: 1px; }
+
+.popup-menu StEntry { background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); transition-duration: 0s; }
+
+.popup-menu StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.popup-menu StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.popup-menu StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.popup-menu StEntry .hint-text { color: rgba(245, 245, 245, 0.54); }
+
+.popup-menu StScrollBar StBin#trough { background-color: rgba(17, 17, 17, 0.54); }
+
+.popup-menu StScrollBar StButton#vhandle, .popup-menu StScrollBar StButton#hhandle { background-color: rgba(245, 245, 245, 0.2916); }
+
+.popup-menu StScrollBar StButton#vhandle:hover, .popup-menu StScrollBar StButton#hhandle:hover { background-color: rgba(245, 245, 245, 0.4698); }
+
+.popup-menu StScrollBar StButton#vhandle:active, .popup-menu StScrollBar StButton#hhandle:active { background-color: #f5f5f5; }
+
+.popup-menu-arrow { icon-size: 16px; }
+
+.popup-menu-icon { icon-size: 16px; }
+
+.popup-menu-ornament { width: 16px; height: 0; text-align: right; font-size: 16px; color: #8796ed; font-family: Sans-Serif; font-weight: 700; }
+
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-border-radius: 0; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: 0 0 transparent; border-radius: 0; box-shadow: 0 0 transparent; }
+
+.popup-menu-boxpointer { -arrow-background-color: transparent; }
+
+.popup-menu-boxpointer .popup-menu-content { padding: 0.3em 0; border: 1px solid #0c0c0c; background-color: #080808; }
+
+.rename-popup, .candidate-popup-boxpointer .candidate-popup-content, .popup-menu-boxpointer .popup-menu-content { margin: 3px 5px 12px; border-radius: 4.5px; box-shadow: 0 4.5px 5.5px rgba(0, 0, 0, 0.38); }
+
+.candidate-popup-boxpointer { -arrow-background-color: transparent; border: 0 none transparent; background: transparent; }
+
+.candidate-popup-boxpointer .candidate-popup-content { background-color: rgba(8, 8, 8, 0.93); color: rgba(245, 245, 245, 0.87); }
+
+.popup-separator-menu-item { padding: 0; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 0; background-color: #1b1b1b; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #2e2e2e; }
+
+.rename-folder-popup .popup-menu-content { padding: 8px 0; }
+
+.rename-folder-popup .popup-menu-ornament { width: 0; }
+
+.rename-folder-popup .popup-menu-item { spacing: 8px; }
+
+.rename-folder-popup .popup-menu-item:ltr { padding: 0 8px 0 0; }
+
+.rename-folder-popup .popup-menu-item:rtl { padding: 0 0 0 8px; }
+
+.rename-folder-popup .button { padding: 5px 14px 6px; border-radius: 2.5px; font-weight: 500; border: 2px solid transparent; background-color: #673ab7; color: rgba(255, 255, 255, 0.87); box-shadow: 0 0 transparent; }
+
+.rename-folder-popup .button:hover { border: 2px solid transparent; background-color: #7952c0; color: white; box-shadow: 0 0 transparent; }
+
+.rename-folder-popup .button:focus { border: 2px solid rgba(255, 255, 255, 0.2); color: white; box-shadow: 0 0 transparent; transition-duration: 0.17s; }
+
+.rename-folder-popup .button:active { border: 2px solid transparent; background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; }
+
+.rename-folder-popup .button:insensitive { padding: 7px 16px 8px; border: 0 none transparent; background-color: rgba(245, 245, 245, 0.12); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.background-menu { -boxpointer-gap: 0; -arrow-rise: 0; }
+
+@elif $ver < 3.33 { .system-switch-user-submenu-icon { icon-size: 16px; padding: 0 5.5px; } }
+
+.lowres-icon { icon-shadow: none; }
+
+.icon-dropshadow { icon-shadow: none; }
+
+.osd-window { min-width: 64px; min-height: 64px; margin: 32px; spacing: 1em; font-weight: 700; text-align: center; }
+
+.osd-window .osd-monitor-label { font-size: 300%; }
+
+.osd-window .level { height: 3px; border-radius: 0; background-color: rgba(245, 245, 245, 0.2); color: #4caf50; }
+
+.osd-window .level-bar { border-radius: 0; background-color: #4caf50; }
+
+.osd-window .level { -barlevel-height: 3px; -barlevel-background-color: transparent; -barlevel-active-background-color: #4caf50; -barlevel-overdrive-color: #f44336; -barlevel-overdrive-separator-width: 3px; -barlevel-border-width: 0; }
+
+.pad-osd-window { padding: 32px; background-color: rgba(8, 8, 8, 0.93); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+.switcher-popup { padding: 8px; spacing: 16px; }
+
+.switcher-list > StLabel { min-height: 26.6px; }
+
+.switcher-list-item-container { spacing: 8px; }
+
+.switcher-list .item-box { padding: 6px; border: 2px solid transparent; border-radius: 2.5px; }
+
+.switcher-list .item-box:outlined { border: 2px solid rgba(245, 245, 245, 0.2); }
+
+.switcher-list .item-box:selected { background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 4px; }
+
+.switcher-list .thumbnail { width: 256px; }
+
+.switcher-list .separator { width: 1px; background: #1b1b1b; }
+
+.switcher-arrow { border-color: transparent; color: rgba(245, 245, 245, 0.87); }
+
+.switcher-arrow:highlighted { color: #f5f5f5; }
+
+.input-source-switcher-symbol { width: 96px; height: 96px; font-size: 300%; }
+
+.cycler-highlight { border-radius: 2.5px 2.5px 0 0; }
+
+.workspace-switcher { padding: 0; spacing: 8px; border: 0; border-radius: 0; background: transparent; }
+
+.workspace-switcher-group { padding: 12px; }
+
+.ws-switcher-active-right, .ws-switcher-active-left, .ws-switcher-active-down, .ws-switcher-active-up { height: 54px; border: 0 none transparent; border-radius: 2.5px; background-size: 24px; background-color: rgba(158, 169, 228, 0.25); }
+
+.ws-switcher-active-up { background-image: url("assets/go-up.svg"); }
+
+.ws-switcher-active-down { background-image: url("assets/go-down.svg"); }
+
+.ws-switcher-active-left { background-image: url("assets/go-left.svg"); }
+
+.ws-switcher-active-right { background-image: url("assets/go-right.svg"); }
+
+.ws-switcher-box { height: 50px; border: 2px solid rgba(245, 245, 245, 0.2); border-radius: 2.5px; background: transparent; }
+
+.osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { padding: 16px; border-radius: 8.5px; border: 0 none transparent; color: #f5f5f5; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+.tile-preview { border: 1px solid #3f51b5; border-radius: 0; background-color: rgba(63, 81, 181, 0.2); }
+
+.tile-preview-left.on-primary, .tile-preview-left.on-primary.tile-preview-right, .tile-preview-right.on-primary { border-radius: 0; }
+
+#panel { min-height: 30px; height: 2.1em; background-color: black; font-weight: 700; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.27s; }
+
+#panel #panelLeft, #panel #panelCenter { spacing: 0; }
+
+#panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.01); -panel-corner-border-width: 0; -panel-corner-border-color: transparent; transition-duration: 0s; }
+
+#panel .panel-corner:hover, #panel .panel-corner:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel .panel-corner:active, #panel .panel-corner:overview { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px #3f51b5; }
+
+#panel .panel-corner StLabel { padding: 0 4px 1px; }
+
+#panel .panel-corner StIcon { margin-top: 1px; }
+
+#panel .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 10px; color: #f5f5f5; text-shadow: none; icon-shadow: none; font-weight: 700; transition-duration: 0s; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; padding: 0 5px; }
+
+#panel .panel-button:hover { background-color: rgba(0, 0, 0, 0.01); color: white; box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked, #panel .panel-button:overview { background-color: rgba(0, 0, 0, 0.01); color: white; box-shadow: inset 0 2px #3f51b5; }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 5px; }
+
+#panel .panel-button StLabel { padding: 0 4px 1px; }
+
+#panel .panel-button StIcon { margin-top: 1px; }
+
+#panel .panel-button.clock-display { -natural-hpadding: 0; -minimum-hpadding: 0; }
+
+#panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked, #panel .panel-button.clock-display:overview { box-shadow: 0 0 transparent; }
+
+#panel .panel-button.clock-display .clock-display-box { spacing: 10px; }
+
+#panel .panel-button.clock-display .clock { padding-left: 10px; padding-right: 10px; background-color: rgba(0, 0, 0, 0.01); }
+
+#panel .panel-button.clock-display:hover .clock { box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock, #panel .panel-button.clock-display:overview .clock { box-shadow: inset 0 2px #3f51b5; }
+
+#panel .panel-button.clock-display > StBoxLayout > StIcon { padding-bottom: 1px; icon-size: 16px; color: #673ab7; }
+
+#panel StLabel { text-shadow: none; }
+
+#panel StIcon { icon-shadow: none; }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 0; }
+
+#panel .panel-status-indicators-box .power-status StLabel { margin-top: 0.05em; padding: 0; }
+
+#panel .screencast-indicator { color: #f44336; }
+
+#panel .remote-access-indicator { color: #ff9800; }
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.27s; }
+
+#panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-width: 0; -panel-corner-border-color: transparent; }
+
+#panel .panel-button .popup-menu-arrow { width: 0; height: 0; color: transparent; icon-shadow: none; }
+
+#calendarArea { padding: 0.75em 0; }
+
+.datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title, .calendar { border: 0 none transparent; background-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; }
+
+.calendar { margin-bottom: 1em; border-radius: 2.5px; padding-left: 0; padding-right: 0; color: #f5f5f5; }
+
+.calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 1.5em; }
+
+.datemenu-calendar-column { spacing: 0.5em; padding: 0 1em; }
+
+.datemenu-calendar-column:ltr, .datemenu-calendar-column:rtl { margin: 0; }
+
+.datemenu-displays-section { padding-bottom: 0; }
+
+.datemenu-displays-box { spacing: 1em; }
+
+.datemenu-calendar-column { border-style: solid; border-color: #1b1b1b; }
+
+.datemenu-calendar-column:ltr { border-left-width: 1px; }
+
+.datemenu-calendar-column:rtl { border-right-width: 1px; }
+
+.datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { padding: 0.4em; border-radius: 2.5px; }
+
+.datemenu-today-button, .world-clocks-button, .weather-button, .events-section-title { color: rgba(245, 245, 245, 0.87); }
+
+.datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .events-section-title:hover, .events-section-title:focus { color: #f5f5f5; background-color: rgba(245, 245, 245, 0.12); }
+
+.datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { color: #f5f5f5; background-color: rgba(245, 245, 245, 0.25); }
+
+.datemenu-today-button .day-label { color: rgba(245, 245, 245, 0.54); font-weight: 700; }
+
+.datemenu-today-button .date-label { color: rgba(245, 245, 245, 0.87); font-size: 150%; font-weight: 500; }
+
+.datemenu-today-button:hover .day-label, .datemenu-today-button:focus .day-label, .datemenu-today-button:active .day-label { color: rgba(245, 245, 245, 0.87); }
+
+.datemenu-today-button:hover .date-label, .datemenu-today-button:focus .date-label, .datemenu-today-button:active .date-label { color: #f5f5f5; }
+
+.world-clocks-header, .weather-header, .events-section-title { color: rgba(245, 245, 245, 0.54); font-weight: 700; }
+
+.world-clocks-grid, .weather-grid { spacing-rows: 0.4em; spacing-columns: 0.8em; }
+
+.world-clocks-city, .world-clocks-time { color: #f5f5f5; font-weight: 400; font-size: 100%; }
+
+.world-clocks-timezone { color: rgba(245, 245, 245, 0.54); font-size: 90%; }
+
+.weather-box, .weather-header-box { spacing: 0.4em; }
+
+.weather-header.location { color: rgba(245, 245, 245, 0.87); font-weight: 400; font-size: 90%; }
+
+.weather-forecast-icon { width: 2.4em; height: 2.4em; border-radius: 999px; background-color: rgba(245, 245, 245, 0.1044); color: rgba(245, 245, 245, 0.87); icon-size: 24px; }
+
+.weather-forecast-time { padding: 0.2em 0 0.4em; color: rgba(245, 245, 245, 0.54); font-size: 80%; }
+
+.weather-forecast-temp { font-weight: 700; }
+
+.calendar-month-label { padding: 4px 0; color: #f5f5f5; font-weight: 700; }
+
+.pager-button { width: 2.1em; height: 2.1em; border-radius: 999px; color: #f5f5f5; background-color: transparent; }
+
+.pager-button:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.pager-button:focus { background-color: rgba(8, 8, 8, 0.01); box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.pager-button:focus:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.pager-button:active { background-color: rgba(245, 245, 245, 0.25); }
+
+.calendar-change-month-back { color: rgba(245, 245, 245, 0.87); }
+
+.calendar-change-month-back StIcon { icon-size: 16px; }
+
+.calendar-change-month-back:hover, .calendar-change-month-back:focus { color: #f5f5f5; }
+
+.calendar-change-month-forward { color: rgba(245, 245, 245, 0.87); }
+
+.calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar-change-month-forward:hover, .calendar-change-month-forward:focus { color: #f5f5f5; }
+
+.calendar-day-base { width: 2.4em; height: 2.4em; padding: 0; margin: 0.2em; border-radius: 999px; border: 0 none transparent; font-size: 90%; text-align: center; transition-duration: 0.07s; }
+
+.calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(245, 245, 245, 0.12); }
+
+.calendar-day-base:active, .calendar-day-base:active:hover, .calendar-day-base:selected, .calendar-day-base:selected:hover { color: white; background-color: #3f51b5; transition-duration: 0.17s; }
+
+.calendar-day-base.calendar-day-heading { width: 2.4em; height: 1.9em; margin-top: 0.2em; padding: 0.5em 0 0; background-color: transparent; color: rgba(245, 245, 245, 0.54); font-weight: 500; font-size: 90%; text-align: center; }
+
+.calendar-week-number { width: 2.4em; height: 1.9em; margin: 0.2em; padding: 0.5em 0 0; background-color: transparent; color: rgba(245, 245, 245, 0.54); font-weight: 500; text-align: center; }
+
+.calendar-day { border-width: 0; color: #f5f5f5; }
+
+.calendar-day-top { border-top-width: 0; }
+
+.calendar-day-left { border-left-width: 0; }
+
+.calendar-day-with-events { background-image: none; color: #52b2ff; font-weight: 500; background-image: url("calendar-today.svg"); background-size: contain; }
+
+.calendar-day-with-events:hover, .calendar-day-with-events:focus { background-color: rgba(82, 178, 255, 0.12); }
+
+.calendar-day-with-events:active, .calendar-day-with-events:active:hover, .calendar-day-with-events:active:focus, .calendar-day-with-events:selected, .calendar-day-with-events:selected:hover, .calendar-day-with-events:selected:focus { color: white; background-color: #3f51b5; background-image: none; border-color: transparent; }
+
+.calendar-today { border: none; font-weight: 700; }
+
+.calendar-today, .calendar-today.calendar-day-with-events { background-color: rgba(255, 255, 255, 0.9); color: #080808; }
+
+.calendar-today:hover, .calendar-today:focus, .calendar-today.calendar-day-with-events:hover, .calendar-today.calendar-day-with-events:focus { background-color: white; color: black; }
+
+.calendar-today:selected, .calendar-today:selected:hover, .calendar-today.calendar-day-with-events:selected, .calendar-today.calendar-day-with-events:selected:hover { color: white; background-color: #3f51b5; border-color: transparent; }
+
+.calendar-other-month-day { color: rgba(245, 245, 245, 0.2916); }
+
+.calendar-other-month-day:hover, .calendar-other-month-day:focus { color: rgba(245, 245, 245, 0.54); background-color: rgba(245, 245, 245, 0.0648); }
+
+.calendar-other-month-day.calendar-day-with-events { color: rgba(82, 178, 255, 0.2916); background-image: url("calendar-today-other.svg"); }
+
+.calendar-other-month-day.calendar-day-with-events:hover, .calendar-other-month-day.calendar-day-with-events:focus { color: rgba(82, 178, 255, 0.54); background-color: rgba(82, 178, 255, 0.0648); }
+
+.message-list { width: 420px; }
+
+.message-list-clear-button.button { font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.message-list-clear-button.button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.message-list-clear-button.button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.message-list-controls { margin: 1.5em 1.5em 0; }
+
+.message-list-controls > StLabel { color: #f5f5f5; }
+
+.message-list-sections { spacing: 0; }
+
+.message-list-section { spacing: 0; padding: 0; }
+
+.message-list-section-list { spacing: 1px; margin-top: 0.3em; margin-bottom: 0.9em; padding: 0; border: 1px solid rgba(0, 0, 0, 0.01); background-color: rgba(255, 255, 255, 0.075); }
+
+.message-list-placeholder { spacing: 12px; color: rgba(245, 245, 245, 0.54); }
+
+.message { padding: 0.9em; border-radius: 0; background-color: transparent; color: #f5f5f5; margin: 0; border: 0 none transparent; box-shadow: 0 0 transparent; }
+
+.popup-menu .message { padding: 0.6em; background-color: #111111; border: 1px solid #111111; color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .message .message-icon-bin > StIcon, .popup-menu .message .message-icon-bin > .fallback-app-icon, .popup-menu .message .message-title, .popup-menu .message .message-body { color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .message:hover, .popup-menu .message:focus { background-color: #2c2c2c; border: 1px solid #2c2c2c; color: #f5f5f5; }
+
+.popup-menu .message:hover .message-icon-bin > StIcon, .popup-menu .message:hover .message-icon-bin > .fallback-app-icon, .popup-menu .message:hover .message-title, .popup-menu .message:hover .message-body, .popup-menu .message:focus .message-icon-bin > StIcon, .popup-menu .message:focus .message-icon-bin > .fallback-app-icon, .popup-menu .message:focus .message-title, .popup-menu .message:focus .message-body { color: #f5f5f5; }
+
+.popup-menu .message:hover .message-secondary-bin, .popup-menu .message:hover .message-secondary-bin > .event-time, .popup-menu .message:focus .message-secondary-bin, .popup-menu .message:focus .message-secondary-bin > .event-time { color: rgba(245, 245, 245, 0.87); }
+
+.popup-menu .message:active { background-color: #4a4a4a; border: 1px solid #4a4a4a; color: #f5f5f5; }
+
+.popup-menu .message:active .message-icon-bin > StIcon, .popup-menu .message:active .message-icon-bin > .fallback-app-icon, .popup-menu .message:active .message-title, .popup-menu .message:active .message-body { color: #f5f5f5; }
+
+.popup-menu .message:active .message-secondary-bin, .popup-menu .message:active .message-secondary-bin > .event-time { color: rgba(245, 245, 245, 0.87); }
+
+.message-icon-bin { margin: 0.2em 0.6em 0; padding: 0; }
+
+.message-icon-bin > StIcon, .message-icon-bin > .fallback-app-icon { min-width: 16px; min-height: 16px; color: #f5f5f5; icon-size: 16px; -st-icon-style: symbolic; }
+
+.message-secondary-bin { color: rgba(245, 245, 245, 0.54); }
+
+.message-secondary-bin:ltr { padding-left: 0.6em; }
+
+.message-secondary-bin:rtl { padding-right: 0.6em; }
+
+.message-secondary-bin > .event-time { min-height: 12px; margin-bottom: 0.305em; padding: 0; font-size: 90%; color: rgba(245, 245, 245, 0.54); }
+
+.message-secondary-bin > StIcon { padding: 0.2em; icon-size: 16px; }
+
+.popup-menu .message-secondary-bin, .popup-menu .message-secondary-bin > .event-time { color: rgba(245, 245, 245, 0.54); }
+
+.message-title { min-height: 12px; margin-bottom: 0.1em; padding: 1.33px 0 0; color: #f5f5f5; font-weight: 700; font-size: 110%; }
+
+.message-content { padding: 0; color: #f5f5f5; }
+
+.message-content * > StIcon { padding: 0.2em; icon-size: 16px; border-radius: 999px; }
+
+.message-content StButton > StIcon { color: #9ea9e4; }
+
+.popup-menu .message-content StButton > StIcon { color: rgba(158, 169, 228, 0.87); }
+
+.message-content StButton:hover > StIcon, .message-content StButton:focus > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.12); }
+
+.popup-menu .message-content StButton:hover > StIcon, .popup-menu .message-content StButton:focus > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.12); }
+
+.message-content StButton:active > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.25); }
+
+.popup-menu .message-content StButton:active > StIcon { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.25); }
+
+.message-body { color: #f5f5f5; }
+
+.message-media-control { padding: 0 8px; margin: 0 6px; border-radius: 999px; color: rgba(158, 169, 228, 0.87); background: transparent; background-size: 32px 32px; }
+
+.message-media-control:hover { color: #9ea9e4; background-image: url("assets/media-control-hover.svg"); background-size: 32px 32px; }
+
+.message-media-control:active { color: #9ea9e4; background-image: url("assets/media-control-active.svg"); background-size: 32px 32px; }
+
+.message-media-control:insensitive { color: rgba(158, 169, 228, 0.28); background-image: none; background: transparent; }
+
+.media-message-cover-icon { icon-size: 48px !important; }
+
+.media-message-cover-icon.fallback { icon-size: 24px !important; padding: 12px; border: none; border-radius: 2.5px; color: rgba(245, 245, 245, 0.54); background-color: rgba(245, 245, 245, 0.12); box-shadow: 0 0 transparent; }
+
+.popup-menu .message .media-message-cover-icon.fallback { color: rgba(245, 245, 245, 0.54); background-color: rgba(245, 245, 245, 0.12); }
+
+.popup-menu .message:hover .media-message-cover-icon.fallback, .popup-menu .message:focus .media-message-cover-icon.fallback, .popup-menu .message:active .media-message-cover-icon.fallback { color: rgba(245, 245, 245, 0.87); background-color: rgba(158, 169, 228, 0.25); }
+
+#appMenu { padding: 0 10px; }
+
+#appMenu StLabel:ltr { padding: 0 10px 1px 3px; }
+
+#appMenu StLabel:rtl { padding: 0 3px 1px 10px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+.app-menu, .app-well-menu { max-width: 28em; }
+
+.aggregate-menu { min-width: 24em; }
+
+.aggregate-menu .popup-menu-icon { padding: 0 6px; -st-icon-style: symbolic; }
+
+.ripple-pointer-location, .ripple-box { border: 0 none transparent; background-color: rgba(121, 134, 203, 0.54); box-shadow: 0 0 transparent; }
+
+.ripple-box { width: 52px; height: 52px; border-radius: 0 0 52px 0; background-image: none; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.ripple-pointer-location { width: 52px; height: 52px; border-radius: 26px; }
+
+.select-area-rubberband, .cycler-highlight { border: 1px solid #3f51b5; background-color: rgba(63, 81, 181, 0.2); box-shadow: 0 0 transparent; }
+
+.select-area-rubberband { border-radius: 0; }
+
+.window-close { width: 2.5em; height: 2.5em; -shell-close-overlap: 1.875em; margin: 0.1em; border-radius: 999px; border: 0 none transparent; background-color: #f44336; color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); transition-duration: 0s; }
+
+.window-close StIcon { icon-size: 16px; }
+
+.window-close:hover { background-color: #f55a4e; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.window-close:active { background-color: #3f51b5; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.pie-timer { width: 58px; height: 58px; -pie-border-width: 3px; -pie-border-color: #7986cb; -pie-background-color: rgba(121, 134, 203, 0.2); }
+
+.nm-dialog { max-height: 34em; min-height: 28em; min-width: 34em; }
+
+.nm-dialog-content { spacing: 20px; padding: 24px; }
+
+.nm-dialog-header-hbox { spacing: 10px; color: rgba(245, 245, 245, 0.54); }
+
+.nm-dialog-header { color: #f5f5f5; font-weight: 700; font-size: 110%; }
+
+.nm-dialog-header-icon { icon-size: 32px; color: #f5f5f5; }
+
+.nm-dialog-airplane-box { spacing: 12px; }
+
+.nm-dialog-airplane-box .button { font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.nm-dialog-airplane-box .button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.nm-dialog-airplane-box .button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; }
+
+.nm-dialog-airplane-box .button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.nm-dialog-airplane-headline { font-weight: 700; text-align: center; }
+
+.nm-dialog-airplane-text { color: #f5f5f5; }
+
+.nm-dialog-scroll-view { padding: 0; border: 1px solid rgba(0, 0, 0, 0.3); background-color: transparent; }
+
+.nm-dialog-item { spacing: 20px; padding: 12px; background-color: transparent; color: #f5f5f5; font-size: 100%; }
+
+.nm-dialog-item:selected { background-color: #3f51b5; color: white; }
+
+.nm-dialog-icons { spacing: 6px; }
+
+.nm-dialog-icon { icon-size: 16px; }
+
+.no-networks-label { color: rgba(245, 245, 245, 0.54); }
+
+.no-networks-box { spacing: 12px; }
+
+#overview { spacing: 24px; }
+
+#overview-controls { padding-bottom: 32px; }
+
+#overview StScrollBar StBin#trough { background-color: rgba(0, 0, 0, 0.12); }
+
+#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle { background-color: rgba(255, 255, 255, 0.2916); }
+
+#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.4698); }
+
+#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active { background-color: white; }
+
+.window-picker { -horizontal-spacing: 16px; -vertical-spacing: 16px; spacing: 8px; padding: 16px; }
+
+.window-picker.external-monitor { padding: 16px; }
+
+.window-clone-border { border: 4px solid rgba(255, 255, 255, 0.12); border-radius: 2.5px 2.5px 0 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
+
+.window-caption { max-width: 75em; padding: 0.6em 1.2em 0.7em; border-radius: 999px; border: 0 none transparent; font-size: 100%; font-weight: 400; text-align: center; }
+
+.search-entry { width: 400px; padding: 0.4em 0.8em; border-radius: 999px; border: 2px solid transparent; background-color: rgba(17, 17, 17, 0.54); box-shadow: 0 0 transparent; font-weight: 400; transition-duration: 0.17s; selection-background-color: #3f51b5; selected-color: white; }
+
+.search-entry, .search-entry StLabel { margin-bottom: 0.1em; color: rgba(245, 245, 245, 0.54); }
+
+.search-entry:hover, .search-entry:focus { caret-color: #f5f5f5; background-color: #111111; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.search-entry:hover, .search-entry:hover StLabel, .search-entry:focus, .search-entry:focus StLabel { color: #f5f5f5; }
+
+.search-entry:focus { border-color: #3f51b5; }
+
+.search-entry .search-entry-icon { icon-size: 16px; color: rgba(245, 245, 245, 0.54); }
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #f5f5f5; }
+
+#searchResultsContent { max-width: 1000px; spacing: 8px; padding: 8px; }
+
+.search-section { spacing: 8px; }
+
+.search-section-content { spacing: 8px; }
+
+.search-section-separator { height: 0; background-color: transparent; }
+
+.search-section-content { padding: 8px; border-radius: 8.5px; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); border: 0 none transparent; text-shadow: none; icon-shadow: none; }
+
+.list-search-results { spacing: 0; background-color: rgba(0, 0, 0, 0.01); }
+
+.list-search-results:ltr { padding-left: 9px; box-shadow: inset 1px 0 rgba(245, 245, 245, 0.2); }
+
+.list-search-results:rtl { padding-right: 9px; box-shadow: inset -1px 0 rgba(245, 245, 245, 0.2); }
+
+.list-search-result { padding: 0; border-radius: 2.5px; transition-duration: 0s; }
+
+.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { transition-duration: 0s; background-color: rgba(245, 245, 245, 0.12); }
+
+.list-search-result:focus .list-search-result-title, .list-search-result:selected .list-search-result-title, .list-search-result:hover .list-search-result-title { color: #f5f5f5; }
+
+.list-search-result:focus .list-search-result-description, .list-search-result:selected .list-search-result-description, .list-search-result:hover .list-search-result-description { color: rgba(245, 245, 245, 0.87); }
+
+.list-search-result:active { transition-duration: 0.17s; background-color: rgba(245, 245, 245, 0.25); }
+
+.list-search-result:active .list-search-result-title { color: #f5f5f5; }
+
+.list-search-result:active .list-search-result-description { color: rgba(245, 245, 245, 0.87); }
+
+.list-search-result:checked { background-color: #3f51b5; transition-duration: 0.17s; }
+
+.list-search-result:checked .list-search-result-title { color: white; }
+
+.list-search-result:checked .list-search-result-description { color: rgba(255, 255, 255, 0.9); }
+
+.list-search-result-content { min-height: 48px; spacing: 8px; padding: 8px; }
+
+.list-search-result-title { font-weight: 700; font-size: 110%; color: rgba(245, 245, 245, 0.87); }
+
+.list-search-result-title StIcon:ltr, .list-search-result-title StLabel:ltr { padding-left: 8px; }
+
+.list-search-result-title StIcon:rtl, .list-search-result-title StLabel:rtl { padding-right: 8px; }
+
+.list-search-result-description { padding: 0; color: rgba(245, 245, 245, 0.54); }
+
+.list-search-provider-content { spacing: 8px; padding: 8px; }
+
+.list-search-provider-details { width: 120px; margin-top: 16px; font-size: 90%; color: rgba(245, 245, 245, 0.54); }
+
+.list-search-provider-details:ltr { margin-left: 8px; }
+
+.list-search-provider-details:rtl { margin-right: 8px; }
+
+.search-provider-icon:hover .list-search-provider-details, .search-provider-icon:focus .list-search-provider-details, .search-provider-icon:active .list-search-provider-details, .search-provider-icon:checked .list-search-provider-details { color: #f5f5f5; }
+
+.search-provider-icon { min-height: 66px; padding: 0 6px; color: rgba(245, 245, 245, 0.54); border: none; transition-duration: 0s; }
+
+.search-provider-icon:ltr { border-radius: 2.5px 999px 999px 2.5px; }
+
+.search-provider-icon:rtl { border-radius: 999px 2.5px 2.5px 999px; }
+
+.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover { background-color: rgba(245, 245, 245, 0.12); transition-duration: 0s; }
+
+.search-provider-icon:active { background-color: rgba(245, 245, 245, 0.25); transition-duration: 0.17s; }
+
+.search-provider-icon:checked { background-color: #3f51b5; color: white; transition-duration: 0.17s; }
+
+#dash { padding: 0; border: none; border-radius: 0; background-color: transparent; box-shadow: 0 0 transparent; font-size: 90%; transition-duration: 0.27s; }
+
+#dash .placeholder { width: 24px; height: 24px; background-image: url("assets/dash-placeholder.svg"); background-size: 24px 24px; }
+
+#dash .empty-dash-drop-target { width: 24px; height: 24px; }
+
+.dash-item-container { background: transparent; }
+
+.dash-item-container > StWidget { padding: 0; }
+
+.dash-label { padding: 7px 8px 8px; border-radius: 2.5px; border: 0 none transparent; text-align: center; -x-offset: 8px; }
+
+.window-caption, .dash-label { color: #f5f5f5; background-color: rgba(66, 66, 66, 0.93); box-shadow: 0 0 transparent; }
+
+.icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; }
+
+.icon-grid .overview-icon { icon-size: 96px; }
+
+.system-action-icon { icon-size: 48px; border-radius: 999px; background-color: rgba(8, 8, 8, 0.93); color: #f5f5f5; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.app-view-controls { width: 400px; margin-bottom: 12px; border-radius: 999px; background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: 0 0 transparent; }
+
+.app-view-control { padding: 7px 32px 8px; border-radius: 999px; color: rgba(255, 255, 255, 0.87); background-color: rgba(0, 0, 0, 0.01) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); font-weight: 500; }
+
+.app-view-control:ltr:first-child { margin-right: 6px; }
+
+.app-view-control:ltr:last-child { margin-left: 6px; }
+
+.app-view-control:rtl:first-child { margin-left: 6px; }
+
+.app-view-control:rtl:last-child { margin-right: 6px; }
+
+.app-view-control:hover { color: white; background-color: rgba(255, 255, 255, 0.12) !important; box-shadow: 0 0 transparent; }
+
+.app-view-control:active { color: white; background-color: rgba(255, 255, 255, 0.25) !important; box-shadow: 0 0 transparent; }
+
+.app-view-control:checked { color: white; background-color: #3f51b5 !important; box-shadow: 0 0 transparent; }
+
+.app-view-control:hover:checked { color: white; background-color: #5868bf !important; box-shadow: 0 0 transparent; }
+
+.app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { padding: 9px; border: none; border-radius: 2.5px; color: rgba(255, 255, 255, 0.87); box-shadow: 0 0 transparent; font-weight: 700; text-align: center; transition-duration: 0s; }
+
+.app-well-app .overview-icon.overview-icon-with-label, .app-well-app.app-folder .overview-icon.overview-icon-with-label, .show-apps .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 9px; spacing: 9px; }
+
+.app-well-app:focus .overview-icon, .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:selected .overview-icon, .show-apps:focus .overview-icon, .show-apps:hover .overview-icon, .show-apps:selected .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:selected .overview-icon { border-image: none; background-color: rgba(255, 255, 255, 0.12); background-image: none; color: white; box-shadow: 0 0 transparent; transition-duration: 0.07s; }
+
+.app-well-app:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon, .show-apps:drop .overview-icon, .grid-search-result:drop .overview-icon { border: none; background-color: rgba(63, 81, 181, 0.2); box-shadow: inset 0 0 0 1px #3f51b5; }
+
+.app-well-app:active .overview-icon, .app-well-app.app-folder:active .overview-icon, .show-apps:active .overview-icon, .grid-search-result:active .overview-icon { border-image: none; background-color: rgba(255, 255, 255, 0.25); background-image: none; color: white; box-shadow: 0 0 transparent; transition-duration: 0.17s; }
+
+.app-well-app:checked .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; transition-duration: 0s; }
+
+.app-well-app:checked:hover .overview-icon, .app-well-app.app-folder:checked:hover .overview-icon, .show-apps:checked:hover .overview-icon, .grid-search-result:checked:hover .overview-icon { background-color: #5666be; transition-duration: 0.07s; }
+
+#dash .app-well-app .overview-icon, #dash .show-apps .overview-icon { border-radius: 999px; }
+
+#panel .app-well-app .overview-icon, #panel .show-apps .overview-icon { border-radius: 0; }
+
+.app-well-app-running-dot { width: 96px; height: 4px; border-radius: 0; background-color: #3f51b5; }
+
+.dash-item-container .app-well-app-running-dot { width: 8px; height: 8px; margin-bottom: 2px; border-radius: 999px; }
+
+.app-folder-icon { padding: 7px; spacing-rows: 7px; spacing-columns: 7px; }
+
+.app-well-app.app-folder > .overview-icon { background-color: rgba(255, 255, 255, 0.12); box-shadow: 0 0 transparent; }
+
+.app-well-app.app-folder:hover > .overview-icon, .app-well-app.app-folder:focus > .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: 0 0 transparent; }
+
+.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:active:hover > .overview-icon { border-radius: 2.5px; background-color: rgba(255, 255, 255, 0.25); box-shadow: 0 0 transparent; }
+
+.app-well-app.app-folder:checked > .overview-icon, .app-well-app.app-folder:checked:hover > .overview-icon { border-radius: 2.5px; background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; }
+
+.app-folder-dialog { spacing: 16px; padding-bottom: 8.5px; border-radius: 8.5px; border: 0 none transparent; background-color: rgba(8, 8, 8, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+.app-folder-dialog-container { width: 800px; height: 600px; padding: 12px; }
+
+.app-folder-dialog-container .app-well-app .overview-icon { color: rgba(245, 245, 245, 0.87); }
+
+.app-folder-dialog-container .app-well-app:focus .overview-icon, .app-folder-dialog-container .app-well-app:hover .overview-icon, .app-folder-dialog-container .app-well-app:selected .overview-icon { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.app-folder-dialog-container .app-well-app:active .overview-icon { background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; }
+
+.app-folder-dialog .folder-name-container { padding: 24px; spacing: 10px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { font-weight: 700; font-size: 120%; }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 0.75em 0.8em; color: #f5f5f5; }
+
+.app-folder-dialog .edit-folder-button { width: 36px; height: 36px; padding: 0; border-radius: 999px; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.app-folder-dialog .edit-folder-button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.app-folder-dialog .edit-folder-button:focus { border: none; color: #9ea9e4; box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.2); }
+
+.app-folder-dialog .edit-folder-button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.app-folder-dialog .edit-folder-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.app-folder-dialog .edit-folder-button > StIcon { icon-size: 16px; }
+
+.page-indicator { padding: 16px 24px; }
+
+.page-indicator .page-indicator-icon { width: 14px; height: 14px; border-radius: 999px; background-color: white; }
+
+.page-indicator:insensitive .page-indicator-icon { background-color: red; }
+
+.workspace-thumbnails, .workspace-thumbnails-left { visible-width: 56px; spacing: 12px; margin-top: 16px; margin-bottom: 32px; padding: 12px; border: none; background-color: #1d1d1d; color: #f5f5f5; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+.workspace-thumbnails StBin.placeholder, .workspace-thumbnails-left StBin.placeholder { height: 4px; background-color: #7986cb; }
+
+.workspace-thumbnail-indicator { border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); }
+
+.workspace-thumbnail-indicator:ltr { padding: 0 0 0 12px; box-shadow: inset 4px 0 #3f51b5; }
+
+.workspace-thumbnail-indicator:rtl { padding: 0 12px 0 0; box-shadow: inset -4px 0 #3f51b5; }
+
+.workspace-thumbnails, .workspace-thumbnails-left:rtl { border-radius: 8.5px 0 0 8.5px; margin-left: 24px; }
+
+.workspace-thumbnails:rtl, .workspace-thumbnails-left { border-radius: 0 8.5px 8.5px 0; margin-right: 24px; }
+
+.workspace-thumbnails:rtl .workspace-thumbnail-indicator, .workspace-thumbnails-left .workspace-thumbnail-indicator { padding: 0 12px 0 0; box-shadow: inset -4px 0 #3f51b5; }
+
+.all-apps, .frequent-apps > StBoxLayout { padding: 0 88px 10px 88px; }
+
+.search-statustext, .no-frequent-applications-label { color: rgba(255, 255, 255, 0.54); font-weight: 700; font-size: 200%; }
+
+.url-highlighter { link-color: #52b2ff; }
+
+.notification-banner .url-highlighter { link-color: #52b2ff; }
+
+.notification-banner { min-height: 32px; width: 34em; margin: 6px; border: none; border-radius: 8.5px; font-size: 110%; }
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus { background-color: rgba(66, 66, 66, 0.93); color: #f5f5f5; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.notification-banner .notification-icon { padding: 8px; }
+
+.notification-banner .notification-content { padding: 8px; spacing: 8px; }
+
+.notification-banner .notification-actions { padding: 0; spacing: 0; border: transparent; background-color: transparent; }
+
+.notification-banner .secondary-icon { icon-size: 16px; }
+
+.notification-banner .notification-button { min-height: 1em; padding: 9px 4px 10px; }
+
+.summary-source-counter { width: 1.6em; height: 1.6em; border-radius: 0.9em; border: 2px solid white; font-weight: 700; font-size: 100%; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #673ab7; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.secondary-icon { icon-size: 14px; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: rgba(245, 245, 245, 0.87); }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received:ltr { padding-left: 4px; }
+
+.chat-received:rtl { padding-right: 4px; }
+
+.chat-sent { color: rgba(245, 245, 245, 0.87); }
+
+.chat-sent:ltr { padding-left: 18pt; }
+
+.chat-sent:rtl { padding-right: 18pt; }
+
+.chat-meta-message { color: rgba(245, 245, 245, 0.28); font-weight: 700; font-size: 90%; }
+
+.chat-meta-message:ltr { padding-left: 4px; }
+
+.chat-meta-message:rtl { padding-right: 4px; }
+
+.hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; }
+
+.hotplug-notification-item { padding: 2px 10px; }
+
+.hotplug-notification-item-icon { padding: 2px 5px; icon-size: 24px; }
+
+.hotplug-resident-box { spacing: 8px; }
+
+.hotplug-resident-mount { spacing: 8px; border-radius: 2.5px; }
+
+.hotplug-resident-mount:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.hotplug-resident-mount:active { background-color: rgba(245, 245, 245, 0.25); }
+
+.hotplug-resident-mount-label { padding-left: 6px; color: rgba(245, 245, 245, 0.87); }
+
+.hotplug-resident-mount-icon { padding-left: 6px; icon-size: 24px; }
+
+.hotplug-resident-eject-icon { icon-size: 16px; }
+
+.hotplug-resident-eject-button { padding: 7px; border-radius: 2.5px; color: #f5f5f5; }
+
+.magnifier-zoom-region { border: 2px solid #3f51b5; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+#keyboard { background-color: rgba(0, 0, 0, 0.54); }
+
+#keyboard .page-indicator { padding: 0 8px 16px; }
+
+#keyboard .page-indicator .page-indicator-icon { box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.54); }
+
+#keyboard .page-indicator:hover .page-indicator-icon { box-shadow: inset 0 0 0 2px #f5f5f5; }
+
+#keyboard .page-indicator:active .page-indicator-icon, #keyboard .page-indicator:checked .page-indicator-icon { box-shadow: 0 0 transparent; }
+
+.key-container { padding: 3.999px; spacing: 3.999px; }
+
+.keyboard-layout { spacing: 3.999px; padding: 3.999px; }
+
+.keyboard-row { spacing: 3.999px; }
+
+.keyboard-key { min-height: 26.66px; min-width: 26.66px; padding: 0; border-radius: 2.5px; border: 1px solid rgba(36, 36, 36, 0.9805); background-color: #080808; color: rgba(245, 245, 245, 0.87); box-shadow: 0 0 transparent; text-shadow: none; icon-shadow: none; font-size: 26.66px; font-weight: 700; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key:focus, .keyboard-key:hover, .keyboard-key:checked { border-color: #272727; background-color: #272727; color: #f5f5f5; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key:active { border-color: #434343; background-color: #434343; color: #f5f5f5; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
+
+.keyboard-key:grayed { border-color: rgba(16, 16, 16, 0.99454); background-color: black; color: rgba(245, 245, 245, 0.54); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key.default-key { background-color: #060606; color: rgba(245, 245, 245, 0.87); }
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { border-color: #252525; background-color: #252525; color: #f5f5f5; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key.default-key:active { border-color: #424242; background-color: #424242; color: #f5f5f5; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
+
+.keyboard-key.enter-key { border-color: #673ab7; background-color: #673ab7; color: rgba(255, 255, 255, 0.9); }
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked { border-color: #7b54c0; background-color: #7b54c0; color: white; }
+
+.keyboard-key.enter-key:active { border-color: #3f51b5; background-color: #3f51b5; color: white; }
+
+.keyboard-key.shift-key-lowercase { color: rgba(245, 245, 245, 0.87); }
+
+.keyboard-key.shift-key-uppercase { color: #3f51b5; }
+
+.keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked { border-color: #0d101d; background-color: #0d101d; }
+
+.keyboard-key.shift-key-uppercase:active { border-color: #141932; background-color: #141932; }
+
+.keyboard-key.shift-key-uppercase:latched { color: #3f51b5; border-color: #0d101d; background-color: #0d101d; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+
+.keyboard-key.shift-key-uppercase:latched:focus, .keyboard-key.shift-key-uppercase:latched:hover { border-color: #141932; background-color: #141932; }
+
+.keyboard-key StIcon { icon-size: 26.66px; }
+
+.keyboard-subkeys { padding: 0; border-radius: 2.5px; -arrow-border-radius: 0; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 3.999px; background-color: #673ab7; color: white; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+.keyboard-subkeys .keyboard-key { border: 0 none transparent; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
+
+.keyboard-subkeys .keyboard-key:focus, .keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: white; box-shadow: 0 0 transparent; }
+
+.keyboard-subkeys .keyboard-key:active { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.25); color: white; box-shadow: 0 0 transparent; }
+
+.word-suggestions { min-height: 1.6em; spacing: 17.329px; padding: 3.999px 0 0; font-weight: 500; font-size: 130%; }
+
+.word-suggestions StButton { padding: 0 17.329px; border-radius: 999px; background-color: #673ab7; color: rgba(255, 255, 255, 0.9); }
+
+.word-suggestions StButton:hover, .word-suggestions StButton:focus { background-color: #7952c0; color: white; }
+
+.word-suggestions StButton:active { background-color: #3f51b5; color: white; }
+
+.emoji-panel .keyboard-key { color: rgba(255, 255, 255, 0.87); }
+
+.emoji-panel .keyboard-key:focus, .emoji-panel .keyboard-key:hover, .emoji-panel .keyboard-key:active, .emoji-panel .keyboard-key:checked { color: white; }
+
+.emoji-panel .keyboard-key.default-key { color: rgba(245, 245, 245, 0.87); }
+
+.emoji-panel .keyboard-key.default-key:focus, .emoji-panel .keyboard-key.default-key:hover, .emoji-panel .keyboard-key.default-key:active, .emoji-panel .keyboard-key.default-key:checked { color: #f5f5f5; }
+
+.emoji-panel .keyboard-key:latched { border-color: #3f51b5; background-color: #3f51b5; }
+
+.emoji-panel .keyboard-key:latched:hover { border-color: #5666be; background-color: #5666be; }
+
+.emoji-panel .keyboard-key:latched:active { border-color: #6f7dc8; background-color: #6f7dc8; }
+
+.emoji-page .keyboard-key { border: 0 none transparent; background-color: transparent; color: rgba(255, 255, 255, 0.87); }
+
+.emoji-page .keyboard-key:focus, .emoji-page .keyboard-key:hover { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: white; }
+
+.emoji-page .keyboard-key:active { border: 0 none transparent; background-color: rgba(255, 255, 255, 0.25); color: white; }
+
+.candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: rgba(245, 245, 245, 0.54); }
+
+.candidate-index { color: rgba(245, 245, 245, 0.87); }
+
+.candidate-index:ltr { padding: 0.3em 0.5em 0.3em 0; }
+
+.candidate-index:rtl { padding: 0.3em 0 0.3em 0.5em; }
+
+.candidate-box { padding: 0.3em 0.5em; border-radius: 2.5px; color: rgba(245, 245, 245, 0.87); font-size: 110%; transition-duration: 0s; }
+
+.candidate-box:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.candidate-box:hover .candidate-index { color: #f5f5f5; }
+
+.candidate-box:active { background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; }
+
+.candidate-box:active .candidate-index { color: #f5f5f5; }
+
+.candidate-box:selected { background-color: #673ab7; color: white; }
+
+.candidate-box:selected .candidate-index { color: rgba(255, 255, 255, 0.9); }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 0.5em; }
+
+.horizontal .candidate-page-button-box { padding-left: 0.5em; }
+
+.candidate-page-button { padding: 4px; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.candidate-page-button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.candidate-page-button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.candidate-page-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.candidate-page-button-previous { border-radius: 2.5px; border-right-width: 0; }
+
+.candidate-page-button-next { border-radius: 2.5px; }
+
+.candidate-page-button-icon { icon-size: 16px; }
+
+.user-icon { background-size: contain; border: 0 none transparent; color: #f5f5f5; }
+
+.user-icon:hover { border-color: #f5f5f5; color: #f5f5f5; }
+
+.user-icon { border-radius: 999px; }
+
+.login-dialog { border: none; background-color: transparent; }
+
+.login-dialog-banner-view { max-width: 23em; padding-top: 24px; }
+
+.login-dialog StEntry { background-color: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.87); caret-color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); selection-background-color: #3f51b5; selected-color: white; transition-duration: 0s; }
+
+.login-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.12); color: white; box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.12); color: white; caret-color: white; box-shadow: inset 0 -2px #3f51b5; }
+
+.login-dialog StEntry:insensitive { background-color: rgba(255, 255, 255, 0.0168); color: rgba(255, 255, 255, 0.28); box-shadow: 0 0 transparent; }
+
+.login-dialog StEntry StIcon.capslock-warning { color: #ff9800; }
+
+.login-dialog StEntry .hint-text { color: rgba(255, 255, 255, 0.54); }
+
+.login-dialog .modal-dialog-button-box { spacing: 1em; }
+
+.login-dialog .modal-dialog-button { padding: 7px 16px 8px; font-weight: 500; font-size: 110%; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.login-dialog .modal-dialog-button:hover { border: none; background-color: rgba(255, 255, 255, 0.12); color: white; }
+
+.login-dialog .modal-dialog-button:focus { border: none; color: white; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
+
+.login-dialog .modal-dialog-button:active { border: none; background-color: rgba(255, 255, 255, 0.25); color: white; box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(255, 255, 255, 0.28); box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default { padding: 5px 14px 6px; border: 2px solid transparent; background-color: #673ab7; color: rgba(255, 255, 255, 0.87); box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default:hover { border: 2px solid transparent; background-color: #7952c0; color: white; box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default:focus { border: 2px solid rgba(255, 255, 255, 0.2); color: white; box-shadow: 0 0 transparent; transition-duration: 0.17s; }
+
+.login-dialog .modal-dialog-button:default:active { border: 2px solid transparent; background-color: #3f51b5; color: white; box-shadow: 0 0 transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive { padding: 7px 16px 8px; border: 0 none transparent; background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.28); box-shadow: 0 0 transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button { width: 32px; height: 32px; padding: 0; border-radius: 999px; }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .login-dialog-session-list-button:active, .login-dialog .login-dialog-session-list-button:checked { background-color: #3f51b5; color: white; }
+
+.user-widget.horizontal .user-widget-label { font-weight: 700; font-size: 120%; text-align: left; }
+
+.user-widget.vertical .user-widget-label { font-weight: 500; font-size: 150%; text-align: center; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 1em; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 1em; }
+
+.user-widget-label { color: white; }
+
+.user-widget.vertical .user-widget-label { padding-top: 12px; }
+
+.user-widget.horizontal .user-icon { icon-size: 64px; }
+
+.user-widget.horizontal .user-icon StIcon { width: 44px; height: 44px; padding: 9px 10px 11px 10px; }
+
+.user-widget.vertical .user-icon { icon-size: 128px; }
+
+.user-widget.vertical .user-icon StIcon { width: 88px; height: 88px; padding: 18px 20px 22px 20px; }
+
+.login-dialog-logo-bin { padding: 24px 0; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.87); }
+
+.login-dialog-button-box { width: 23em; spacing: 1em; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-message-warning { color: #ff9800; }
+
+.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; color: rgba(255, 255, 255, 0.54); }
+
+.login-dialog-user-selection-box { padding: 100px 0; }
+
+.login-dialog-not-listed-button { margin: 12px 0 0; }
+
+.login-dialog-not-listed-button:ltr { margin-right: 4px; }
+
+.login-dialog-not-listed-button:rtl { margin-left: 4px; }
+
+.login-dialog-not-listed-label { padding: 4px 8px 5px; border-radius: 2.5px; color: #9ea9e4; font-weight: 500; font-size: 90%; text-align: center; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label { color: #9ea9e4; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.25); }
+
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.12); }
+
+.login-dialog-not-listed-button:active .login-dialog-not-listed-label { color: #9ea9e4; background-color: rgba(158, 169, 228, 0.25); box-shadow: 0 0 transparent; }
+
+.login-dialog-user-list { width: 23em; spacing: 12px; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(63, 81, 181, 0.2); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover:focus { background-color: rgba(63, 81, 181, 0.12); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:active, .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:active:focus { background-color: rgba(63, 81, 181, 0.25); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-radius: 0; background-color: rgba(63, 81, 181, 0.25); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:focus, .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:hover { background-color: rgba(141, 152, 211, 0.1574); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:active { background-color: rgba(148, 158, 214, 0.1925); }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:ltr { box-shadow: inset 4px 0 #3f51b5; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in:rtl { box-shadow: inset -4px 0 #3f51b5; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 0; }
+
+.login-dialog-user-list-item { padding: 4px 4px 0; border-radius: 2.5px; transition-duration: 0.07s; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-username, .login-dialog-user-list-item .user-widget-label { color: rgba(255, 255, 255, 0.87); }
+
+.login-dialog-user-list-item:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
+
+.login-dialog-user-list-item:hover { background-color: rgba(255, 255, 255, 0.12); }
+
+.login-dialog-user-list-item:active { background-color: rgba(255, 255, 255, 0.25); }
+
+.login-dialog-user-list-item:selected, .login-dialog-user-list-item:selected:focus { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 2px rgba(63, 81, 181, 0.2); }
+
+.login-dialog-user-list-item:selected:hover, .login-dialog-user-list-item:selected:hover:focus { background-color: rgba(63, 81, 181, 0.12); }
+
+.login-dialog-user-list-item:selected:active, .login-dialog-user-list-item:selected:active:focus { background-color: rgba(63, 81, 181, 0.25); }
+
+.login-dialog-user-list-item:focus .login-dialog-username, .login-dialog-user-list-item:focus .user-widget-label, .login-dialog-user-list-item:hover .login-dialog-username, .login-dialog-user-list-item:hover .user-widget-label, .login-dialog-user-list-item:active .login-dialog-username, .login-dialog-user-list-item:active .user-widget-label { color: white; }
+
+.login-dialog-user-list-item:selected .login-dialog-username, .login-dialog-user-list-item:selected .user-widget-label, .login-dialog-user-list-item:selected:focus .login-dialog-username, .login-dialog-user-list-item:selected:focus .user-widget-label { color: #8796ed; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 4px; margin: 4px 0 0 0; background-color: rgba(121, 134, 203, 0.87); }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #7986cb; }
+
+.login-dialog-prompt-layout { width: 23em; spacing: 1em; padding-top: 24px; padding-bottom: 12px; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { padding-top: 1em; color: rgba(255, 255, 255, 0.54); font-size: 100%; }
+
+.unlock-dialog-clock { padding-bottom: 1.5em; color: white; text-align: center; }
+
+.unlock-dialog-clock-time { font-weight: 300; font-size: 840%; }
+
+.unlock-dialog-clock-date { font-weight: 700; font-size: 130%; }
+
+.unlock-dialog-notifications-container { spacing: 6px; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; border-radius: 8.5px; background-color: rgba(66, 66, 66, 0.93); color: #f5f5f5; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(255, 255, 255, 0.2916); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#hhandle:hover { background-color: rgba(255, 255, 255, 0.4698); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: white; }
+
+.unlock-dialog-clock { spacing: 24px; }
+
+.unlock-dialog-clock-time { padding-top: 0.5em; }
+
+.unlock-dialog-clock-hint { padding-top: 48px; font-weight: 400; }
+
+.unlock-dialog-notifications-container { width: 23em; margin: 12px 0; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: #f44336; color: white; }
+
+.unlock-dialog-notifications-container .notification.critical .unlock-dialog-notification-count-text, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical .unlock-dialog-notification-count-text { background-color: white; color: #f44336; }
+
+.unlock-dialog-notifications-label { padding: 0 0 0 12px; font-weight: 500; }
+
+.unlock-dialog-notifications-count-text { padding: 0 6px; border-radius: 2.5px; background-color: #673ab7; color: white; font-weight: 700; }
+
+#lockDialogGroup { background-color: #1d1d1d; }
+
+#LookingGlassDialog { spacing: 4px; padding: 8px; border: none; border-radius: 8.5px; background-color: rgba(8, 8, 8, 0.93); color: #f5f5f5; box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
+
+#LookingGlassDialog.lg-dialog { padding: 0 0 8.5px; border-radius: 0 0 8.5px 8.5px; }
+
+#LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -1px #1b1b1b; }
+
+#LookingGlassDialog > #Toolbar > StIcon { padding: 5px 4px 3px; }
+
+#LookingGlassDialog .labels { spacing: 0; }
+
+#LookingGlassDialog .notebook-tab { min-height: 32px; padding: 0 16px; border-bottom-width: 0; color: rgba(245, 245, 245, 0.54); font-weight: 700; font-size: 90%; transition-duration: 0.17s; }
+
+#LookingGlassDialog .notebook-tab:hover { border-bottom-width: 0; border-color: transparent; background-color: rgba(0, 0, 0, 0.01); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); text-shadow: none; transition-duration: 0.17s; }
+
+#LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; background-color: rgba(0, 0, 0, 0.01); color: #8796ed; box-shadow: inset 0 -2px #3f51b5; text-shadow: none; transition-duration: 0.17s; }
+
+#LookingGlassDialog .notebook-tab StLabel { padding-bottom: 0.1em; }
+
+#LookingGlassDialog StBoxLayout#EvalBox, #LookingGlassDialog StBoxLayout#ResultsArea { padding: 8px; spacing: 4px; }
+
+.lg-dialog StEntry { selection-background-color: #3f51b5; selected-color: white; background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.lg-dialog StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.lg-dialog StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.lg-dialog StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.lg-dialog .shell-link { color: rgba(82, 178, 255, 0.87); }
+
+.lg-dialog .shell-link:hover, .lg-dialog .shell-link:active { color: #52b2ff; }
+
+.lg-completions-text { color: rgba(245, 245, 245, 0.87); font-style: italic; font-size: 90%; }
+
+.lg-obj-inspector-title { spacing: 4px; }
+
+.lg-obj-inspector-button { height: calc(2.5em - 1px - (1px * 2)); padding: 0 16px 1px; border-radius: 2.5px; font-weight: 500; border: 1px solid #333333; background-color: #111111; color: rgba(245, 245, 245, 0.87); }
+
+.lg-obj-inspector-button:hover { border-color: #2c2c2c; background-color: #2c2c2c; color: #f5f5f5; }
+
+.lg-obj-inspector-button:focus { border: 1px solid #333333; background-color: #111111; color: #f5f5f5; box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.lg-obj-inspector-button:active { border-color: #4a4a4a; background-color: #4a4a4a; color: #f5f5f5; }
+
+.lg-obj-inspector-button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+#lookingGlassExtensions { padding: 8px; }
+
+.lg-extensions-list { padding: 4px; spacing: 6px; }
+
+.lg-extension { padding: 4px; border: none; border-radius: 2.5px; background-color: transparent; }
+
+.lg-extension-name { padding-bottom: 3px 0; color: #f5f5f5; font-weight: 700; font-size: 130%; }
+
+.lg-extension-description { color: rgba(245, 245, 245, 0.87); font-weight: 400; font-size: 90%; }
+
+.lg-extension-description:ltr { padding: 6px 0 6px 12px; }
+
+.lg-extension-description:rtl { padding: 6px 12px 6px 6px; }
+
+.lg-extension-meta { spacing: 6px; font-size: 100%; }
+
+.lg-extension-meta:ltr { padding: 6px 0 6px 12px; }
+
+.lg-extension-meta:rtl { padding: 6px 12px 6px 6px; }
+
+StBoxLayout#Windows:ltr { padding: 15px 0 12px 18px; }
+
+StBoxLayout#Windows:rtl { padding: 15px 18px 12px 0; }
+
+#LookingGlassPropertyInspector { padding: 6px; border: 1px solid #1b1b1b; border-radius: 0; background-color: #080808; color: #f5f5f5; box-shadow: 0 0 transparent; }
+
+.masterslider.smaller .masterlabel, .masterslider.smaller .slider { min-width: 14.2em; }
+
+.popup-menu StScrollView.apps-menu { margin: 0 4px; border-style: solid; border-color: rgba(0, 0, 0, 0.3); }
+
+.popup-menu StScrollView.apps-menu:ltr { padding: 0 0 0 12px; border-left-width: 1px; }
+
+.popup-menu StScrollView.apps-menu:rtl { padding: 0 12px 0 0; border-right-width: 1px; }
+
+.openweather-provider { padding: 0 16px; font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.openweather-provider:hover { border: none; background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; }
+
+.openweather-provider:focus { border: none; color: #f5f5f5; box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.2); }
+
+.openweather-provider:active { border: none; background-color: rgba(245, 245, 245, 0.25); color: #f5f5f5; box-shadow: 0 0 transparent; }
+
+.openweather-provider:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { background: none; color: #f5f5f5; }
+
+.openweather-current-databox-values { background: none; color: rgba(245, 245, 245, 0.54); }
+
+.openweather-current-databox-captions { background: none; color: rgba(245, 245, 245, 0.54); }
+
+.openweather-forecast-icon, .openweather-forecast-summary { background: none; color: rgba(245, 245, 245, 0.87); }
+
+.openweather-forecast-day, .openweather-forecast-temperature { background: none; color: rgba(245, 245, 245, 0.54); }
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { color: rgba(245, 245, 245, 0.87); }
+
+#dashtodockContainer { background: transparent; }
+
+#dashtodockContainer #dash, #dashtodockContainer:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { padding: 0; border: none; transition-duration: 0.27s; }
+
+#dashtodockContainer.top #dash, #dashtodockContainer.top:overview #dash { border-radius: 0 0 2.5px 2.5px; }
+
+#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer.bottom #dash, #dashtodockContainer.bottom:overview #dash { border-radius: 2.5px 2.5px 0 0; }
+
+#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer.left #dash, #dashtodockContainer.left:overview #dash { border-radius: 0 2.5px 2.5px 0; }
+
+#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer.right #dash, #dashtodockContainer.right:overview #dash { border-radius: 2.5px 0 0 2.5px; }
+
+#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { border-radius: 0; }
+
+#dashtodockContainer #dash { background-color: black; box-shadow: 0 0 transparent; }
+
+#dashtodockContainer.opaque #dash { background-color: black; box-shadow: inset 0 0 0 9999px black; }
+
+#dashtodockContainer.transparent #dash { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.34); }
+
+#dashtodockContainer:overview #dash { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { background-color: transparent !important; box-shadow: none !important; }
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .show-apps .overview-icon { padding: 9px; background-size: contain; }
+
+#dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon { background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .show-apps:active .overview-icon { background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer .app-well-app:checked:hover .overview-icon, #dashtodockContainer .show-apps:checked:hover .overview-icon { background-color: #5666be; }
+
+#dashtodockContainer .dash-item-container { background: transparent; }
+
+#dashtodockContainer .dash-item-container > StWidget { background-size: contain; }
+
+#dashtodockContainer .dash-item-container .app-well-app-running-dot { width: 6px; height: 3px; margin-bottom: 0; border-radius: 0; background-color: #8796ed; }
+
+#dashtodockContainer .dash-item-container > StWidget.focused .app-well-app-running-dot { width: 34px; background-color: #3f51b5; }
+
+#dashtodockContainer .number-overlay, #dashtodockContainer .notification-badge { min-width: 1.6em; min-height: 1.6em; margin: 0; padding: 0; border-radius: 999px; font-weight: 700; text-align: center; box-shadow: 0 2.5px 4.5px rgba(0, 0, 0, 0.34); }
+
+#dashtodockContainer .number-overlay { background-color: #080808; color: #f5f5f5; }
+
+#dashtodockContainer .notification-badge { background-color: #673ab7; color: white; }
+
+#dashtodockContainer.top .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.top .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.top .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.top .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer.bottom .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.bottom .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.bottom .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.bottom .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer.left .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.left .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.left .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.left .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#dashtodockContainer.right .dash-item-container > .app-well-app.focused .overview-icon, #dashtodockContainer.extended.right .dash-item-container > .app-well-app.focused .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.12); }
+
+#dashtodockContainer.right .dash-item-container > .app-well-app.focused:hover .overview-icon, #dashtodockContainer.extended.right .dash-item-container > .app-well-app.focused:hover .overview-icon { border-radius: 0; background-color: rgba(245, 245, 245, 0.25); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop { background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:hover, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:hover, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:hover, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:hover { box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:active, #panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:focus, #panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:checked, #panel.dashtopanelMainPanel.dashtopanelTop #panelLeft:overview, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:active, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:focus, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:checked, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter:overview, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:active, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:focus, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:checked, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner:overview, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:active, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:focus, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:checked, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button:overview { box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #panelLeft StLabel, #panel.dashtopanelMainPanel.dashtopanelTop #panelCenter StLabel, #panel.dashtopanelMainPanel.dashtopanelTop .panel-corner StLabel, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button StLabel { padding-bottom: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:hover, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:active, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:focus, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:checked, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:overview { box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:hover .clock { box-shadow: inset 0 2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:active .clock, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:focus .clock, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:checked .clock, #panel.dashtopanelMainPanel.dashtopanelTop .panel-button.clock-display:overview .clock { box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .app-well-app:checked .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelTop .show-apps:checked .overview-icon { border-radius: 0; background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview { padding: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app:focus .dtp-container, #panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app:hover .dtp-container { background-color: rgba(245, 245, 245, 0.12); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.04); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app:active .dtp-container { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.1); }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app .app-well-app-running-dot { background-color: #8796ed; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop #dashtopanelScrollview .app-well-app.focused .app-well-app-running-dot { background-color: #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:focus, #panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:hover { background-color: rgba(245, 245, 245, 0.12); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:active { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelTop StButton.show-apps:checked:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom { background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:hover, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:hover, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:hover, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:hover { box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:active, #panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:focus, #panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:checked, #panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft:overview, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:active, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:focus, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:checked, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter:overview, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:active, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:focus, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:checked, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner:overview, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:active, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:focus, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:checked, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button:overview { box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #panelLeft StLabel, #panel.dashtopanelMainPanel.dashtopanelBottom #panelCenter StLabel, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-corner StLabel, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button StLabel { padding-bottom: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:hover, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:active, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:focus, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:checked, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:overview { box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:hover .clock { box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:active .clock, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:focus .clock, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:checked .clock, #panel.dashtopanelMainPanel.dashtopanelBottom .panel-button.clock-display:overview .clock { box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .app-well-app:checked .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:focus .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:hover .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:active .overview-icon, #panel.dashtopanelMainPanel.dashtopanelBottom .show-apps:checked .overview-icon { border-radius: 0; background-color: rgba(0, 0, 0, 0.01); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview { padding: 0; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app:focus .dtp-container, #panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app:hover .dtp-container { background-color: rgba(245, 245, 245, 0.12); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.04); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app:active .dtp-container { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 0 0 999px rgba(245, 245, 245, 0.1); }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app .app-well-app-running-dot { background-color: #8796ed; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom #dashtopanelScrollview .app-well-app.focused .app-well-app-running-dot { background-color: #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:focus, #panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:hover { background-color: rgba(245, 245, 245, 0.12); box-shadow: 0 0 transparent; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:active { background-color: rgba(245, 245, 245, 0.25); box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px #3f51b5; }
+
+#panel.dashtopanelMainPanel.dashtopanelBottom StButton.show-apps:checked:hover { background-color: rgba(245, 245, 245, 0.12); }
+
+.rename-popup { padding: 10px 6px 6px; background-color: rgba(8, 8, 8, 0.93); color: rgba(245, 245, 245, 0.87); }
+
+.rename-popup StEntry { margin: 0 4px; background-color: rgba(245, 245, 245, 0.06); color: rgba(245, 245, 245, 0.87); caret-color: rgba(245, 245, 245, 0.87); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.rename-popup StEntry:hover { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); }
+
+.rename-popup StEntry:focus { background-color: rgba(245, 245, 245, 0.12); color: #f5f5f5; caret-color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; }
+
+.rename-popup StEntry:insensitive { background-color: rgba(245, 245, 245, 0.0168); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
+
+.rename-popup .button { padding: 7px 16px 8px; border-radius: 2.5px; border: none; font-weight: 500; border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(158, 169, 228, 0.87); box-shadow: inset 0 0 0 2px transparent; }
+
+.rename-popup .button:hover { border: none; background-color: rgba(158, 169, 228, 0.12); color: #9ea9e4; }
+
+.rename-popup .button:focus { border: none; color: #9ea9e4; box-shadow: inset 0 0 0 2px rgba(158, 169, 228, 0.2); }
+
+.rename-popup .button:active { border: none; background-color: rgba(158, 169, 228, 0.25); color: #9ea9e4; box-shadow: 0 0 transparent; }
+
+.rename-popup .button:insensitive { border: none; background-color: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.28); box-shadow: 0 0 transparent; }
diff --git a/themes/Plata-Noir/gnome-shell/keyboard-caps-lock-filled-symbolic.svg b/themes/Plata-Noir/gnome-shell/keyboard-caps-lock-filled-symbolic.svg
new file mode 100644
index 0000000..139443e
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/keyboard-caps-lock-filled-symbolic.svg
@@ -0,0 +1,78 @@
+<?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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="keyboard-caps-lock-filled-symbolic.svg"
+   id="svg8"
+   version="1.1"
+   height="16"
+   width="16">
+  <metadata
+     id="metadata14">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg8"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview10"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     id="g6"
+     fill="#2e3436">
+    <path
+       id="path2"
+       overflow="visible"
+       color="#000"
+       style="marker:none"
+       d="M6 8H2.937l5.126-5.781L13.186 8H10v2H6z" />
+    <path
+       id="path4"
+       style="marker:none"
+       d="M6 11h4v2H6z" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/keyboard-enter-symbolic.svg b/themes/Plata-Noir/gnome-shell/keyboard-enter-symbolic.svg
new file mode 100644
index 0000000..70220fb
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/keyboard-enter-symbolic.svg
@@ -0,0 +1,83 @@
+<?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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="keyboard-enter-symbolic.svg"
+   id="svg8"
+   version="1.1"
+   height="16"
+   width="16">
+  <metadata
+     id="metadata14">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg8"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview10"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     id="g6"
+     fill="#2e3436"
+     font-weight="400">
+    <path
+       id="path2"
+       overflow="visible"
+       font-family="sans-serif"
+       color="#000"
+       style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none"
+       d="M11.994 3v4.004c.002.666-.183.72-.445.852-.262.13-.555.144-.555.144H4v2h6.994s.71.014 1.45-.355c.738-.37 1.552-1.313 1.55-2.645V3z" />
+    <path
+       id="path4"
+       overflow="visible"
+       font-family="Bitstream Vera Sans"
+       color="#bebebe"
+       style="line-height:normal;-inkscape-font-specification:'Bitstream Vera Sans';text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none"
+       d="M6 12v-1c0-.257-.13-.528-.313-.719l-1.28-1.303 1.28-1.26C5.87 7.529 6 7.258 6 7V6H5c-.31 0-.552.09-.75.281L1.594 8.978l2.656 2.74c.198.192.44.282.75.282z" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/keyboard-hide-symbolic.svg b/themes/Plata-Noir/gnome-shell/keyboard-hide-symbolic.svg
new file mode 100644
index 0000000..917e7fd
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/keyboard-hide-symbolic.svg
@@ -0,0 +1,86 @@
+<?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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="keyboard-hide-symbolic.svg"
+   id="svg10"
+   version="1.1"
+   height="16"
+   width="16">
+  <metadata
+     id="metadata16">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg10"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview12"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     id="g8"
+     fill="#2e3436"
+     color="#000">
+    <path
+       id="path2"
+       overflow="visible"
+       font-family="sans-serif"
+       font-weight="400"
+       style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none"
+       d="M4.707 5.293L3.293 6.707 8 11.414l4.707-4.707-1.414-1.414L8 8.586z" />
+    <path
+       id="path4"
+       overflow="visible"
+       style="marker:none"
+       d="M12 6V5h1v1zM3 6V5h1v1z" />
+    <path
+       id="path6"
+       overflow="visible"
+       style="marker:none"
+       d="M3 6c0-.554.446-1 1-1s1 .446 1 1-.446 1-1 1-1-.446-1-1zM11 6c0-.554.446-1 1-1s1 .446 1 1-.446 1-1 1-1-.446-1-1z" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/keyboard-layout-filled-symbolic.svg b/themes/Plata-Noir/gnome-shell/keyboard-layout-filled-symbolic.svg
new file mode 100644
index 0000000..a0ed0ed
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/keyboard-layout-filled-symbolic.svg
@@ -0,0 +1,88 @@
+<?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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="keyboard-layout-filled-symbolic.svg"
+   id="svg10"
+   version="1.1"
+   height="16"
+   width="16">
+  <metadata
+     id="metadata16">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg10"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview12"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     id="g8"
+     fill-rule="evenodd"
+     fill="#2e3436">
+    <path
+       id="path2"
+       overflow="visible"
+       font-family="sans-serif"
+       font-weight="400"
+       color="#000"
+       style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1"
+       d="M2 1v14h2V1z" />
+    <path
+       id="path4"
+       overflow="visible"
+       font-family="sans-serif"
+       font-weight="400"
+       color="#000"
+       style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1"
+       d="M3 1a1 1 0 00-1 1v6a1 1 0 001 1h3.383l.722 1.447A1 1 0 008 11h5a1 1 0 001-1V4a1 1 0 00-1-1H9.617l-.722-1.447A1 1 0 008 1zm1 2h3.383l.722 1.447A1 1 0 009 5h3v4H8.617l-.722-1.447A1 1 0 007 7H4z" />
+    <path
+       id="path6"
+       d="M3 8h4l1 2h5V4H9L8 2H3z" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/keyboard-shift-filled-symbolic.svg b/themes/Plata-Noir/gnome-shell/keyboard-shift-filled-symbolic.svg
new file mode 100644
index 0000000..a93a125
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/keyboard-shift-filled-symbolic.svg
@@ -0,0 +1,71 @@
+<?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"
+   inkscape:version="1.0rc1 (09960d6f05, 2020-04-09)"
+   sodipodi:docname="keyboard-shift-filled-symbolic.svg"
+   id="svg4"
+   version="1.1"
+   height="16"
+   width="16">
+  <metadata
+     id="metadata10">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg4"
+     inkscape:cy="8"
+     inkscape:cx="8"
+     inkscape:zoom="31.625"
+     showgrid="false"
+     id="namedview6"
+     inkscape:window-height="480"
+     inkscape:window-width="640"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path2"
+     fill="#2e3436"
+     overflow="visible"
+     color="#000"
+     style="marker:none"
+     d="M6 13V9H2.937l5.126-5.781L13.186 9H10v4z" />
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/message-indicator-symbolic.svg b/themes/Plata-Noir/gnome-shell/message-indicator-symbolic.svg
new file mode 100644
index 0000000..0474a6f
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/message-indicator-symbolic.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 4.2333333 4.2333333"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="message-indicator-symbolic.svg"
+   inkscape:version="0.92+devel (unknown)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     inkscape:document-rotation="0"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1505"
+     inkscape:window-height="923"
+     id="namedview7"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="33.4375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="312"
+     inkscape:window-y="66"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg8" />
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-292.76667)">
+    <path
+       style="fill:#bebebe;fill-opacity:1;stroke:none;stroke-width:0.17969394"
+       d="m 3.1749998,294.88333 a 1.0583333,1.0583333 0 0 1 -1.0583332,1.05833 1.0583333,1.0583333 0 0 1 -1.0583333,-1.05833 1.0583333,1.0583333 0 0 1 1.0583333,-1.05833 1.0583333,1.0583333 0 0 1 1.0583332,1.05833 z"
+       id="path4485" />
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/no-events.svg b/themes/Plata-Noir/gnome-shell/no-events.svg
new file mode 100644
index 0000000..239177d
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/no-events.svg
@@ -0,0 +1,82 @@
+<?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"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/no-notifications.svg b/themes/Plata-Noir/gnome-shell/no-notifications.svg
new file mode 100644
index 0000000..2edead1
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/no-notifications.svg
@@ -0,0 +1,77 @@
+<?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"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-notifications.svg">
+  <metadata
+     id="metadata10">
+    <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:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1412"
+     inkscape:window-height="935"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-15.864405"
+     inkscape:cy="7.7288141"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+  </sodipodi:namedview>
+  <path
+     fill="#010101"
+     d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"
+     id="path4"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/pad-osd.css b/themes/Plata-Noir/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..b665246
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/pad-osd.css
@@ -0,0 +1,9 @@
+.Leader { stroke-width: 0.5 !important; stroke: #9ea9e4 !important; fill: none !important; }
+
+.Button { stroke-width: 0.25; stroke: #9ea9e4; fill: rgba(158, 169, 228, 0.12); }
+
+.Ring { stroke-width: 0.5 !important; stroke: #9ea9e4 !important; fill: none !important; }
+
+.Label { stroke-width: 0.1 !important; stroke: none !important; fill: transparent !important; font-size: 0.1 !important; }
+
+.TouchStrip, .TouchRing { stroke-width: 0.1 !important; stroke: #9ea9e4 !important; fill: rgba(158, 169, 228, 0.25) !important; }
diff --git a/themes/Plata-Noir/gnome-shell/toggle-off.svg b/themes/Plata-Noir/gnome-shell/toggle-off.svg
new file mode 100644
index 0000000..2b30d89
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/toggle-off.svg
@@ -0,0 +1,214 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="40"
+   height="20"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="toggle-off.svg">
+  <defs
+     id="defs4">
+    <filter
+       inkscape:label="Drop Shadow"
+       id="filter3771"
+       width="2"
+       height="2"
+       x="-0.5"
+       y="-0.5"
+       style="color-interpolation-filters:sRGB">
+      <feFlood
+         flood-opacity="0.24"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood3773" />
+      <feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite3775" />
+      <feGaussianBlur
+         stdDeviation="1"
+         result="blur"
+         id="feGaussianBlur3777" />
+      <feOffset
+         dx="0"
+         dy="1"
+         result="offset"
+         id="feOffset3779" />
+      <feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="fbSourceGraphic"
+         id="feComposite3781" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix3783" />
+      <feFlood
+         id="feFlood3785"
+         flood-opacity="0.12"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         in="fbSourceGraphic" />
+      <feComposite
+         id="feComposite3787"
+         in2="fbSourceGraphic"
+         in="flood"
+         operator="in"
+         result="composite1" />
+      <feGaussianBlur
+         id="feGaussianBlur3789"
+         stdDeviation="1.5"
+         result="blur" />
+      <feOffset
+         id="feOffset3791"
+         dx="0"
+         dy="1"
+         result="offset" />
+      <feComposite
+         id="feComposite3793"
+         in2="offset"
+         in="fbSourceGraphic"
+         operator="over"
+         result="composite2" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4988-3"
+       x="-0.108"
+       width="1.216"
+       y="-0.108"
+       height="1.216">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.9"
+         id="feGaussianBlur4990-0" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.364584"
+     inkscape:cx="-0.86473563"
+     inkscape:cy="8.8482674"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1698"
+     inkscape:window-height="935"
+     inkscape:window-x="84"
+     inkscape:window-y="32"
+     inkscape:window-maximized="0"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1032.3622)">
+    <g
+       id="toggle-off-dark"
+       inkscape:label="#g5005"
+       transform="matrix(0.8,0,0,0.79999999,-120,576.47246)">
+      <g
+         inkscape:label="#g4894"
+         id="toggle-off-trough-dark"
+         transform="translate(150,-2.6171874e-6)">
+        <rect
+           style="fill:#000000;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="rect4871-3"
+           width="50"
+           height="35"
+           x="0"
+           y="567.36218" />
+        <rect
+           style="opacity:1;fill:#d7d7d7;fill-opacity:0.5411765;stroke:none;stroke-width:1.41421354"
+           id="rect2987-6"
+           width="40"
+           height="15"
+           x="5"
+           y="-589.86218"
+           rx="7.5"
+           ry="7.5"
+           transform="scale(1,-1)" />
+      </g>
+      <g
+         transform="translate(0,69.999997)"
+         inkscape:label="#g4978"
+         id="toggle-off-slider-dark">
+        <circle
+           style="fill:#000000;fill-opacity:0.18039216;stroke:none;filter:url(#filter4988-3)"
+           id="path4986-8"
+           cx="165"
+           cy="513.36218"
+           r="10" />
+        <circle
+           cy="512.36218"
+           cx="165"
+           id="path3757-68"
+           style="fill:#d7d7d7;fill-opacity:1;stroke:none;stroke-width:0.2500875;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="10" />
+        <rect
+           style="fill:#000000;fill-opacity:0;stroke:none;stroke-opacity:0"
+           id="rect4998-8"
+           width="50"
+           height="35"
+           x="150"
+           y="497.36218" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/themes/Plata-Noir/gnome-shell/toggle-on.svg b/themes/Plata-Noir/gnome-shell/toggle-on.svg
new file mode 100644
index 0000000..7a20ad6
--- /dev/null
+++ b/themes/Plata-Noir/gnome-shell/toggle-on.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="40"
+   height="20"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92+devel (unknown)"
+   sodipodi:docname="toggle-on.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4148"
+       osb:paint="gradient">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop4150" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop4152" />
+    </linearGradient>
+    <filter
+       inkscape:label="Drop Shadow"
+       id="filter3771"
+       width="2"
+       height="2"
+       x="-0.5"
+       y="-0.5"
+       style="color-interpolation-filters:sRGB">
+      <feFlood
+         flood-opacity="0.24"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood3773" />
+      <feComposite
+         in="flood"
+         in2="SourceGraphic"
+         operator="in"
+         result="composite1"
+         id="feComposite3775" />
+      <feGaussianBlur
+         stdDeviation="1"
+         result="blur"
+         id="feGaussianBlur3777" />
+      <feOffset
+         dx="0"
+         dy="1"
+         result="offset"
+         id="feOffset3779" />
+      <feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="fbSourceGraphic"
+         id="feComposite3781" />
+      <feColorMatrix
+         result="fbSourceGraphicAlpha"
+         in="fbSourceGraphic"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         id="feColorMatrix3783" />
+      <feFlood
+         id="feFlood3785"
+         flood-opacity="0.12"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         in="fbSourceGraphic" />
+      <feComposite
+         id="feComposite3787"
+         in2="fbSourceGraphic"
+         in="flood"
+         operator="in"
+         result="composite1" />
+      <feGaussianBlur
+         id="feGaussianBlur3789"
+         stdDeviation="1.5"
+         result="blur" />
+      <feOffset
+         id="feOffset3791"
+         dx="0"
+         dy="1"
+         result="offset" />
+      <feComposite
+         id="feComposite3793"
+         in2="offset"
+         in="fbSourceGraphic"
+         operator="over"
+         result="composite2" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4988-2"
+       x="-0.108"
+       width="1.216"
+       y="-0.108"
+       height="1.216">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.9"
+         id="feGaussianBlur4990-8" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.81631"
+     inkscape:cx="4.5983679"
+     inkscape:cy="8.2554651"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1032.3622)">
+    <g
+       id="toggle-on"
+       inkscape:label="#g4978"
+       transform="matrix(0.8,0,0,0.8,0,604.47246)">
+      <g
+         inkscape:label="#g4940"
+         transform="translate(0,-10.000003)"
+         id="toggle-on-trough">
+        <rect
+           style="fill:#3f51b5;fill-opacity:0.54000005;stroke:none;stroke-width:1.41421354"
+           id="rect2987-07"
+           width="40"
+           height="15"
+           x="5"
+           y="549.86218"
+           rx="7.5"
+           ry="7.5" />
+        <rect
+           style="fill:#000000;fill-opacity:0;stroke:none"
+           id="rect4938"
+           width="50"
+           height="35"
+           x="0"
+           y="542.36218" />
+      </g>
+      <g
+         transform="translate(0,69.999997)"
+         inkscape:label="#g4931"
+         id="toggle-on-slider">
+        <circle
+           r="10"
+           cy="478.36218"
+           cx="35"
+           id="path4986-9"
+           style="fill:#000000;fill-opacity:0.18039216;stroke:none;filter:url(#filter4988-2)" />
+        <circle
+           cy="477.36218"
+           cx="35"
+           id="path3757-8-5"
+           style="opacity:1;fill:#3f51b5;fill-opacity:1;stroke:none;stroke-width:0.2500875;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           r="10" />
+        <rect
+           style="fill:#000000;fill-opacity:0;stroke:none;stroke-opacity:0"
+           id="rect5155"
+           width="50"
+           height="35"
+           x="0"
+           y="462.36218" />
+      </g>
+    </g>
+  </g>
+</svg>