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