From 358f0559b67e2ac8e2bbacaf09f239ebd05d2e70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= <daniruiz@kali.org>
Date: Wed, 6 Oct 2021 21:48:57 +0200
Subject: [PATCH] Move GNOME 40 themes to separate branch for release

---
 .../assets/view-grid-symbolic-checked.svg     |   1 +
 .../Kali-Dark/gnome-shell/gnome-shell.css     | 749 ++++++++----------
 .../Kali-Light/gnome-shell/gnome-shell.css    | 736 ++++++++---------
 3 files changed, 689 insertions(+), 797 deletions(-)
 create mode 100644 share/themes/Kali-Dark/gnome-shell/assets/view-grid-symbolic-checked.svg

diff --git a/share/themes/Kali-Dark/gnome-shell/assets/view-grid-symbolic-checked.svg b/share/themes/Kali-Dark/gnome-shell/assets/view-grid-symbolic-checked.svg
new file mode 100644
index 00000000..78e01cba
--- /dev/null
+++ b/share/themes/Kali-Dark/gnome-shell/assets/view-grid-symbolic-checked.svg
@@ -0,0 +1 @@
+<svg version="1.1" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><defs><filter id="a" x="-.12" y="-.12" width="1.24" height="1.24" style="color-interpolation-filters:sRGB"><feGaussianBlur stdDeviation="1.7"/></filter></defs><path d="m5 7v12h12v-12zm22 0v12h12v-12zm-19 3h6v6h-6zm22 0h6v6h-6zm-25 19v12h12v-12zm22 0v12h12v-12zm-19 3h6v6h-6zm22 0h6v6h-6z" style="filter:url(#a);opacity:.5;stroke-width:.5625"/><path d="m5 5v12h12v-12h-12zm22 0v12h12v-12h-12zm-19 3h6v6h-6v-6zm22 0h6v6h-6v-6zm-25 19v12h12v-12h-12zm22 0v12h12v-12h-12zm-19 3h6v6h-6v-6zm22 0h6v6h-6v-6z" style="fill:#2777ff;stroke-width:.5625"/></svg>
diff --git a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css
index 5126e124..2ebad711 100644
--- a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css
+++ b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css
@@ -19,7 +19,7 @@
  */
 /* Global Values */
 stage {
-  font-size: 10pt;
+  font-size: 11pt;
   color: #eeeeec; }
 
 /* Common Stylings */
@@ -31,16 +31,18 @@ stage {
 .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
   color: white;
   background-color: #303340;
-  border-radius: 20px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 14px;
   padding: 12px; }
 
-.workspace-thumbnails .workspace-thumbnail {
+.workspace-thumbnails, #dash {
   color: white;
-  background-color: rgba(255, 255, 255, 0.1); }
+  background-color: rgba(48, 51, 64, 0.8);
+  border: 1px solid rgba(255, 255, 255, 0.1); }
 
-.app-well-app .overview-icon,
-.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
-  border-radius: 12px;
+.show-apps .overview-icon, .app-well-app .overview-icon,
+.grid-search-result .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 9px;
   padding: 6px;
   border: 2px solid transparent;
   transition-duration: 100ms;
@@ -52,7 +54,7 @@ stage {
   border: 1px solid #0d0e11; }
 
 .app-folder-dialog .folder-name-container .edit-folder-button, .button {
-  border-radius: 8px;
+  border-radius: 5px;
   border-style: solid;
   border-width: 1px;
   min-height: 22px;
@@ -109,11 +111,6 @@ stage {
     box-shadow: none;
     text-shadow: none;
     icon-shadow: none; }
-  .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
-    color: #eeeeec;
-    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
-    icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
   .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
     color: #eeeeec;
     background-color: #2e313d;
@@ -121,6 +118,11 @@ stage {
     box-shadow: none;
     text-shadow: 0 1px rgba(0, 0, 0, 0.2);
     icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
+  .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+    color: #eeeeec;
+    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+    icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
   .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
     color: #eeeeec;
     background-color: #1c1e25;
@@ -129,12 +131,12 @@ stage {
     icon-shadow: none;
     box-shadow: none; }
   .modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
-    border-radius: 0 0 0 14px; }
+    border-radius: 0 0 0 8px; }
   .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
     border-right-width: 0;
-    border-radius: 0 0 14px 0; }
+    border-radius: 0 0 8px 0; }
   .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
-    border-radius: 0 0 14px 14px; }
+    border-radius: 0 0 8px 8px; }
 
 /* WIDGETS */
 .shell-link {
@@ -146,13 +148,13 @@ stage {
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
 
 .icon-dropshadow {
-  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
 
 /* Entries */
 StEntry {
-  border-radius: 8px;
+  border-radius: 5px;
   padding: 8px;
-  border-width: 0;
+  border-width: 1px;
   color: #eeeeec;
   background-color: #272a34;
   border-color: #0d0e11;
@@ -160,7 +162,7 @@ StEntry {
   selected-color: #ffffff; }
   StEntry:focus {
     border-color: #00348d;
-    box-shadow: inset 0 0 0 2px #2777ff; }
+    box-shadow: inset 0 0 0 1px #2777ff; }
   StEntry:insensitive {
     color: #888a8d;
     border-color: #242731;
@@ -252,7 +254,7 @@ StScrollBar {
 
 /* Popovers/Menus */
 .popup-menu-boxpointer, .candidate-popup-boxpointer {
-  -arrow-border-radius: 12px;
+  -arrow-border-radius: 9px;
   -arrow-background-color: #23252e;
   -arrow-border-width: 1px;
   -arrow-border-color: #0d0e11;
@@ -342,10 +344,10 @@ StScrollBar {
 
 /* Date/Time Menu */
 .clock-display-box {
-  spacing: 2px; }
+  spacing: 3px; }
   .clock-display-box .clock {
-    padding-left: 12px;
-    padding-right: 12px; }
+    padding-left: 6px;
+    padding-right: 6px; }
 
 #calendarArea {
   padding: 0; }
@@ -366,7 +368,7 @@ StScrollBar {
 .events-section-title {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -401,7 +403,7 @@ StScrollBar {
 .datemenu-today-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -430,17 +432,17 @@ StScrollBar {
     icon-shadow: none;
     box-shadow: none; }
   .datemenu-today-button .day-label {
-    font-size: 11pt;
+    font-size: 12pt;
     font-weight: bold; }
   .datemenu-today-button .date-label {
-    font-size: 17pt;
+    font-size: 18pt;
     font-weight: 1000; }
 
 /* Calendar */
 .calendar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #eeeeec;
   background-color: #292c37;
@@ -479,13 +481,13 @@ StScrollBar {
     background-color: transparent;
     height: 32px;
     width: 32px;
-    border-radius: 8px; }
+    border-radius: 5px; }
     .calendar .pager-button:hover, .calendar .pager-button:focus {
       background-color: #383d4b; }
     .calendar .pager-button:active {
       background-color: #0f1014; }
   .calendar .calendar-day-base {
-    font-size: 7pt;
+    font-size: 8pt;
     text-align: center;
     width: 32px;
     height: 32px;
@@ -502,7 +504,7 @@ StScrollBar {
     .calendar .calendar-day-base.calendar-day-heading {
       color: white;
       margin-top: 1em;
-      font-size: 6pt; }
+      font-size: 7pt; }
   .calendar .calendar-day {
     border-width: 0; }
   .calendar .calendar-day-top {
@@ -533,7 +535,7 @@ StScrollBar {
   .calendar .calendar-other-month-day {
     color: rgba(238, 238, 236, 0.5); }
   .calendar .calendar-week-number {
-    font-size: 6pt;
+    font-size: 7pt;
     font-weight: bold;
     height: 1.8em;
     width: 2.3em;
@@ -546,7 +548,7 @@ StScrollBar {
 .events-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #eeeeec;
   background-color: #292c37;
@@ -585,13 +587,13 @@ StScrollBar {
   .events-button .event-time {
     color: #bebeb6;
     font-feature-settings: "tnum";
-    font-size: 9pt; }
+    font-size: 10pt; }
 
 /* World clocks */
 .world-clocks-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #eeeeec;
   background-color: #292c37;
@@ -627,13 +629,13 @@ StScrollBar {
     font-weight: bold; }
   .world-clocks-button .world-clocks-city {
     color: #eeeeec;
-    font-size: 10pt;
+    font-size: 11pt;
     font-weight: normal; }
   .world-clocks-button .world-clocks-time {
     font-weight: bold;
     color: #eeeeec;
     font-feature-settings: "tnum";
-    font-size: 10pt; }
+    font-size: 11pt; }
     .world-clocks-button .world-clocks-time:ltr {
       text-align: right; }
     .world-clocks-button .world-clocks-time:rtl {
@@ -641,13 +643,13 @@ StScrollBar {
   .world-clocks-button .world-clocks-timezone {
     color: #bebeb6;
     font-feature-settings: "tnum";
-    font-size: 9pt; }
+    font-size: 10pt; }
 
 /* Weather */
 .weather-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #eeeeec;
   background-color: #292c37;
@@ -684,14 +686,14 @@ StScrollBar {
     font-weight: bold; }
     .weather-button .weather-header.location {
       font-weight: normal;
-      font-size: 9pt; }
+      font-size: 10pt; }
   .weather-button .weather-grid {
     spacing-rows: 6px;
     spacing-columns: 12px; }
   .weather-button .weather-forecast-time {
     color: #a6a69b;
     font-feature-settings: "tnum";
-    font-size: 8pt;
+    font-size: 9pt;
     font-weight: normal;
     padding-top: 0.2em;
     padding-bottom: 0.4em; }
@@ -719,18 +721,11 @@ StScrollBar {
   margin: 8px 16px 0;
   padding: 4px;
   spacing: 12px; }
-  .message-list-controls .dnd-button {
-    border-width: 2px;
-    border-color: transparent;
-    border-radius: 99px;
-    border-style: solid; }
-    .message-list-controls .dnd-button:focus {
-      border-color: rgba(39, 119, 255, 0.6); }
 
 .message {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #eeeeec;
   background-color: #292c37;
@@ -776,7 +771,7 @@ StScrollBar {
     padding: 0 8px; }
     .message .message-secondary-bin > .event-time {
       color: rgba(238, 238, 236, 0.5);
-      font-size: 8pt;
+      font-size: 9pt;
       /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
       padding-bottom: 0.13em; }
       .message .message-secondary-bin > .event-time:ltr {
@@ -797,7 +792,7 @@ StScrollBar {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
+  padding: 12px 24px;
   color: #cacac4; }
   .message-media-control:hover {
     background-color: #383d4b;
@@ -808,18 +803,18 @@ StScrollBar {
   .message-media-control:insensitive {
     color: #8e8e80; }
   .message-media-control:last-child:ltr {
-    border-radius: 0 10px 10px 0; }
+    border-radius: 0 7px 7px 0; }
   .message-media-control:last-child:rtl {
-    border-radius: 10px 0 0 10px; }
+    border-radius: 7px 0 0 7px; }
 
 .media-message-cover-icon {
   icon-size: 2.18em !important;
-  border-radius: 8px; }
+  border-radius: 5px; }
   .media-message-cover-icon.fallback {
     color: #c5c5be;
     background-color: #23252e;
     border: 1px solid transparent;
-    border-radius: 8px;
+    border-radius: 5px;
     icon-size: 2.18em !important; }
 
 .candidate-popup-content {
@@ -832,7 +827,7 @@ StScrollBar {
 
 .candidate-box {
   padding: 0.3em 0.5em 0.3em 0.5em;
-  border-radius: 8px; }
+  border-radius: 5px; }
   .candidate-box:selected, .candidate-box:hover {
     background-color: #2777ff;
     color: #ffffff; }
@@ -848,11 +843,11 @@ StScrollBar {
   padding: 4px; }
 
 .candidate-page-button-previous {
-  border-radius: 8px 0px 0px 8px;
+  border-radius: 5px 0px 0px 5px;
   border-right-width: 0; }
 
 .candidate-page-button-next {
-  border-radius: 0px 8px 8px 0px; }
+  border-radius: 0px 5px 5px 0px; }
 
 .candidate-page-button-icon {
   icon-size: 1em; }
@@ -865,7 +860,7 @@ StScrollBar {
     spacing: 0; }
 
 .summary-source-counter {
-  font-size: 9pt;
+  font-size: 10pt;
   font-weight: bold;
   height: 1.6em;
   width: 1.6em;
@@ -904,7 +899,7 @@ StScrollBar {
 
 .chat-meta-message {
   padding-left: 4px;
-  font-size: 8pt;
+  font-size: 9pt;
   font-weight: bold;
   color: white; }
   .chat-meta-message:rtl {
@@ -917,10 +912,10 @@ StScrollBar {
 
 /* Modal Dialogs */
 .headline {
-  font-size: 11pt; }
+  font-size: 12pt; }
 
 .modal-dialog {
-  border-radius: 16px; }
+  border-radius: 10px; }
   .modal-dialog .modal-dialog-content-box {
     margin: 32px 40px;
     spacing: 32px;
@@ -962,7 +957,7 @@ StScrollBar {
         font-weight: bold; }
       .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
         color: #e2e2df;
-        font-size: 9pt; }
+        font-size: 10pt; }
 
 /* Run Dialog */
 .run-dialog .modal-dialog-content-box {
@@ -973,7 +968,7 @@ StScrollBar {
   width: 20em; }
 
 .run-dialog .run-dialog-description {
-  font-size: 9pt;
+  font-size: 10pt;
   text-align: center;
   color: #bebeb6; }
 
@@ -1003,7 +998,7 @@ StScrollBar {
 .prompt-dialog-info-label,
 .prompt-dialog-null-label {
   text-align: center;
-  font-size: 9pt; }
+  font-size: 10pt; }
 
 .prompt-dialog-error-label {
   color: #fd7d00; }
@@ -1039,14 +1034,6 @@ StScrollBar {
 .audio-selection-device-icon {
   icon-size: 4.36em; }
 
-/* Welcome dialog */
-.welcome-dialog-image {
-  background-image: url("assets/gnome-shell-start.svg");
-  background-size: contain;
-  /* Reasonable maximum dimensions */
-  height: 300px;
-  width: 300px; }
-
 /* Network Dialogs */
 .nm-dialog {
   max-height: 34em;
@@ -1082,7 +1069,7 @@ StScrollBar {
   background-color: #1c1e25; }
 
 .nm-dialog-item {
-  font-size: 10pt;
+  font-size: 11pt;
   border-bottom: 1px solid #0d0e11;
   padding: 12px;
   spacing: 0px; }
@@ -1141,7 +1128,7 @@ StScrollBar {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 9px;
+  border-radius: 6px;
   border: 1px solid transparent; }
   .switcher-list .item-box:outlined {
     background-color: rgba(255, 255, 255, 0.3); }
@@ -1193,7 +1180,7 @@ StScrollBar {
   height: 50px;
   background-size: 32px;
   border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 11px; }
+  border-radius: 8px; }
 
 .ws-switcher-active-up,
 .ws-switcher-active-down,
@@ -1202,62 +1189,58 @@ StScrollBar {
   height: 52px;
   background-color: #2777ff;
   border: 1px solid #4187ff;
-  border-radius: 11px;
+  border-radius: 8px;
   color: #ffffff; }
 
 /* Top Bar */
 #panel {
   background-color: #000;
   font-weight: bold;
-  height: 2.2em;
-  font-feature-settings: "tnum";
-  transition-duration: 250ms; }
-  #panel.unlock-screen, #panel.login-screen, #panel:overview {
+  height: 1.86em;
+  font-feature-settings: "tnum"; }
+  #panel.unlock-screen, #panel.login-screen {
     background-color: transparent; }
-    #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
-      -panel-corner-opacity: 0; }
+    #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent; }
+  #panel #panelLeft, #panel #panelCenter {
+    spacing: 6px; }
   #panel .panel-corner {
-    -panel-corner-radius: 9px;
+    -panel-corner-radius: 6px;
     -panel-corner-background-color: #000;
     -panel-corner-border-width: 2px;
-    -panel-corner-border-color: transparent;
-    -panel-corner-opacity: 1;
-    transition-duration: 250ms; }
+    -panel-corner-border-color: transparent; }
+    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
+      -panel-corner-border-color: #4187ff; }
   #panel .panel-button {
     font-weight: bold;
-    color: #ddd;
+    color: #ccc;
     -natural-hpadding: 12px;
-    -minimum-hpadding: 6px;
-    transition-duration: 150ms;
-    border: 3px solid transparent;
-    border-radius: 99px; }
-    #panel .panel-button.clock-display .clock {
-      transition-duration: 150ms;
-      border: 3px solid transparent;
-      border-radius: 99px; }
-    #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
-      box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
-      #panel .panel-button:hover.clock-display, #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
-        box-shadow: none; }
-        #panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
-          box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+    -minimum-hpadding: 6px; }
+    #panel .panel-button:hover {
+      color: white; }
+    #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+      color: white; }
     #panel .panel-button .system-status-icon {
       icon-size: 1.09em;
-      padding: 5px;
-      margin: 0 4px; }
-    #panel .panel-button .panel-status-indicators-box .system-status-icon,
-    #panel .panel-button .panel-status-menu-box .system-status-icon {
-      margin: 0; }
+      padding: 5px; }
     #panel .panel-button .app-menu-icon {
+      margin-left: 4px;
+      margin-right: 4px;
       -st-icon-style: symbolic; }
-    #panel .panel-button#panelActivities {
-      -natural-hpadding: 18px; }
-  #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
-    box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
-    #panel.unlock-screen .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:hover.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display {
-      box-shadow: none; }
-      #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
-        box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
+    .unlock-screen #panel .panel-button, .login-screen #panel .panel-button {
+      color: white; }
+      .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active {
+        color: white; }
+  #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+    background-color: rgba(0, 0, 0, 0.01);
+    box-shadow: inset 0 -2px 0 0 #4187ff; }
+  #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
+    box-shadow: none; }
+    #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
+      background-color: rgba(0, 0, 0, 0.01);
+      box-shadow: inset 0 -2px 0 0 #4187ff; }
   #panel .panel-status-indicators-box,
   #panel .panel-status-menu-box {
     spacing: 2px; }
@@ -1272,10 +1255,6 @@ StScrollBar {
   #appMenu .label-shadow {
     color: transparent; }
 
-#appMenu .panel-status-menu-box {
-  padding: 0 6px;
-  spacing: 6px; }
-
 /* Activities Ripple */
 .ripple-box {
   background-color: rgba(243, 247, 255, 0.3);
@@ -1287,45 +1266,49 @@ StScrollBar {
     border-radius: 0 0 0 52px; }
 
 /* OVERVIEW */
-.controls-manager, .secondary-monitor-workspaces {
-  spacing: 12px; }
-
-#overviewGroup {
-  background-color: #272a34; }
+#overview {
+  spacing: 24px;
+  background-color: transparent; }
 
 .overview-controls {
   padding-bottom: 32px; }
 
 /* Window Picker */
 .window-picker {
-  spacing: 6px; }
+  spacing: 6px;
+  padding: 12px; }
+  .window-picker.external-monitor {
+    padding: 12px; }
+
+.window-clone-border {
+  border-width: 6px;
+  border-style: solid;
+  border-color: rgba(255, 255, 255, 0.35);
+  border-radius: 7px;
+  box-shadow: inset 0 0 0 1px rgba(13, 14, 17, 0.2); }
 
 .window-caption {
   color: white;
   background-color: #303340;
-  border-radius: 99px;
-  padding: 6px 12px; }
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  padding: 6px 12px;
+  font-weight: bold;
+  font-size: 12pt; }
 
 .window-close {
-  background-color: #303340;
-  color: white;
-  border-radius: 21px;
+  background-color: #2777ff;
+  color: #ffffff;
+  border: none;
+  border-radius: 18px;
   padding: 3px;
-  height: 30px;
-  width: 30px;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
-  transition-duration: 300ms; }
-  .window-close StIcon {
-    icon-size: 24px; }
+  height: 24px;
+  width: 24px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
   .window-close:hover {
-    background-color: #51576b; }
+    background-color: #4187ff; }
   .window-close:active {
-    color: rgba(255, 255, 255, 0.8);
-    background-color: #252831; }
-
-.workspace-background {
-  border-radius: 30px;
-  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
+    background-color: #0e67ff; }
 
 
 .search-entry {
@@ -1334,16 +1317,16 @@ StScrollBar {
   border-radius: 18px;
   color: rgba(238, 238, 236, 0.7);
   background-color: #23252e;
-  margin-top: 12px;
-  margin-bottom: 6px;
-  border-width: 2px;
-  border-color: transparent; }
+  border-color: #0d0e11; }
   
   .search-entry:hover {
     background-color: #2e313d;
+    border-color: #13151a;
     color: #fafaf9; }
   
   .search-entry:focus {
+    padding: 6px 8px;
+    border-width: 2px;
     border-style: solid;
     border-color: #2777ff;
     color: #eeeeec;
@@ -1367,7 +1350,7 @@ StScrollBar {
 
 .search-section-content {
   background-color: rgba(59, 63, 78, 0.8);
-  border-radius: 19px;
+  border-radius: 13px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
   text-shadow: 0 1px rgba(0, 0, 0, 0.2);
@@ -1404,73 +1387,12 @@ StScrollBar {
 .list-search-result .list-search-result-description {
   color: #b3b3b3; }
 
-/* Dash */
-#dash {
-  font-size: 8pt;
-  margin-top: 18px;
-  padding: 0 10px; }
-  #dash .placeholder {
-    background-image: none;
-    background-size: contain;
-    height: 32px; }
-  #dash .empty-dash-drop-target {
-    width: 32px;
-    height: 32px; }
-  #dash .overview-icon {
-    padding: 5px; }
-
-.dash-background {
-  background-color: #3b3b3b;
-  margin-bottom: 16px;
-  padding: 10px;
-  border-radius: 24px; }
-
-.dash-item-container .app-well-app, .show-apps {
-  padding: 10px 1.5px 26px; }
-
-.dash-separator {
-  width: 1px;
-  margin: 0 6.5px 16px;
-  background-color: rgba(255, 255, 255, 0.3); }
-
-.dash-label {
-  color: white;
-  background-color: #303340;
-  border-radius: 99px;
-  padding: 6px 12px;
-  text-align: center;
-  -y-offset: 12px; }
-
-.show-apps .overview-icon {
-  color: white; }
-
-.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.show-apps:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.3); }
-
-.show-apps:drop .overview-icon {
-  border: 2px solid #2777ff;
-  background-color: rgba(39, 119, 255, 0.2); }
-
-.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
-  background-color: rgba(26, 28, 35, 0.5); }
-
-.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
-  background-color: rgba(48, 51, 64, 0.5);
-  color: #eeeeec; }
-
 /* App Grid */
 .icon-grid {
-  row-spacing: 12px;
-  column-spacing: 12px;
+  row-spacing: 36px;
+  column-spacing: 36px;
   max-row-spacing: 72px;
-  max-column-spacing: 72px;
-  page-padding-top: 24px;
-  page-padding-bottom: 24px;
-  page-padding-left: 12px;
-  page-padding-right: 12px; }
+  max-column-spacing: 72px; }
 
 /* App Icons */
 .app-well-app .overview-icon,
@@ -1488,8 +1410,7 @@ StScrollBar {
 
 .app-well-app:drop .overview-icon,
 .grid-search-result:drop .overview-icon {
-  border: 2px solid #2777ff;
-  background-color: rgba(39, 119, 255, 0.2); }
+  background-color: rgba(39, 119, 255, 0.85); }
 
 .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
 .grid-search-result:active .overview-icon,
@@ -1505,13 +1426,14 @@ StScrollBar {
 
 /* App Folders */
 .app-well-app.app-folder {
-  background-color: #3b3b3b;
-  border-radius: 12px; }
+  background-color: rgba(48, 51, 64, 0.2);
+  border-radius: 9px; }
 
 .app-folder-dialog {
-  border-radius: 24px;
-  background-color: #3b3b3b;
-  padding: 12px 0px 12px 0px; }
+  border-radius: 15px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  background-color: rgba(26, 28, 35, 0.95);
+  padding: 12px; }
   .app-folder-dialog .folder-name-container {
     padding: 24px 36px 0;
     spacing: 12px;
@@ -1533,19 +1455,22 @@ StScrollBar {
         icon-size: 16px; }
   .app-folder-dialog .icon-grid {
     row-spacing: 12px;
-    column-spacing: 30px;
-    page-padding-top: 0;
-    page-padding-bottom: 0;
-    page-padding-left: 0;
-    page-padding-right: 0; }
+    column-spacing: 30px; }
   .app-folder-dialog .page-indicators {
     margin-bottom: 18px; }
+    .app-folder-dialog .page-indicators .page-indicator {
+      padding: 15px 12px; }
 
 .app-folder-dialog-container {
   padding: 12px;
   width: 620px;
   height: 620px; }
 
+.app-folder-icon {
+  padding: 6px;
+  spacing-rows: 6px;
+  spacing-columns: 6px; }
+
 .app-well-app-running-dot {
   height: 5px;
   width: 5px;
@@ -1558,19 +1483,20 @@ StScrollBar {
   .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
     padding: 0 12px; }
 
-.app-menu {
+.app-menu,
+.app-well-menu {
   max-width: 27.25em; }
 
 .page-indicator {
-  padding: 6px 12px 0; }
+  padding: 15px 20px; }
   .page-indicator .page-indicator-icon {
     width: 10px;
     height: 10px;
     border-radius: 10px;
     background-color: white; }
 
-.apps-scroll-view {
-  padding: 0; }
+.all-apps {
+  padding: 0px 88px 10px 88px; }
 
 .system-action-icon {
   background-color: rgba(0, 0, 0, 0.8);
@@ -1578,37 +1504,69 @@ StScrollBar {
   border-radius: 99px;
   icon-size: 48px; }
 
-.page-navigation-hint {
-  width: 300px; }
-  .page-navigation-hint.dnd {
-    background: rgba(255, 255, 255, 0.1); }
-  .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
-    background-gradient-start: rgba(255, 255, 255, 0.05);
-    background-gradient-end: transparent;
-    background-gradient-direction: horizontal;
-    border-radius: 15px 0px 0px 15px; }
-  .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
-    background-gradient-start: transparent;
-    background-gradient-end: rgba(255, 255, 255, 0.05);
-    background-gradient-direction: horizontal;
-    border-radius: 0px 15px 15px 0px; }
+/* Dash */
+#dash {
+  font-size: 9pt;
+  padding: 5px 0;
+  border-radius: 0 15px 15px 0;
+  border-left-width: 0; }
+  #dash:rtl {
+    border-radius: 15px 0 0 15px;
+    border-right-width: 0; }
+  #dash .placeholder {
+    background-image: none;
+    background-size: contain;
+    height: 32px; }
+  #dash .empty-dash-drop-target {
+    width: 32px;
+    height: 32px; }
 
-.page-navigation-arrow {
-  margin: 6px;
-  width: 24px;
-  height: 24px; }
+.dash-item-container > StWidget {
+  padding: 5px 10px; }
+
+.dash-label {
+  background-color: rgba(48, 51, 64, 0.95);
+  border-radius: 7px;
+  border: none;
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+  color: white;
+  padding: 6px 8px;
+  text-align: center;
+  -x-offset: 8px; }
+
+.show-apps .overview-icon {
+  color: white; }
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.show-apps:drop .overview-icon {
+  background-color: rgba(39, 119, 255, 0.85); }
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(26, 28, 35, 0.5); }
+
+.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
+  background-color: #1a1c23;
+  color: #eeeeec; }
 
 /* Workspace pager */
 .workspace-thumbnails {
   visible-width: 32px;
   spacing: 6px;
-  padding: 6px; }
-  .workspace-thumbnails .workspace-thumbnail {
-    border-radius: 3px; }
+  padding: 6px;
+  border-radius: 10px 0 0 10px;
+  border-right-width: 0; }
+  .workspace-thumbnails:rtl {
+    border-radius: 0 10px 10px 0;
+    border-left-width: 0; }
   .workspace-thumbnails .placeholder {
-    background-image: url("assets/workspace-placeholder.svg");
+    background-image: url("assets/dash-placeholder.svg");
     background-size: contain;
-    width: 18px; }
+    height: 24px; }
 
 .workspace-thumbnail-indicator {
   border: 3px solid #2777ff;
@@ -1642,17 +1600,12 @@ StScrollBar {
   background-size: contain;
   color: white;
   border-radius: 99px;
-  icon-size: 4.36em; }
+  border: 2px white; }
   .user-icon:hover {
     color: white; }
   .user-icon StIcon {
     background-color: rgba(255, 255, 255, 0.05);
-    border-radius: 99px;
-    padding: 12px;
-    width: 2.725em;
-    height: 2.725em; }
-  .user-icon.user-avatar {
-    border: 2px white; }
+    border-radius: 99px; }
 
 .user-widget.vertical .user-icon {
   icon-size: 6.54em; }
@@ -1663,6 +1616,13 @@ StScrollBar {
     width: 5.995em;
     height: 5.995em; }
 
+.user-widget.horizontal .user-icon {
+  icon-size: 4.36em; }
+  .user-widget.horizontal .user-icon StIcon {
+    padding: 12px;
+    width: 2.725em;
+    height: 2.725em; }
+
 .lightbox {
   background-color: black; }
 
@@ -1675,26 +1635,22 @@ StScrollBar {
 .caps-lock-warning-label {
   text-align: center;
   padding-bottom: 8px;
-  font-size: 9pt;
+  font-size: 10pt;
   color: #fd7d00; }
 
-/* Workspace animation */
-.workspace-animation {
-  background-color: #272a34; }
-
 /* Tiled window previews */
 .tile-preview {
   background-color: rgba(39, 119, 255, 0.5);
   border: 1px solid #2777ff; }
 
 .tile-preview-left.on-primary {
-  border-radius: 9px 0 0 0; }
+  border-radius: 6px 0 0 0; }
 
 .tile-preview-right.on-primary {
-  border-radius: 0 9px 0 0; }
+  border-radius: 0 6px 0 0; }
 
 .tile-preview-left.tile-preview-right.on-primary {
-  border-radius: 9px 9px 0 0; }
+  border-radius: 6px 6px 0 0; }
 
 /* On-screen Keyboard */
 #keyboard {
@@ -1717,12 +1673,12 @@ StScrollBar {
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
   text-shadow: 0 1px rgba(0, 0, 0, 0.2);
   icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
-  font-size: 15pt;
+  font-size: 16pt;
   min-height: 1.2em;
   min-width: 1.2em;
   border-width: 1px;
   border-style: solid;
-  border-radius: 11px; }
+  border-radius: 8px; }
   .keyboard-key:focus {
     color: #eeeeec;
     text-shadow: 0 1px rgba(0, 0, 0, 0.2);
@@ -1795,7 +1751,7 @@ StScrollBar {
 
 .keyboard-subkeys {
   color: white;
-  -arrow-border-radius: 16px;
+  -arrow-border-radius: 10px;
   -arrow-background-color: #303340;
   -arrow-border-width: 1px;
   -arrow-border-color: #43495a;
@@ -1809,7 +1765,7 @@ StScrollBar {
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
     text-shadow: 0 1px rgba(0, 0, 0, 0.2);
     icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
-    border-radius: 8px; }
+    border-radius: 5px; }
     .keyboard-subkeys .keyboard-key:focus {
       color: #eeeeec;
       text-shadow: 0 1px rgba(0, 0, 0, 0.2);
@@ -1840,7 +1796,7 @@ StScrollBar {
   background-color: #2777ff; }
 
 .word-suggestions {
-  font-size: 13pt;
+  font-size: 14pt;
   spacing: 12px;
   min-height: 20pt; }
 
@@ -1850,11 +1806,11 @@ StScrollBar {
   spacing: 6px;
   padding: 4px;
   border: 1px solid rgba(255, 255, 255, 0.2);
-  border-radius: 8px;
+  border-radius: 5px;
   color: white; }
   #LookingGlassDialog > #Toolbar {
     border: none;
-    border-radius: 8px;
+    border-radius: 5px;
     background-color: #303340; }
   #LookingGlassDialog .labels {
     spacing: 6px; }
@@ -1911,7 +1867,7 @@ StScrollBar {
 .lg-obj-inspector-button {
   border: 1px solid black;
   padding: 4px;
-  border-radius: 8px; }
+  border-radius: 5px; }
   .lg-obj-inspector-button:hover {
     border: 1px solid #ffffff; }
 
@@ -1925,7 +1881,7 @@ StScrollBar {
 .lg-extension {
   border: 1px solid #0d0d0d;
   background-color: #3b3f4e;
-  border-radius: 8px;
+  border-radius: 5px;
   padding: 4px; }
 
 .lg-extension-name {
@@ -1937,7 +1893,7 @@ StScrollBar {
 #LookingGlassPropertyInspector {
   background: #303340;
   border: 1px solid black;
-  border-radius: 8px;
+  border-radius: 5px;
   padding: 6px; }
 
 /* Login Dialog */
@@ -1945,47 +1901,38 @@ StScrollBar {
   padding-top: 24px;
   max-width: 23em; }
 
-.login-dialog,
-.unlock-dialog {
+.login-dialog {
   border: none;
   background-color: transparent; }
-  .login-dialog StEntry,
-  .unlock-dialog StEntry {
-    background-color: #20232b;
-    color: #eeeeec; }
-  .login-dialog .modal-dialog-button-box,
-  .unlock-dialog .modal-dialog-button-box {
+  .login-dialog StEntry {
+    background-color: rgba(45, 44, 46, 0.5);
+    color: white; }
+  .login-dialog .modal-dialog-button-box {
     spacing: 3px; }
-  .login-dialog .modal-dialog-button,
-  .unlock-dialog .modal-dialog-button {
+  .login-dialog .modal-dialog-button {
     padding: 4px 18px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-    background-color: #20232b;
-    border-color: #20232b;
-    color: white; }
-    .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
-    .unlock-dialog .modal-dialog-button:hover,
-    .unlock-dialog .modal-dialog-button:focus {
-      background-color: #323643;
-      border-color: #323643; }
-    .login-dialog .modal-dialog-button:active,
-    .unlock-dialog .modal-dialog-button:active {
+    background-color: #5b666a;
+    border-color: #5b666a;
+    color: #eeeeec; }
+    .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
+      background-color: #667478;
+      border-color: #667478; }
+    .login-dialog .modal-dialog-button:active {
       box-shadow: none;
-      background-color: #1c1e25;
-      border-color: #1c1e25; }
-    .login-dialog .modal-dialog-button:insensitive,
-    .unlock-dialog .modal-dialog-button:insensitive {
+      background-color: #4f595d;
+      border-color: #4f595d; }
+    .login-dialog .modal-dialog-button:insensitive {
       color: #888a8d;
       border-color: #0d0e11;
       background-color: #242731;
       box-shadow: none;
       text-shadow: none;
       icon-shadow: none;
-      border-color: #1c1e25;
-      background-color: #1c1e25;
-      color: rgba(255, 255, 255, 0.7); }
-    .login-dialog .modal-dialog-button:default,
-    .unlock-dialog .modal-dialog-button:default {
+      border-color: #4f595d;
+      background-color: #4f595d;
+      color: rgba(238, 238, 236, 0.7); }
+    .login-dialog .modal-dialog-button:default {
       color: #ffffff;
       background-color: #3681ff;
       border-color: #136aff;
@@ -1993,9 +1940,7 @@ StScrollBar {
       text-shadow: 0 1px rgba(0, 0, 0, 0.2);
       icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
       border-color: #2777ff; }
-      .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
-      .unlock-dialog .modal-dialog-button:default:hover,
-      .unlock-dialog .modal-dialog-button:default:focus {
+      .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
         color: #ffffff;
         background-color: #4187ff;
         border-color: #136aff;
@@ -2004,8 +1949,7 @@ StScrollBar {
         icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
         background-color: #4187ff;
         border-color: #4187ff; }
-      .login-dialog .modal-dialog-button:default:active,
-      .unlock-dialog .modal-dialog-button:default:active {
+      .login-dialog .modal-dialog-button:default:active {
         color: #ffffff;
         background-color: #186eff;
         border-color: #0058ee;
@@ -2014,8 +1958,7 @@ StScrollBar {
         box-shadow: none;
         background-color: #0e67ff;
         border-color: #0e67ff; }
-      .login-dialog .modal-dialog-button:default:insensitive,
-      .unlock-dialog .modal-dialog-button:default:insensitive {
+      .login-dialog .modal-dialog-button:default:insensitive {
         color: #888a8d;
         border-color: #0d0e11;
         background-color: #242731;
@@ -2027,27 +1970,19 @@ StScrollBar {
         color: rgba(255, 255, 255, 0.7); }
   .login-dialog .cancel-button,
   .login-dialog .switch-user-button,
-  .login-dialog .login-dialog-session-list-button,
-  .unlock-dialog .cancel-button,
-  .unlock-dialog .switch-user-button,
-  .unlock-dialog .login-dialog-session-list-button {
+  .login-dialog .login-dialog-session-list-button {
     padding: 0;
     border-radius: 99px;
     width: 2.18em;
     height: 2.18em;
-    border-color: #20232b;
-    background-color: #20232b; }
+    border-color: rgba(35, 37, 46, 0.3);
+    background-color: rgba(35, 37, 46, 0.3); }
     .login-dialog .cancel-button StIcon,
     .login-dialog .switch-user-button StIcon,
-    .login-dialog .login-dialog-session-list-button StIcon,
-    .unlock-dialog .cancel-button StIcon,
-    .unlock-dialog .switch-user-button StIcon,
-    .unlock-dialog .login-dialog-session-list-button StIcon {
+    .login-dialog .login-dialog-session-list-button StIcon {
       icon-size: 1.09em; }
   .login-dialog .caps-lock-warning-label,
-  .login-dialog .login-dialog-message-warning,
-  .unlock-dialog .caps-lock-warning-label,
-  .unlock-dialog .login-dialog-message-warning {
+  .login-dialog .login-dialog-message-warning {
     color: white; }
 
 .login-dialog-logo-bin {
@@ -2063,6 +1998,10 @@ StScrollBar {
 .login-dialog-message {
   text-align: center; }
 
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px; }
+
 .login-dialog-user-selection-box {
   padding: 100px 0px; }
 
@@ -2072,7 +2011,7 @@ StScrollBar {
     color: white; }
 
 .login-dialog-not-listed-label {
-  font-size: 9pt;
+  font-size: 10pt;
   font-weight: bold;
   color: #b3b3b3;
   padding-top: 1em; }
@@ -2090,7 +2029,7 @@ StScrollBar {
     border-right: 2px solid #2777ff; }
 
 .login-dialog-user-list-item {
-  border-radius: 12px;
+  border-radius: 9px;
   padding: 6px;
   color: #b3b3b3; }
   .login-dialog-user-list-item:ltr .user-widget {
@@ -2108,7 +2047,7 @@ StScrollBar {
   color: white; }
 
 .user-widget.horizontal .user-widget-label {
-  font-size: 12pt;
+  font-size: 13pt;
   font-weight: bold;
   padding-left: 15px; }
   .user-widget.horizontal .user-widget-label:ltr {
@@ -2119,15 +2058,11 @@ StScrollBar {
     text-align: right; }
 
 .user-widget.vertical .user-widget-label {
-  font-size: 15pt;
+  font-size: 16pt;
   text-align: center;
   font-weight: normal;
   padding-top: 16px; }
 
-.login-dialog-timed-login-indicator {
-  height: 2px;
-  background-color: #8e8e80; }
-
 .login-dialog-prompt-layout {
   padding-top: 24px;
   padding-bottom: 12px;
@@ -2139,7 +2074,7 @@ StScrollBar {
 
 .login-dialog-prompt-label {
   color: #cccccc;
-  font-size: 11pt;
+  font-size: 12pt;
   padding-top: 1em; }
 
 /* Screen Shield */
@@ -2177,7 +2112,7 @@ StScrollBar {
     border: none;
     background-color: rgba(48, 51, 64, 0.3);
     color: white;
-    border-radius: 16px; }
+    border-radius: 10px; }
     .unlock-dialog-notifications-container .notification.critical,
     .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
       background-color: rgba(48, 51, 64, 0.9); }
@@ -2198,7 +2133,7 @@ StScrollBar {
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }
 
 #lockDialogGroup {
-  background-color: #272a34; }
+  background-color: #41494c; }
 
 #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
   background-color: rgba(35, 37, 46, 0.3); }
@@ -2212,15 +2147,14 @@ StScrollBar {
   font-weight: bold;
   background-color: #23252e;
   color: #eeeeec;
-  border: 1px solid #0d0e11;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
+  border: 1px solid #0d0e11; }
   .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon {
-    color: #eeeeec;
-    icon-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
+    color: white;
+    icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; }
 
 .osd-window .level {
-  -barlevel-background-color: rgba(238, 238, 236, 0.1);
-  -barlevel-active-background-color: #eeeeec; }
+  -barlevel-background-color: rgba(255, 255, 255, 0.1);
+  -barlevel-active-background-color: white; }
 
 /* Slider */
 .slider {
@@ -2247,21 +2181,16 @@ StScrollBar {
 .check-box:focus:checked StBin {
   background-image: url("assets/checkbox-focused-dark.svg"); }
 
-/* Switches */
-.toggle-switch {
-  background-image: url("assets/toggle-off-dark.svg"); }
-  .toggle-switch:checked {
-    background-image: url("assets/toggle-on-dark.svg"); }
-
 /* App Switcher */
 .switcher-list .item-box:outlined {
   padding: 6px;
-  border: 3px solid #2777ff; }
+  border: 3px solid #2777ff;
+  border-radius: 8px; }
 
 .switcher-list .item-box:selected {
   background-color: #2777ff;
   color: #ffffff;
-  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
+  text-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px; }
 
 /* Workspace Switcher */
 .ws-switcher-box {
@@ -2270,29 +2199,38 @@ StScrollBar {
 .workspace-switcher-container {
   padding: 7px; }
 
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.5); }
+
 /* Window Picker */
+.window-clone-border {
+  border-color: rgba(255, 255, 255, 0.25); }
+
 .window-caption {
+  font-size: .9em;
   color: black;
   background-color: white;
+  border: none;
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); }
 
 .window-close {
   background-image: url("assets/close-window.svg");
   background-size: 32px;
   background-color: transparent;
+  border: 0;
   box-shadow: none;
   color: transparent;
   height: 32px;
-  width: 32px;
-  transition-duration: .2s; }
+  width: 32px; }
   .window-close:hover {
     background-image: url("assets/close-window-hover.svg");
     background-color: transparent; }
   .window-close:active {
     background-image: url("assets/close-window-active.svg");
-    background-color: transparent;
-    color: transparent;
-    transition-duration: 0s; }
+    background-color: transparent; }
 
 /* Tiled window previews */
 .tile-preview-left.on-primary,
@@ -2303,26 +2241,19 @@ StScrollBar {
 /* TOP BAR */
 #panel {
   background: rgba(35, 37, 46, 0.8);
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
   #panel .popup-menu-arrow {
     width: 0; }
   #panel StIcon {
-    icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+    icon-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
   #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview {
     background-color: transparent; }
     #panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button, #panel.lock-screen .panel-button:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:checked, #panel:overview .panel-button, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:overview, #panel:overview .panel-button:checked {
       color: white; }
   #panel .panel-corner {
     -panel-corner-radius: 0; }
-  #panel .panel-button {
+  #panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked {
     color: white; }
-    #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked {
-      color: white;
-      box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
-  #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
-    box-shadow: none; }
-    #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
-      box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
   #panel #panelActivities.panel-button {
     margin-left: .4em; }
     #panel #panelActivities.panel-button StLabel {
@@ -2332,7 +2263,7 @@ StScrollBar {
       height: 1.5em;
       color: transparent; }
     #panel #panelActivities.panel-button:overview StLabel {
-      background-image: url("assets/view-grid-symbolic-dark.svg"); }
+      background-image: url("assets/view-grid-symbolic-checked.svg"); }
 
 /* Date/Time Menu */
 #calendarArea {
@@ -2349,7 +2280,7 @@ StScrollBar {
 .calendar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2376,18 +2307,17 @@ StScrollBar {
     text-shadow: none;
     icon-shadow: none;
     box-shadow: none; }
-  .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
-    color: #eeeeec;
-    background-color: #383d4b; }
-  .calendar .calendar-today:active, .calendar .calendar-today:selected {
-    background: #2777ff;
-    color: #ffffff; }
+
+/* Message list */
+.message-list {
+  width: 31.5em;
+  background: rgba(35, 37, 46, 0.7); }
 
 /* Events */
 .events-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2419,7 +2349,7 @@ StScrollBar {
 .world-clocks-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2450,7 +2380,7 @@ StScrollBar {
 .weather-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2481,11 +2411,10 @@ StScrollBar {
 /* Search */
 .search-entry {
   color: black;
-  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
   font-weight: bold;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: 999px;
-  font-size: 1.1em;
+  background-color: rgba(255, 255, 255, 0.2);
+  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
+  border-radius: 100px;
   transition-duration: 200ms; }
   .search-entry StLabel.hint-text {
     color: white; }
@@ -2497,8 +2426,8 @@ StScrollBar {
     background-color: white;
     color: black;
     font-weight: normal;
-    box-shadow: none;
-    text-shadow: none; }
+    text-shadow: none;
+    box-shadow: none; }
     .search-entry:focus StLabel.hint-text, .search-entry:hover StLabel.hint-text {
       color: black; }
     .search-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon {
@@ -2508,10 +2437,18 @@ StScrollBar {
     color: white;
     icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); }
 
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.search-section:last-child .search-section-separator {
+  background-color: transparent; }
+
 .search-section-content {
-  background-color: rgba(255, 255, 255, 0.1);
-  box-shadow: none;
-  border: none; }
+  background-color: transparent;
+  border-radius: 0;
+  border: 0;
+  box-shadow: 0; }
 
 .search-provider-icon .list-search-provider-content .list-search-provider-details {
   font-weight: bold; }
@@ -2524,31 +2461,39 @@ StScrollBar {
   border-color: transparent; }
   #dash .overview-icon StIcon {
     color: white;
-    icon-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }
-
-.dash-background {
-  background: rgba(255, 255, 255, 0.1); }
-
-.dash-separator {
-  background: rgba(255, 255, 255, 0.1); }
+    icon-shadow: rgba(0, 0, 0, 0.7) 0 2px 6px; }
 
 .show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(255, 255, 255, 0.2);
   color: black; }
 
-/* App Folders */
-.app-well-app.app-folder, .app-well-app.app-folder .overview-icon.overview-icon-with-label {
-  background-color: rgba(255, 255, 255, 0.1); }
+/* Workspace pager */
+.workspace-thumbnails {
+  background-color: rgba(0, 0, 0, 0.2);
+  border: none; }
+  .workspace-thumbnails .placeholder {
+    background-image: none; }
 
-.app-well-app.app-folder:checked {
-  background: black; }
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 2px 5px black; }
+  .app-well-app.app-folder:checked {
+    background: black; }
 
 .app-folder-dialog {
   background: black;
-  box-shadow: 0 0 20px black; }
+  box-shadow: 0 0 20px black;
+  border: none; }
   .app-folder-dialog .folder-name-container .edit-folder-button, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:active {
     background: white;
     color: black; }
 
-.app-folder-dialog-container {
-  width: 720px; }
+.panel-workspace-indicator {
+  box-shadow: inset 0 0 0 100px white;
+  color: black;
+  border-radius: 3px; }
+
+#panel:overview .panel-workspace-indicator {
+  box-shadow: inset 0 0 0 100px black;
+  color: white; }
diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css
index 394dde34..b8b160e1 100644
--- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css
+++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css
@@ -19,7 +19,7 @@
  */
 /* Global Values */
 stage {
-  font-size: 10pt;
+  font-size: 11pt;
   color: #5c616c; }
 
 /* Common Stylings */
@@ -31,16 +31,18 @@ stage {
 .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
   color: white;
   background-color: #303340;
-  border-radius: 20px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 14px;
   padding: 12px; }
 
-.workspace-thumbnails .workspace-thumbnail {
+.workspace-thumbnails, #dash {
   color: white;
-  background-color: rgba(255, 255, 255, 0.1); }
+  background-color: rgba(48, 51, 64, 0.8);
+  border: 1px solid rgba(255, 255, 255, 0.1); }
 
-.app-well-app .overview-icon,
-.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
-  border-radius: 12px;
+.show-apps .overview-icon, .app-well-app .overview-icon,
+.grid-search-result .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 9px;
   padding: 6px;
   border: 2px solid transparent;
   transition-duration: 100ms;
@@ -52,7 +54,7 @@ stage {
   border: 1px solid rgba(0, 0, 0, 0.6); }
 
 .app-folder-dialog .folder-name-container .edit-folder-button, .button {
-  border-radius: 8px;
+  border-radius: 5px;
   border-style: solid;
   border-width: 1px;
   min-height: 22px;
@@ -109,11 +111,6 @@ stage {
     box-shadow: none;
     text-shadow: none;
     icon-shadow: none; }
-  .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
-    color: #5c616c;
-    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
-    icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
   .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
     color: #5c616c;
     background-color: white;
@@ -121,6 +118,11 @@ stage {
     box-shadow: none;
     text-shadow: 0 1px rgba(255, 255, 255, 0.3);
     icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
+  .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+    color: #5c616c;
+    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
   .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
     color: #5c616c;
     background-color: #f7f7f7;
@@ -129,12 +131,12 @@ stage {
     icon-shadow: none;
     box-shadow: none; }
   .modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
-    border-radius: 0 0 0 14px; }
+    border-radius: 0 0 0 8px; }
   .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
     border-right-width: 0;
-    border-radius: 0 0 14px 0; }
+    border-radius: 0 0 8px 0; }
   .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
-    border-radius: 0 0 14px 14px; }
+    border-radius: 0 0 8px 8px; }
 
 /* WIDGETS */
 .shell-link {
@@ -146,13 +148,13 @@ stage {
   icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
 
 .icon-dropshadow {
-  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
 
 /* Entries */
 StEntry {
-  border-radius: 8px;
+  border-radius: 5px;
   padding: 8px;
-  border-width: 0;
+  border-width: 1px;
   color: #5c616c;
   background-color: #fafafa;
   border-color: #d9d9d9;
@@ -160,7 +162,7 @@ StEntry {
   selected-color: #ffffff; }
   StEntry:focus {
     border-color: #0051da;
-    box-shadow: inset 0 0 0 2px #2777ff; }
+    box-shadow: inset 0 0 0 1px #2777ff; }
   StEntry:insensitive {
     color: #aeb0b6;
     border-color: #fdfdfd;
@@ -252,7 +254,7 @@ StScrollBar {
 
 /* Popovers/Menus */
 .popup-menu-boxpointer, .candidate-popup-boxpointer {
-  -arrow-border-radius: 12px;
+  -arrow-border-radius: 9px;
   -arrow-background-color: #ffffff;
   -arrow-border-width: 1px;
   -arrow-border-color: #d9d9d9;
@@ -341,10 +343,10 @@ StScrollBar {
 
 /* Date/Time Menu */
 .clock-display-box {
-  spacing: 2px; }
+  spacing: 3px; }
   .clock-display-box .clock {
-    padding-left: 12px;
-    padding-right: 12px; }
+    padding-left: 6px;
+    padding-right: 6px; }
 
 #calendarArea {
   padding: 0; }
@@ -365,7 +367,7 @@ StScrollBar {
 .events-section-title {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -400,7 +402,7 @@ StScrollBar {
 .datemenu-today-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -429,17 +431,17 @@ StScrollBar {
     icon-shadow: none;
     box-shadow: none; }
   .datemenu-today-button .day-label {
-    font-size: 11pt;
+    font-size: 12pt;
     font-weight: bold; }
   .datemenu-today-button .date-label {
-    font-size: 17pt;
+    font-size: 18pt;
     font-weight: 1000; }
 
 /* Calendar */
 .calendar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #5c616c;
   background-color: white;
@@ -478,13 +480,13 @@ StScrollBar {
     background-color: transparent;
     height: 32px;
     width: 32px;
-    border-radius: 8px; }
+    border-radius: 5px; }
     .calendar .pager-button:hover, .calendar .pager-button:focus {
       background-color: white; }
     .calendar .pager-button:active {
       background-color: #ededed; }
   .calendar .calendar-day-base {
-    font-size: 7pt;
+    font-size: 8pt;
     text-align: center;
     width: 32px;
     height: 32px;
@@ -501,7 +503,7 @@ StScrollBar {
     .calendar .calendar-day-base.calendar-day-heading {
       color: #737a88;
       margin-top: 1em;
-      font-size: 6pt; }
+      font-size: 7pt; }
   .calendar .calendar-day {
     border-width: 0; }
   .calendar .calendar-day-top {
@@ -532,7 +534,7 @@ StScrollBar {
   .calendar .calendar-other-month-day {
     color: rgba(92, 97, 108, 0.5); }
   .calendar .calendar-week-number {
-    font-size: 6pt;
+    font-size: 7pt;
     font-weight: bold;
     height: 1.8em;
     width: 2.3em;
@@ -545,7 +547,7 @@ StScrollBar {
 .events-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #5c616c;
   background-color: white;
@@ -584,13 +586,13 @@ StScrollBar {
   .events-button .event-time {
     color: #2d3035;
     font-feature-settings: "tnum";
-    font-size: 9pt; }
+    font-size: 10pt; }
 
 /* World clocks */
 .world-clocks-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #5c616c;
   background-color: white;
@@ -626,13 +628,13 @@ StScrollBar {
     font-weight: bold; }
   .world-clocks-button .world-clocks-city {
     color: #5c616c;
-    font-size: 10pt;
+    font-size: 11pt;
     font-weight: normal; }
   .world-clocks-button .world-clocks-time {
     font-weight: bold;
     color: #5c616c;
     font-feature-settings: "tnum";
-    font-size: 10pt; }
+    font-size: 11pt; }
     .world-clocks-button .world-clocks-time:ltr {
       text-align: right; }
     .world-clocks-button .world-clocks-time:rtl {
@@ -640,13 +642,13 @@ StScrollBar {
   .world-clocks-button .world-clocks-timezone {
     color: #2d3035;
     font-feature-settings: "tnum";
-    font-size: 9pt; }
+    font-size: 10pt; }
 
 /* Weather */
 .weather-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #5c616c;
   background-color: white;
@@ -683,14 +685,14 @@ StScrollBar {
     font-weight: bold; }
     .weather-button .weather-header.location {
       font-weight: normal;
-      font-size: 9pt; }
+      font-size: 10pt; }
   .weather-button .weather-grid {
     spacing-rows: 6px;
     spacing-columns: 12px; }
   .weather-button .weather-forecast-time {
     color: #161719;
     font-feature-settings: "tnum";
-    font-size: 8pt;
+    font-size: 9pt;
     font-weight: normal;
     padding-top: 0.2em;
     padding-bottom: 0.4em; }
@@ -718,18 +720,11 @@ StScrollBar {
   margin: 8px 16px 0;
   padding: 4px;
   spacing: 12px; }
-  .message-list-controls .dnd-button {
-    border-width: 2px;
-    border-color: transparent;
-    border-radius: 99px;
-    border-style: solid; }
-    .message-list-controls .dnd-button:focus {
-      border-color: rgba(39, 119, 255, 0.6); }
 
 .message {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   color: #5c616c;
   background-color: white;
@@ -775,7 +770,7 @@ StScrollBar {
     padding: 0 8px; }
     .message .message-secondary-bin > .event-time {
       color: rgba(92, 97, 108, 0.5);
-      font-size: 8pt;
+      font-size: 9pt;
       /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
       padding-bottom: 0.13em; }
       .message .message-secondary-bin > .event-time:ltr {
@@ -796,7 +791,7 @@ StScrollBar {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
+  padding: 12px 24px;
   color: #393c43; }
   .message-media-control:hover {
     background-color: white;
@@ -807,18 +802,18 @@ StScrollBar {
   .message-media-control:insensitive {
     color: black; }
   .message-media-control:last-child:ltr {
-    border-radius: 0 10px 10px 0; }
+    border-radius: 0 7px 7px 0; }
   .message-media-control:last-child:rtl {
-    border-radius: 10px 0 0 10px; }
+    border-radius: 7px 0 0 7px; }
 
 .media-message-cover-icon {
   icon-size: 2.18em !important;
-  border-radius: 8px; }
+  border-radius: 5px; }
   .media-message-cover-icon.fallback {
     color: #34373d;
     background-color: #ffffff;
     border: 1px solid transparent;
-    border-radius: 8px;
+    border-radius: 5px;
     icon-size: 2.18em !important; }
 
 .candidate-popup-content {
@@ -831,7 +826,7 @@ StScrollBar {
 
 .candidate-box {
   padding: 0.3em 0.5em 0.3em 0.5em;
-  border-radius: 8px; }
+  border-radius: 5px; }
   .candidate-box:selected, .candidate-box:hover {
     background-color: #2777ff;
     color: #ffffff; }
@@ -847,11 +842,11 @@ StScrollBar {
   padding: 4px; }
 
 .candidate-page-button-previous {
-  border-radius: 8px 0px 0px 8px;
+  border-radius: 5px 0px 0px 5px;
   border-right-width: 0; }
 
 .candidate-page-button-next {
-  border-radius: 0px 8px 8px 0px; }
+  border-radius: 0px 5px 5px 0px; }
 
 .candidate-page-button-icon {
   icon-size: 1em; }
@@ -864,7 +859,7 @@ StScrollBar {
     spacing: 0; }
 
 .summary-source-counter {
-  font-size: 9pt;
+  font-size: 10pt;
   font-weight: bold;
   height: 1.6em;
   width: 1.6em;
@@ -903,7 +898,7 @@ StScrollBar {
 
 .chat-meta-message {
   padding-left: 4px;
-  font-size: 8pt;
+  font-size: 9pt;
   font-weight: bold;
   color: #898f9b; }
   .chat-meta-message:rtl {
@@ -916,10 +911,10 @@ StScrollBar {
 
 /* Modal Dialogs */
 .headline {
-  font-size: 11pt; }
+  font-size: 12pt; }
 
 .modal-dialog {
-  border-radius: 16px; }
+  border-radius: 10px; }
   .modal-dialog .modal-dialog-content-box {
     margin: 32px 40px;
     spacing: 32px;
@@ -961,7 +956,7 @@ StScrollBar {
         font-weight: bold; }
       .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
         color: #50555e;
-        font-size: 9pt; }
+        font-size: 10pt; }
 
 /* Run Dialog */
 .run-dialog .modal-dialog-content-box {
@@ -972,7 +967,7 @@ StScrollBar {
   width: 20em; }
 
 .run-dialog .run-dialog-description {
-  font-size: 9pt;
+  font-size: 10pt;
   text-align: center;
   color: #2d3035; }
 
@@ -1002,7 +997,7 @@ StScrollBar {
 .prompt-dialog-info-label,
 .prompt-dialog-null-label {
   text-align: center;
-  font-size: 9pt; }
+  font-size: 10pt; }
 
 .prompt-dialog-error-label {
   color: #fd7d00; }
@@ -1038,14 +1033,6 @@ StScrollBar {
 .audio-selection-device-icon {
   icon-size: 4.36em; }
 
-/* Welcome dialog */
-.welcome-dialog-image {
-  background-image: url("assets/gnome-shell-start.svg");
-  background-size: contain;
-  /* Reasonable maximum dimensions */
-  height: 300px;
-  width: 300px; }
-
 /* Network Dialogs */
 .nm-dialog {
   max-height: 34em;
@@ -1081,7 +1068,7 @@ StScrollBar {
   background-color: #f7f7f7; }
 
 .nm-dialog-item {
-  font-size: 10pt;
+  font-size: 11pt;
   border-bottom: 1px solid #d9d9d9;
   padding: 12px;
   spacing: 0px; }
@@ -1140,7 +1127,7 @@ StScrollBar {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 9px;
+  border-radius: 6px;
   border: 1px solid transparent; }
   .switcher-list .item-box:outlined {
     background-color: rgba(255, 255, 255, 0.3); }
@@ -1192,7 +1179,7 @@ StScrollBar {
   height: 50px;
   background-size: 32px;
   border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 11px; }
+  border-radius: 8px; }
 
 .ws-switcher-active-up,
 .ws-switcher-active-down,
@@ -1201,62 +1188,58 @@ StScrollBar {
   height: 52px;
   background-color: #2777ff;
   border: 1px solid #005efd;
-  border-radius: 11px;
+  border-radius: 8px;
   color: #ffffff; }
 
 /* Top Bar */
 #panel {
   background-color: #000;
   font-weight: bold;
-  height: 2.2em;
-  font-feature-settings: "tnum";
-  transition-duration: 250ms; }
-  #panel.unlock-screen, #panel.login-screen, #panel:overview {
+  height: 1.86em;
+  font-feature-settings: "tnum"; }
+  #panel.unlock-screen, #panel.login-screen {
     background-color: transparent; }
-    #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
-      -panel-corner-opacity: 0; }
+    #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent; }
+  #panel #panelLeft, #panel #panelCenter {
+    spacing: 6px; }
   #panel .panel-corner {
-    -panel-corner-radius: 9px;
+    -panel-corner-radius: 6px;
     -panel-corner-background-color: #000;
     -panel-corner-border-width: 2px;
-    -panel-corner-border-color: transparent;
-    -panel-corner-opacity: 1;
-    transition-duration: 250ms; }
+    -panel-corner-border-color: transparent; }
+    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
+      -panel-corner-border-color: #4187ff; }
   #panel .panel-button {
     font-weight: bold;
-    color: #ddd;
+    color: #ccc;
     -natural-hpadding: 12px;
-    -minimum-hpadding: 6px;
-    transition-duration: 150ms;
-    border: 3px solid transparent;
-    border-radius: 99px; }
-    #panel .panel-button.clock-display .clock {
-      transition-duration: 150ms;
-      border: 3px solid transparent;
-      border-radius: 99px; }
-    #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
-      box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
-      #panel .panel-button:hover.clock-display, #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
-        box-shadow: none; }
-        #panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
-          box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+    -minimum-hpadding: 6px; }
+    #panel .panel-button:hover {
+      color: white; }
+    #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+      color: white; }
     #panel .panel-button .system-status-icon {
       icon-size: 1.09em;
-      padding: 5px;
-      margin: 0 4px; }
-    #panel .panel-button .panel-status-indicators-box .system-status-icon,
-    #panel .panel-button .panel-status-menu-box .system-status-icon {
-      margin: 0; }
+      padding: 5px; }
     #panel .panel-button .app-menu-icon {
+      margin-left: 4px;
+      margin-right: 4px;
       -st-icon-style: symbolic; }
-    #panel .panel-button#panelActivities {
-      -natural-hpadding: 18px; }
-  #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
-    box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
-    #panel.unlock-screen .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:hover.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display {
-      box-shadow: none; }
-      #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
-        box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
+    .unlock-screen #panel .panel-button, .login-screen #panel .panel-button {
+      color: #737a88; }
+      .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active {
+        color: #737a88; }
+  #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+    background-color: rgba(0, 0, 0, 0.01);
+    box-shadow: inset 0 -2px 0 0 #4187ff; }
+  #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
+    box-shadow: none; }
+    #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
+      background-color: rgba(0, 0, 0, 0.01);
+      box-shadow: inset 0 -2px 0 0 #4187ff; }
   #panel .panel-status-indicators-box,
   #panel .panel-status-menu-box {
     spacing: 2px; }
@@ -1271,10 +1254,6 @@ StScrollBar {
   #appMenu .label-shadow {
     color: transparent; }
 
-#appMenu .panel-status-menu-box {
-  padding: 0 6px;
-  spacing: 6px; }
-
 /* Activities Ripple */
 .ripple-box {
   background-color: rgba(243, 247, 255, 0.3);
@@ -1286,45 +1265,49 @@ StScrollBar {
     border-radius: 0 0 0 52px; }
 
 /* OVERVIEW */
-.controls-manager, .secondary-monitor-workspaces {
-  spacing: 12px; }
-
-#overviewGroup {
-  background-color: #272a34; }
+#overview {
+  spacing: 24px;
+  background-color: transparent; }
 
 .overview-controls {
   padding-bottom: 32px; }
 
 /* Window Picker */
 .window-picker {
-  spacing: 6px; }
+  spacing: 6px;
+  padding: 12px; }
+  .window-picker.external-monitor {
+    padding: 12px; }
+
+.window-clone-border {
+  border-width: 6px;
+  border-style: solid;
+  border-color: rgba(255, 255, 255, 0.35);
+  border-radius: 7px;
+  box-shadow: inset 0 0 0 1px rgba(217, 217, 217, 0.2); }
 
 .window-caption {
   color: white;
   background-color: #303340;
-  border-radius: 99px;
-  padding: 6px 12px; }
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  padding: 6px 12px;
+  font-weight: bold;
+  font-size: 12pt; }
 
 .window-close {
-  background-color: #303340;
-  color: white;
-  border-radius: 21px;
+  background-color: #2777ff;
+  color: #ffffff;
+  border: none;
+  border-radius: 18px;
   padding: 3px;
-  height: 30px;
-  width: 30px;
-  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
-  transition-duration: 300ms; }
-  .window-close StIcon {
-    icon-size: 24px; }
+  height: 24px;
+  width: 24px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
   .window-close:hover {
-    background-color: #51576b; }
+    background-color: #4187ff; }
   .window-close:active {
-    color: rgba(255, 255, 255, 0.8);
-    background-color: #252831; }
-
-.workspace-background {
-  border-radius: 30px;
-  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
+    background-color: #0e67ff; }
 
 
 .search-entry {
@@ -1333,16 +1316,16 @@ StScrollBar {
   border-radius: 18px;
   color: rgba(92, 97, 108, 0.7);
   background-color: #ffffff;
-  margin-top: 12px;
-  margin-bottom: 6px;
-  border-width: 2px;
-  border-color: transparent; }
+  border-color: #d9d9d9; }
   
   .search-entry:hover {
     background-color: #f7f7f7;
+    border-color: #e6e6e6;
     color: #50555e; }
   
   .search-entry:focus {
+    padding: 6px 8px;
+    border-width: 2px;
     border-style: solid;
     border-color: #2777ff;
     color: #5c616c;
@@ -1366,7 +1349,7 @@ StScrollBar {
 
 .search-section-content {
   background-color: rgba(59, 63, 78, 0.8);
-  border-radius: 19px;
+  border-radius: 13px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   text-shadow: 0 1px rgba(255, 255, 255, 0.2);
@@ -1403,73 +1386,12 @@ StScrollBar {
 .list-search-result .list-search-result-description {
   color: #b3b3b3; }
 
-/* Dash */
-#dash {
-  font-size: 8pt;
-  margin-top: 18px;
-  padding: 0 10px; }
-  #dash .placeholder {
-    background-image: none;
-    background-size: contain;
-    height: 32px; }
-  #dash .empty-dash-drop-target {
-    width: 32px;
-    height: 32px; }
-  #dash .overview-icon {
-    padding: 5px; }
-
-.dash-background {
-  background-color: #3b3b3b;
-  margin-bottom: 16px;
-  padding: 10px;
-  border-radius: 24px; }
-
-.dash-item-container .app-well-app, .show-apps {
-  padding: 10px 1.5px 26px; }
-
-.dash-separator {
-  width: 1px;
-  margin: 0 6.5px 16px;
-  background-color: rgba(255, 255, 255, 0.3); }
-
-.dash-label {
-  color: white;
-  background-color: #303340;
-  border-radius: 99px;
-  padding: 6px 12px;
-  text-align: center;
-  -y-offset: 12px; }
-
-.show-apps .overview-icon {
-  color: white; }
-
-.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.show-apps:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.3); }
-
-.show-apps:drop .overview-icon {
-  border: 2px solid #2777ff;
-  background-color: rgba(39, 119, 255, 0.2); }
-
-.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
-  background-color: rgba(26, 28, 35, 0.5); }
-
-.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
-  background-color: rgba(48, 51, 64, 0.5);
-  color: #5c616c; }
-
 /* App Grid */
 .icon-grid {
-  row-spacing: 12px;
-  column-spacing: 12px;
+  row-spacing: 36px;
+  column-spacing: 36px;
   max-row-spacing: 72px;
-  max-column-spacing: 72px;
-  page-padding-top: 24px;
-  page-padding-bottom: 24px;
-  page-padding-left: 12px;
-  page-padding-right: 12px; }
+  max-column-spacing: 72px; }
 
 /* App Icons */
 .app-well-app .overview-icon,
@@ -1487,8 +1409,7 @@ StScrollBar {
 
 .app-well-app:drop .overview-icon,
 .grid-search-result:drop .overview-icon {
-  border: 2px solid #2777ff;
-  background-color: rgba(39, 119, 255, 0.2); }
+  background-color: rgba(39, 119, 255, 0.85); }
 
 .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
 .grid-search-result:active .overview-icon,
@@ -1504,13 +1425,14 @@ StScrollBar {
 
 /* App Folders */
 .app-well-app.app-folder {
-  background-color: #3b3b3b;
-  border-radius: 12px; }
+  background-color: rgba(48, 51, 64, 0.2);
+  border-radius: 9px; }
 
 .app-folder-dialog {
-  border-radius: 24px;
-  background-color: #3b3b3b;
-  padding: 12px 0px 12px 0px; }
+  border-radius: 15px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  background-color: rgba(26, 28, 35, 0.95);
+  padding: 12px; }
   .app-folder-dialog .folder-name-container {
     padding: 24px 36px 0;
     spacing: 12px;
@@ -1532,19 +1454,22 @@ StScrollBar {
         icon-size: 16px; }
   .app-folder-dialog .icon-grid {
     row-spacing: 12px;
-    column-spacing: 30px;
-    page-padding-top: 0;
-    page-padding-bottom: 0;
-    page-padding-left: 0;
-    page-padding-right: 0; }
+    column-spacing: 30px; }
   .app-folder-dialog .page-indicators {
     margin-bottom: 18px; }
+    .app-folder-dialog .page-indicators .page-indicator {
+      padding: 15px 12px; }
 
 .app-folder-dialog-container {
   padding: 12px;
   width: 620px;
   height: 620px; }
 
+.app-folder-icon {
+  padding: 6px;
+  spacing-rows: 6px;
+  spacing-columns: 6px; }
+
 .app-well-app-running-dot {
   height: 5px;
   width: 5px;
@@ -1557,19 +1482,20 @@ StScrollBar {
   .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
     padding: 0 12px; }
 
-.app-menu {
+.app-menu,
+.app-well-menu {
   max-width: 27.25em; }
 
 .page-indicator {
-  padding: 6px 12px 0; }
+  padding: 15px 20px; }
   .page-indicator .page-indicator-icon {
     width: 10px;
     height: 10px;
     border-radius: 10px;
     background-color: white; }
 
-.apps-scroll-view {
-  padding: 0; }
+.all-apps {
+  padding: 0px 88px 10px 88px; }
 
 .system-action-icon {
   background-color: rgba(0, 0, 0, 0.8);
@@ -1577,37 +1503,69 @@ StScrollBar {
   border-radius: 99px;
   icon-size: 48px; }
 
-.page-navigation-hint {
-  width: 300px; }
-  .page-navigation-hint.dnd {
-    background: rgba(255, 255, 255, 0.1); }
-  .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
-    background-gradient-start: rgba(255, 255, 255, 0.05);
-    background-gradient-end: transparent;
-    background-gradient-direction: horizontal;
-    border-radius: 15px 0px 0px 15px; }
-  .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
-    background-gradient-start: transparent;
-    background-gradient-end: rgba(255, 255, 255, 0.05);
-    background-gradient-direction: horizontal;
-    border-radius: 0px 15px 15px 0px; }
+/* Dash */
+#dash {
+  font-size: 9pt;
+  padding: 5px 0;
+  border-radius: 0 15px 15px 0;
+  border-left-width: 0; }
+  #dash:rtl {
+    border-radius: 15px 0 0 15px;
+    border-right-width: 0; }
+  #dash .placeholder {
+    background-image: none;
+    background-size: contain;
+    height: 32px; }
+  #dash .empty-dash-drop-target {
+    width: 32px;
+    height: 32px; }
 
-.page-navigation-arrow {
-  margin: 6px;
-  width: 24px;
-  height: 24px; }
+.dash-item-container > StWidget {
+  padding: 5px 10px; }
+
+.dash-label {
+  background-color: rgba(48, 51, 64, 0.95);
+  border-radius: 7px;
+  border: none;
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+  color: white;
+  padding: 6px 8px;
+  text-align: center;
+  -x-offset: 8px; }
+
+.show-apps .overview-icon {
+  color: white; }
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.show-apps:drop .overview-icon {
+  background-color: rgba(39, 119, 255, 0.85); }
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(26, 28, 35, 0.5); }
+
+.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
+  background-color: #1a1c23;
+  color: #5c616c; }
 
 /* Workspace pager */
 .workspace-thumbnails {
   visible-width: 32px;
   spacing: 6px;
-  padding: 6px; }
-  .workspace-thumbnails .workspace-thumbnail {
-    border-radius: 3px; }
+  padding: 6px;
+  border-radius: 10px 0 0 10px;
+  border-right-width: 0; }
+  .workspace-thumbnails:rtl {
+    border-radius: 0 10px 10px 0;
+    border-left-width: 0; }
   .workspace-thumbnails .placeholder {
-    background-image: url("assets/workspace-placeholder.svg");
+    background-image: url("assets/dash-placeholder.svg");
     background-size: contain;
-    width: 18px; }
+    height: 24px; }
 
 .workspace-thumbnail-indicator {
   border: 3px solid #2777ff;
@@ -1641,17 +1599,12 @@ StScrollBar {
   background-size: contain;
   color: white;
   border-radius: 99px;
-  icon-size: 4.36em; }
+  border: 2px white; }
   .user-icon:hover {
     color: white; }
   .user-icon StIcon {
     background-color: rgba(255, 255, 255, 0.05);
-    border-radius: 99px;
-    padding: 12px;
-    width: 2.725em;
-    height: 2.725em; }
-  .user-icon.user-avatar {
-    border: 2px white; }
+    border-radius: 99px; }
 
 .user-widget.vertical .user-icon {
   icon-size: 6.54em; }
@@ -1662,6 +1615,13 @@ StScrollBar {
     width: 5.995em;
     height: 5.995em; }
 
+.user-widget.horizontal .user-icon {
+  icon-size: 4.36em; }
+  .user-widget.horizontal .user-icon StIcon {
+    padding: 12px;
+    width: 2.725em;
+    height: 2.725em; }
+
 .lightbox {
   background-color: black; }
 
@@ -1674,26 +1634,22 @@ StScrollBar {
 .caps-lock-warning-label {
   text-align: center;
   padding-bottom: 8px;
-  font-size: 9pt;
+  font-size: 10pt;
   color: #fd7d00; }
 
-/* Workspace animation */
-.workspace-animation {
-  background-color: #272a34; }
-
 /* Tiled window previews */
 .tile-preview {
   background-color: rgba(39, 119, 255, 0.5);
   border: 1px solid #2777ff; }
 
 .tile-preview-left.on-primary {
-  border-radius: 9px 0 0 0; }
+  border-radius: 6px 0 0 0; }
 
 .tile-preview-right.on-primary {
-  border-radius: 0 9px 0 0; }
+  border-radius: 0 6px 0 0; }
 
 .tile-preview-left.tile-preview-right.on-primary {
-  border-radius: 9px 9px 0 0; }
+  border-radius: 6px 6px 0 0; }
 
 /* On-screen Keyboard */
 #keyboard {
@@ -1716,12 +1672,12 @@ StScrollBar {
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
   text-shadow: 0 1px rgba(255, 255, 255, 0.3);
   icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
-  font-size: 15pt;
+  font-size: 16pt;
   min-height: 1.2em;
   min-width: 1.2em;
   border-width: 1px;
   border-style: solid;
-  border-radius: 11px; }
+  border-radius: 8px; }
   .keyboard-key:focus {
     color: #5c616c;
     text-shadow: 0 1px rgba(255, 255, 255, 0.3);
@@ -1794,7 +1750,7 @@ StScrollBar {
 
 .keyboard-subkeys {
   color: white;
-  -arrow-border-radius: 16px;
+  -arrow-border-radius: 10px;
   -arrow-background-color: #303340;
   -arrow-border-width: 1px;
   -arrow-border-color: #43495a;
@@ -1808,7 +1764,7 @@ StScrollBar {
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
     text-shadow: 0 1px rgba(255, 255, 255, 0.3);
     icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
-    border-radius: 8px; }
+    border-radius: 5px; }
     .keyboard-subkeys .keyboard-key:focus {
       color: #5c616c;
       text-shadow: 0 1px rgba(255, 255, 255, 0.3);
@@ -1839,7 +1795,7 @@ StScrollBar {
   background-color: #2777ff; }
 
 .word-suggestions {
-  font-size: 13pt;
+  font-size: 14pt;
   spacing: 12px;
   min-height: 20pt; }
 
@@ -1849,11 +1805,11 @@ StScrollBar {
   spacing: 6px;
   padding: 4px;
   border: 1px solid rgba(255, 255, 255, 0.2);
-  border-radius: 8px;
+  border-radius: 5px;
   color: white; }
   #LookingGlassDialog > #Toolbar {
     border: none;
-    border-radius: 8px;
+    border-radius: 5px;
     background-color: #303340; }
   #LookingGlassDialog .labels {
     spacing: 6px; }
@@ -1910,7 +1866,7 @@ StScrollBar {
 .lg-obj-inspector-button {
   border: 1px solid black;
   padding: 4px;
-  border-radius: 8px; }
+  border-radius: 5px; }
   .lg-obj-inspector-button:hover {
     border: 1px solid #ffffff; }
 
@@ -1924,7 +1880,7 @@ StScrollBar {
 .lg-extension {
   border: 1px solid #0d0d0d;
   background-color: #3b3f4e;
-  border-radius: 8px;
+  border-radius: 5px;
   padding: 4px; }
 
 .lg-extension-name {
@@ -1936,7 +1892,7 @@ StScrollBar {
 #LookingGlassPropertyInspector {
   background: #303340;
   border: 1px solid black;
-  border-radius: 8px;
+  border-radius: 5px;
   padding: 6px; }
 
 /* Login Dialog */
@@ -1944,43 +1900,35 @@ StScrollBar {
   padding-top: 24px;
   max-width: 23em; }
 
-.login-dialog,
-.unlock-dialog {
+.login-dialog {
   border: none;
   background-color: transparent; }
-  .login-dialog .modal-dialog-button-box,
-  .unlock-dialog .modal-dialog-button-box {
+  .login-dialog .modal-dialog-button-box {
     spacing: 3px; }
-  .login-dialog .modal-dialog-button,
-  .unlock-dialog .modal-dialog-button {
+  .login-dialog .modal-dialog-button {
     padding: 4px 18px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-    background-color: #20232b;
-    border-color: #20232b;
-    color: white; }
-    .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
-    .unlock-dialog .modal-dialog-button:hover,
-    .unlock-dialog .modal-dialog-button:focus {
-      background-color: #323643;
-      border-color: #323643; }
-    .login-dialog .modal-dialog-button:active,
-    .unlock-dialog .modal-dialog-button:active {
+    background-color: #5b666a;
+    border-color: #5b666a;
+    color: #5c616c; }
+    .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
+      background-color: #667478;
+      border-color: #667478; }
+    .login-dialog .modal-dialog-button:active {
       box-shadow: none;
-      background-color: #1c1e25;
-      border-color: #1c1e25; }
-    .login-dialog .modal-dialog-button:insensitive,
-    .unlock-dialog .modal-dialog-button:insensitive {
+      background-color: #4f595d;
+      border-color: #4f595d; }
+    .login-dialog .modal-dialog-button:insensitive {
       color: #aeb0b6;
       border-color: #d9d9d9;
       background-color: #fdfdfd;
       box-shadow: none;
       text-shadow: none;
       icon-shadow: none;
-      border-color: #1c1e25;
-      background-color: #1c1e25;
-      color: rgba(255, 255, 255, 0.7); }
-    .login-dialog .modal-dialog-button:default,
-    .unlock-dialog .modal-dialog-button:default {
+      border-color: #4f595d;
+      background-color: #4f595d;
+      color: rgba(92, 97, 108, 0.7); }
+    .login-dialog .modal-dialog-button:default {
       color: #ffffff;
       background-color: #3681ff;
       border-color: #004bca;
@@ -1988,9 +1936,7 @@ StScrollBar {
       text-shadow: 0 1px rgba(255, 255, 255, 0.3);
       icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
       border-color: #2777ff; }
-      .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
-      .unlock-dialog .modal-dialog-button:default:hover,
-      .unlock-dialog .modal-dialog-button:default:focus {
+      .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
         color: #ffffff;
         background-color: #5091ff;
         border-color: #0058ee;
@@ -1999,8 +1945,7 @@ StScrollBar {
         icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
         background-color: #4187ff;
         border-color: #4187ff; }
-      .login-dialog .modal-dialog-button:default:active,
-      .unlock-dialog .modal-dialog-button:default:active {
+      .login-dialog .modal-dialog-button:default:active {
         color: #ffffff;
         background-color: #186eff;
         border-color: #004bca;
@@ -2009,8 +1954,7 @@ StScrollBar {
         box-shadow: none;
         background-color: #0e67ff;
         border-color: #0e67ff; }
-      .login-dialog .modal-dialog-button:default:insensitive,
-      .unlock-dialog .modal-dialog-button:default:insensitive {
+      .login-dialog .modal-dialog-button:default:insensitive {
         color: #aeb0b6;
         border-color: #d9d9d9;
         background-color: #fdfdfd;
@@ -2022,27 +1966,19 @@ StScrollBar {
         color: rgba(255, 255, 255, 0.7); }
   .login-dialog .cancel-button,
   .login-dialog .switch-user-button,
-  .login-dialog .login-dialog-session-list-button,
-  .unlock-dialog .cancel-button,
-  .unlock-dialog .switch-user-button,
-  .unlock-dialog .login-dialog-session-list-button {
+  .login-dialog .login-dialog-session-list-button {
     padding: 0;
     border-radius: 99px;
     width: 2.18em;
     height: 2.18em;
-    border-color: #20232b;
-    background-color: #20232b; }
+    border-color: rgba(255, 255, 255, 0.3);
+    background-color: rgba(255, 255, 255, 0.3); }
     .login-dialog .cancel-button StIcon,
     .login-dialog .switch-user-button StIcon,
-    .login-dialog .login-dialog-session-list-button StIcon,
-    .unlock-dialog .cancel-button StIcon,
-    .unlock-dialog .switch-user-button StIcon,
-    .unlock-dialog .login-dialog-session-list-button StIcon {
+    .login-dialog .login-dialog-session-list-button StIcon {
       icon-size: 1.09em; }
   .login-dialog .caps-lock-warning-label,
-  .login-dialog .login-dialog-message-warning,
-  .unlock-dialog .caps-lock-warning-label,
-  .unlock-dialog .login-dialog-message-warning {
+  .login-dialog .login-dialog-message-warning {
     color: white; }
 
 .login-dialog-logo-bin {
@@ -2058,6 +1994,10 @@ StScrollBar {
 .login-dialog-message {
   text-align: center; }
 
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px; }
+
 .login-dialog-user-selection-box {
   padding: 100px 0px; }
 
@@ -2067,7 +2007,7 @@ StScrollBar {
     color: white; }
 
 .login-dialog-not-listed-label {
-  font-size: 9pt;
+  font-size: 10pt;
   font-weight: bold;
   color: #b3b3b3;
   padding-top: 1em; }
@@ -2085,7 +2025,7 @@ StScrollBar {
     border-right: 2px solid #2777ff; }
 
 .login-dialog-user-list-item {
-  border-radius: 12px;
+  border-radius: 9px;
   padding: 6px;
   color: #b3b3b3; }
   .login-dialog-user-list-item:ltr .user-widget {
@@ -2103,7 +2043,7 @@ StScrollBar {
   color: white; }
 
 .user-widget.horizontal .user-widget-label {
-  font-size: 12pt;
+  font-size: 13pt;
   font-weight: bold;
   padding-left: 15px; }
   .user-widget.horizontal .user-widget-label:ltr {
@@ -2114,15 +2054,11 @@ StScrollBar {
     text-align: right; }
 
 .user-widget.vertical .user-widget-label {
-  font-size: 15pt;
+  font-size: 16pt;
   text-align: center;
   font-weight: normal;
   padding-top: 16px; }
 
-.login-dialog-timed-login-indicator {
-  height: 2px;
-  background-color: black; }
-
 .login-dialog-prompt-layout {
   padding-top: 24px;
   padding-bottom: 12px;
@@ -2134,7 +2070,7 @@ StScrollBar {
 
 .login-dialog-prompt-label {
   color: #cccccc;
-  font-size: 11pt;
+  font-size: 12pt;
   padding-top: 1em; }
 
 /* Screen Shield */
@@ -2172,7 +2108,7 @@ StScrollBar {
     border: none;
     background-color: rgba(48, 51, 64, 0.3);
     color: white;
-    border-radius: 16px; }
+    border-radius: 10px; }
     .unlock-dialog-notifications-container .notification.critical,
     .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
       background-color: rgba(48, 51, 64, 0.9); }
@@ -2193,7 +2129,7 @@ StScrollBar {
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }
 
 #lockDialogGroup {
-  background-color: #272a34; }
+  background-color: #41494c; }
 
 #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
   background-color: rgba(255, 255, 255, 0.3); }
@@ -2207,11 +2143,10 @@ StScrollBar {
   font-weight: bold;
   background-color: #ffffff;
   color: #5c616c;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
+  border: 1px solid rgba(0, 0, 0, 0.15); }
   .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon {
     color: black;
-    icon-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
+    icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; }
 
 .osd-window .level {
   -barlevel-background-color: rgba(0, 0, 0, 0.3);
@@ -2242,21 +2177,16 @@ StScrollBar {
 .check-box:focus:checked StBin {
   background-image: url("assets/checkbox-focused.svg"); }
 
-/* Switches */
-.toggle-switch {
-  background-image: url("assets/toggle-off.svg"); }
-  .toggle-switch:checked {
-    background-image: url("assets/toggle-on.svg"); }
-
 /* App Switcher */
 .switcher-list .item-box:outlined {
   padding: 6px;
-  border: 3px solid #2777ff; }
+  border: 3px solid #2777ff;
+  border-radius: 8px; }
 
 .switcher-list .item-box:selected {
   background-color: #2777ff;
   color: #ffffff;
-  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
+  text-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px; }
 
 /* Workspace Switcher */
 .ws-switcher-box {
@@ -2265,29 +2195,38 @@ StScrollBar {
 .workspace-switcher-container {
   padding: 7px; }
 
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.5); }
+
 /* Window Picker */
+.window-clone-border {
+  border-color: rgba(255, 255, 255, 0.25); }
+
 .window-caption {
+  font-size: .9em;
   color: black;
   background-color: white;
+  border: none;
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); }
 
 .window-close {
   background-image: url("assets/close-window.svg");
   background-size: 32px;
   background-color: transparent;
+  border: 0;
   box-shadow: none;
   color: transparent;
   height: 32px;
-  width: 32px;
-  transition-duration: .2s; }
+  width: 32px; }
   .window-close:hover {
     background-image: url("assets/close-window-hover.svg");
     background-color: transparent; }
   .window-close:active {
     background-image: url("assets/close-window-active.svg");
-    background-color: transparent;
-    color: transparent;
-    transition-duration: 0s; }
+    background-color: transparent; }
 
 /* Tiled window previews */
 .tile-preview-left.on-primary,
@@ -2298,26 +2237,19 @@ StScrollBar {
 /* TOP BAR */
 #panel {
   background: rgba(255, 255, 255, 0.8);
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
   #panel .popup-menu-arrow {
     width: 0; }
   #panel StIcon {
-    icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+    icon-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; }
   #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview {
     background-color: transparent; }
     #panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button, #panel.lock-screen .panel-button:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:checked, #panel:overview .panel-button, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:overview, #panel:overview .panel-button:checked {
       color: white; }
   #panel .panel-corner {
     -panel-corner-radius: 0; }
-  #panel .panel-button {
+  #panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked {
     color: black; }
-    #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked {
-      color: black;
-      box-shadow: inset 0 0 0 100px white; }
-  #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
-    box-shadow: none; }
-    #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
-      box-shadow: inset 0 0 0 100px white; }
   #panel #panelActivities.panel-button {
     margin-left: .4em; }
     #panel #panelActivities.panel-button StLabel {
@@ -2327,7 +2259,7 @@ StScrollBar {
       height: 1.5em;
       color: transparent; }
     #panel #panelActivities.panel-button:overview StLabel {
-      background-image: url("assets/view-grid-symbolic-dark.svg"); }
+      background-image: url("assets/view-grid-symbolic-checked.svg"); }
 
 /* Date/Time Menu */
 #calendarArea {
@@ -2344,7 +2276,7 @@ StScrollBar {
 .calendar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2371,18 +2303,17 @@ StScrollBar {
     text-shadow: none;
     icon-shadow: none;
     box-shadow: none; }
-  .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
-    color: #5c616c;
-    background-color: #e6e6e6; }
-  .calendar .calendar-today:active, .calendar .calendar-today:selected {
-    background: #2777ff;
-    color: #ffffff; }
+
+/* Message list */
+.message-list {
+  width: 31.5em;
+  background: rgba(255, 255, 255, 0.7); }
 
 /* Events */
 .events-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2414,7 +2345,7 @@ StScrollBar {
 .world-clocks-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2445,7 +2376,7 @@ StScrollBar {
 .weather-button {
   border-width: 1px;
   border-style: solid;
-  border-radius: 10px;
+  border-radius: 7px;
   margin: 4px;
   border-color: transparent;
   background-color: transparent;
@@ -2476,11 +2407,10 @@ StScrollBar {
 /* Search */
 .search-entry {
   color: black;
-  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
   font-weight: bold;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: 999px;
-  font-size: 1.1em;
+  background-color: rgba(255, 255, 255, 0.2);
+  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
+  border-radius: 100px;
   transition-duration: 200ms; }
   .search-entry StLabel.hint-text {
     color: white; }
@@ -2492,8 +2422,8 @@ StScrollBar {
     background-color: white;
     color: black;
     font-weight: normal;
-    box-shadow: none;
-    text-shadow: none; }
+    text-shadow: none;
+    box-shadow: none; }
     .search-entry:focus StLabel.hint-text, .search-entry:hover StLabel.hint-text {
       color: black; }
     .search-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon {
@@ -2503,10 +2433,18 @@ StScrollBar {
     color: white;
     icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); }
 
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.search-section:last-child .search-section-separator {
+  background-color: transparent; }
+
 .search-section-content {
-  background-color: rgba(255, 255, 255, 0.1);
-  box-shadow: none;
-  border: none; }
+  background-color: transparent;
+  border-radius: 0;
+  border: 0;
+  box-shadow: 0; }
 
 .search-provider-icon .list-search-provider-content .list-search-provider-details {
   font-weight: bold; }
@@ -2519,31 +2457,39 @@ StScrollBar {
   border-color: transparent; }
   #dash .overview-icon StIcon {
     color: white;
-    icon-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }
-
-.dash-background {
-  background: rgba(255, 255, 255, 0.1); }
-
-.dash-separator {
-  background: rgba(255, 255, 255, 0.1); }
+    icon-shadow: rgba(0, 0, 0, 0.7) 0 2px 6px; }
 
 .show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(255, 255, 255, 0.2);
   color: black; }
 
-/* App Folders */
-.app-well-app.app-folder, .app-well-app.app-folder .overview-icon.overview-icon-with-label {
-  background-color: rgba(255, 255, 255, 0.1); }
+/* Workspace pager */
+.workspace-thumbnails {
+  background-color: rgba(0, 0, 0, 0.2);
+  border: none; }
+  .workspace-thumbnails .placeholder {
+    background-image: none; }
 
-.app-well-app.app-folder:checked {
-  background: black; }
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 2px 5px black; }
+  .app-well-app.app-folder:checked {
+    background: black; }
 
 .app-folder-dialog {
   background: black;
-  box-shadow: 0 0 20px black; }
+  box-shadow: 0 0 20px black;
+  border: none; }
   .app-folder-dialog .folder-name-container .edit-folder-button, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:active {
     background: white;
     color: black; }
 
-.app-folder-dialog-container {
-  width: 720px; }
+.panel-workspace-indicator {
+  box-shadow: inset 0 0 0 100px white;
+  color: black;
+  border-radius: 3px; }
+
+#panel:overview .panel-workspace-indicator {
+  box-shadow: inset 0 0 0 100px black;
+  color: white; }