From 2d7e99683aa0340c17cbc0d3b6d9e9eed941a31c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= <daniruiz@kali.org>
Date: Thu, 15 Sep 2022 14:22:21 +0200
Subject: [PATCH] Gnome-Shell: Update theme for gnome 43

---
 .../Kali-Dark/gnome-shell/gnome-shell.css     | 1116 ++++++++---------
 .../Kali-Light/gnome-shell/gnome-shell.css    | 1080 ++++++++--------
 src/themes/Kali/sass/common/_colors.scss      |   23 +
 .../Kali/sass/gnome-shell/_common-tweaks.scss |   94 --
 .../upstream/gnome-shell-sass/_colors.scss    |   40 +-
 .../upstream/gnome-shell-sass/_common.scss    |   46 +-
 .../gnome-shell-sass/_common.scss.patch       |   14 +-
 .../upstream/gnome-shell-sass/_drawing.scss   |   76 +-
 .../gnome-shell-sass/_drawing.scss.patch      |   45 -
 .../_high-contrast-colors.scss                |   41 -
 .../upstream/gnome-shell-sass/_widgets.scss   |    2 +-
 .../gnome-shell-sass/widgets/_app-grid.scss   |   21 +-
 .../gnome-shell-sass/widgets/_buttons.scss    |    4 +
 .../gnome-shell-sass/widgets/_calendar.scss   |    3 +-
 .../widgets/_corner-ripple.scss               |    4 +-
 .../gnome-shell-sass/widgets/_dialogs.scss    |    5 +
 .../gnome-shell-sass/widgets/_ibus-popup.scss |    7 +-
 .../gnome-shell-sass/widgets/_keyboard.scss   |   12 +-
 .../widgets/_login-dialog.scss                |    3 -
 .../widgets/_looking-glass.scss               |    4 +-
 .../widgets/_message-list.scss                |    4 +
 .../widgets/_network-dialog.scss              |   48 -
 .../widgets/_notifications.scss               |    2 +-
 .../gnome-shell-sass/widgets/_osd.scss        |   13 +-
 .../gnome-shell-sass/widgets/_panel.scss      |   25 +
 .../gnome-shell-sass/widgets/_popovers.scss   |   42 +-
 .../widgets/_quick-settings.scss              |  118 ++
 .../widgets/_screen-shield.scss               |    4 +-
 .../gnome-shell-sass/widgets/_screenshot.scss |   42 +-
 .../widgets/_window-picker.scss               |   15 +-
 .../sass/gnome-shell/upstream/pad-osd.css     |    1 -
 .../Kali/sass/gnome-shell/upstream/sync.sh    |    4 +-
 32 files changed, 1470 insertions(+), 1488 deletions(-)
 delete mode 100644 src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss.patch
 delete mode 100644 src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_high-contrast-colors.scss
 delete mode 100644 src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_network-dialog.scss
 create mode 100644 src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_quick-settings.scss

diff --git a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css
index b1ddb33a..f44cbfa8 100644
--- a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css
+++ b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css
@@ -23,7 +23,7 @@ stage {
   color: #eeeeec; }
 
 /* Common Stylings */
-.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window {
   color: white;
   background-color: #303340;
   border: 1px solid rgba(255, 255, 255, 0.1);
@@ -39,7 +39,7 @@ stage {
   padding: 6px;
   spacing: 6px;
   border: 2px solid transparent;
-  transition-duration: 100ms;
+  transition-duration: 200ms;
   text-align: center; }
 
 .modal-dialog {
@@ -54,90 +54,125 @@ stage {
   border-width: 1px;
   font-weight: bold;
   padding: 3px 24px;
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #2e313d;
-  border-color: #1a1c23; }
+  background-color: #2d2f38; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #2c364c;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #333d54;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #39435b;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #343640; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(238, 238, 236, 0.5);
-    background-color: rgba(238, 238, 236, 0.05);
-    border-color: #0d0e11; }
+    background-color: rgba(238, 238, 236, 0.05); }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3b3d49; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #3f424d; }
+    background-color: #414451; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
-      background-color: #484d60; }
+      background-color: #484b5a; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
-      background-color: #4e5468; }
+      background-color: #4f5362; }
+
+.icon-button {
+  border-radius: 99px;
+  border-style: solid;
+  border-width: 1px;
+  font-weight: bold;
+  padding: 12px;
+  transition-duration: 100ms;
+  color: #eeeeec;
+  background-color: #2d2f38; }
+  .icon-button:focus {
+    transition-duration: 100ms;
+    color: #eeeeec;
+    background-color: #2c364c;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
+    .icon-button:focus:hover {
+      background-color: #333d54;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+    .icon-button:focus:active {
+      background-color: #39435b;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+  .icon-button:hover {
+    transition-duration: 100ms;
+    color: #eeeeec;
+    background-color: #343640; }
+  .icon-button:insensitive {
+    transition-duration: 100ms;
+    color: rgba(238, 238, 236, 0.5);
+    background-color: rgba(238, 238, 236, 0.05); }
+  .icon-button:active {
+    transition-duration: 100ms;
+    color: #eeeeec;
+    background-color: #3b3d49; }
+  .icon-button:checked {
+    transition-duration: 100ms;
+    color: #eeeeec;
+    background-color: #414451; }
+    .icon-button:checked:hover {
+      background-color: #484b5a; }
+    .icon-button:checked:active {
+      background-color: #4f5362; }
+  .icon-button > StIcon {
+    icon-size: 1.09em; }
 
 .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
   padding: 12px;
   font-weight: bold !important;
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #3d4251;
-  border-color: #292c37; }
+  background-color: #424653; }
   .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
     margin-right: 1px; }
   .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
     margin-left: 1px; }
   .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(238, 238, 236, 0.5);
-    background-color: rgba(238, 238, 236, 0.05);
-    border-color: #0d0e11; }
+    background-color: rgba(238, 238, 236, 0.05); }
   .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #3b4763;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #3f4b64;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
-      background-color: #414d6a;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #45516c;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
-      background-color: #465472;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #4b5874;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #424756;
-    border-color: #292c37; }
+    background-color: #494d5c; }
   .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #474c5a;
-    border-color: #1a1c23; }
+    background-color: #505464; }
   .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #4d515f; }
+    background-color: #565c6d; }
     .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover {
-      background-color: #575e74; }
+      background-color: #5d6375; }
     .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active {
-      background-color: #5e657d; }
+      background-color: #646a7e; }
   .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr {
     border-radius: 0 0 0 10px; }
   .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr {
@@ -154,56 +189,54 @@ stage {
     margin-right: 0 !important; }
 
 .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   background-color: transparent;
   background-color: none;
-  border-color: transparent; }
+  box-shadow: none; }
   .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(238, 238, 236, 0.5);
     background-color: rgba(238, 238, 236, 0.05);
-    border-color: #0d0e11;
-    background-color: transparent; }
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
   .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     background-color: transparent;
     background-color: none;
-    border-color: transparent; }
+    box-shadow: none; }
     .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
-      border: 1px solid transparent;
+      transition-duration: 100ms;
       color: rgba(238, 238, 236, 0.5);
       background-color: rgba(238, 238, 236, 0.05);
-      border-color: #0d0e11;
-      background-color: transparent; }
+      background-color: transparent;
+      color: rgba(255, 255, 255, 0.5); }
   .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
-    border: 1px solid transparent;
-    color: #eeeeec;
-    background-color: #394560;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #38445b;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
-      background-color: #3f4b68;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3e4a63;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
-      background-color: #455170;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #44516b;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
-    border: 1px solid transparent;
-    color: #eeeeec;
-    background-color: #404453;
-    border-color: #272a34; }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #414552; }
   .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
-    border: 1px solid transparent;
-    color: #eeeeec;
-    background-color: #454a58;
-    border-color: #181a20; }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #484c5a; }
   .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
-    border: 1px solid transparent;
-    color: #eeeeec;
-    background-color: #4b4f5c; }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #4e5463; }
     .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
-      background-color: #555b71; }
+      background-color: #555b6b; }
     .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
-      background-color: #5b627a; }
+      background-color: #5c6274; }
 
 /* General Typography */
 .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
@@ -214,7 +247,7 @@ stage {
   font-weight: 800;
   font-size: 15pt; }
 
-.nm-dialog-airplane-headline {
+.quick-toggle-menu .header .title {
   font-weight: 700;
   font-size: 15pt; }
 
@@ -222,11 +255,11 @@ stage {
   font-weight: 700;
   font-size: 13pt; }
 
-.lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
   font-weight: 700;
   font-size: 11pt; }
 
-.app-menu .popup-inactive-menu-item:first-child > StLabel {
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
   font-weight: 700;
   font-size: 9pt; }
 
@@ -372,16 +405,16 @@ StScrollBar {
 
 .popup-menu-content, .candidate-popup-content {
   padding: 6px;
-  border-radius: 14px;
+  border-radius: 20px;
   border: 1px solid rgba(238, 238, 236, 0.07);
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
   background-color: #23252e; }
 
 .popup-menu-item {
   padding: 9px 12px;
-  border-radius: 8px;
+  border-radius: 12px;
   spacing: 6px;
-  transition: 0.2s all ease;
+  transition-duration: 100ms;
   background-color: transparent; }
   .popup-menu-item:ltr {
     padding-left: 6px; }
@@ -403,7 +436,7 @@ StScrollBar {
       background-color: #464b5d !important; }
   .popup-menu-item:active {
     background-color: #3f4454;
-    color: #fcfcfc; }
+    color: white; }
   .popup-menu-item:insensitive {
     color: rgba(238, 238, 236, 0.5); }
   .popup-menu-item .toggle-switch:ltr {
@@ -431,13 +464,13 @@ StScrollBar {
     .popup-sub-menu .popup-menu-item:last-child {
       border-radius: 0 0 8px 8px; }
     .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
-      background-color: #464b5d !important; }
+      background-color: #303340 !important; }
     .popup-sub-menu .popup-menu-item:checked {
-      background-color: #51576b !important; }
+      background-color: #3b3f4e !important; }
       .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover {
         background-color: #4c5266 !important; }
     .popup-sub-menu .popup-menu-item:active {
-      background-color: #4a5063 !important; }
+      background-color: #343845 !important; }
   .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
     border-radius: 0; }
   .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
@@ -476,21 +509,6 @@ StScrollBar {
   -boxpointer-gap: 0px;
   -arrow-rise: 0px; }
 
-.aggregate-menu {
-  min-width: 22em; }
-  .aggregate-menu .popup-menu-ornament {
-    width: 0 !important; }
-  .aggregate-menu .popup-menu-icon {
-    -st-icon-style: symbolic; }
-    .aggregate-menu .popup-menu-icon:ltr {
-      margin-right: 8px; }
-    .aggregate-menu .popup-menu-icon:rtl {
-      margin-left: 8px; }
-  .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
-    margin-left: 1em; }
-  .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
-    margin-right: 1em; }
-
 .app-menu {
   max-width: 27.25em; }
   .app-menu .popup-menu-ornament {
@@ -517,83 +535,75 @@ StScrollBar {
 .datemenu-today-button {
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   background-color: transparent;
   background-color: none;
-  border-color: transparent;
+  box-shadow: none;
   box-shadow: none !important;
   padding: 9px; }
   .datemenu-today-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(238, 238, 236, 0.5);
     background-color: rgba(238, 238, 236, 0.05);
-    border-color: #0d0e11;
-    background-color: transparent; }
-  .datemenu-today-button:insensitive {
-    border-color: transparent; }
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
   .datemenu-today-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .datemenu-today-button:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .datemenu-today-button:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .datemenu-today-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .datemenu-today-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
 
 /* Calendar */
 .calendar {
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   background-color: transparent;
   background-color: none;
-  border-color: transparent;
+  box-shadow: none;
   box-shadow: none !important;
   margin-top: 0; }
   .calendar:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(238, 238, 236, 0.5);
     background-color: rgba(238, 238, 236, 0.05);
-    border-color: #0d0e11;
-    background-color: transparent; }
-  .calendar:insensitive {
-    border-color: transparent; }
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
   .calendar:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .calendar:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .calendar:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .calendar:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .calendar:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
   .calendar .calendar-month-header .calendar-change-month-back StIcon,
   .calendar .calendar-month-header .calendar-change-month-forward StIcon {
     icon-size: 1.09em; }
@@ -614,9 +624,10 @@ StScrollBar {
     text-align: center;
     margin: 2px;
     padding: 0 !important;
-    height: 32px !important;
-    width: 32px !important;
-    border-radius: 99px; }
+    height: 3em !important;
+    width: 3em !important;
+    border-radius: 99px;
+    transition-duration: 100ms; }
     .calendar .calendar-day-base:hover {
       background-color: #303340; }
     .calendar .calendar-day-base:focus {
@@ -624,7 +635,7 @@ StScrollBar {
       color: #ffffff;
       box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
     .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
-      color: #fcfcfc;
+      color: white;
       background-color: #343845; }
       .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus {
         background-color: #31456b; }
@@ -669,33 +680,30 @@ StScrollBar {
 .events-button {
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #2e313d;
-  border-color: #1a1c23;
+  background-color: #31343d;
   padding: 12px; }
   .events-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .events-button:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .events-button:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .events-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .events-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
   .events-button .events-box {
     spacing: 6px; }
   .events-button .events-list {
@@ -710,33 +718,30 @@ StScrollBar {
 .world-clocks-button {
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #2e313d;
-  border-color: #1a1c23;
+  background-color: #31343d;
   padding: 12px; }
   .world-clocks-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .world-clocks-button:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .world-clocks-button:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .world-clocks-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .world-clocks-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
   .world-clocks-button .world-clocks-grid {
     spacing-rows: 6px;
     spacing-columns: 12px; }
@@ -757,33 +762,30 @@ StScrollBar {
 .weather-button {
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #2e313d;
-  border-color: #1a1c23;
+  background-color: #31343d;
   padding: 12px; }
   .weather-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .weather-button:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .weather-button:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .weather-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .weather-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
   .weather-button .weather-box {
     spacing: 10px; }
   .weather-button .weather-header-box {
@@ -850,32 +852,29 @@ StScrollBar {
 .message {
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #2e313d;
-  border-color: #1a1c23; }
+  background-color: #31343d; }
   .message:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .message:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .message:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .message:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .message:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
   .message .message-icon-bin {
     padding: 18px; }
     .message .message-icon-bin:ltr {
@@ -917,6 +916,8 @@ StScrollBar {
       background-color: rgba(238, 238, 236, 0.2); }
     .message .message-close-button:active {
       background-color: rgba(238, 238, 236, 0.1); }
+    .message .message-close-button StIcon {
+      icon-size: 1.09em; }
   .message .message-body {
     color: #d6d6d1; }
 
@@ -941,6 +942,8 @@ StScrollBar {
     margin-right: 12px; }
   .message-media-control:last-child:rtl {
     margin-left: 12px; }
+  .message-media-control StIcon {
+    icon-size: 1.09em; }
 
 .media-message-cover-icon {
   icon-size: 3.27em !important;
@@ -970,7 +973,7 @@ StScrollBar {
     color: #ffffff; }
   .candidate-box:hover {
     background-color: #303340;
-    color: #f8f8f7; }
+    color: white; }
 
 .candidate-page-button-box {
   height: 2em; }
@@ -981,6 +984,8 @@ StScrollBar {
 
 .candidate-page-button {
   padding: 6px; }
+  .candidate-page-button StIcon {
+    icon-size: 1.09em; }
 
 .candidate-page-button-previous {
   border-radius: 8px 0px 0px 8px;
@@ -991,14 +996,11 @@ StScrollBar {
   border-radius: 0px 8px 8px 0px;
   box-shadow: none; }
 
-.candidate-page-button-icon {
-  icon-size: 1.09em; }
-
 /* Notifications & Message Tray */
 .notification-banner {
   min-height: 64px;
   width: 34em;
-  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.3);
   border-radius: 12px;
   margin: 4px; }
   .notification-banner .notification-actions {
@@ -1172,57 +1174,9 @@ StScrollBar {
   height: 300px;
   width: 300px; }
 
-/* Select Network dialogs */
-.nm-dialog {
-  max-height: 34em;
-  min-height: 31em;
-  min-width: 32em; }
-
-.nm-dialog-content {
-  spacing: 20px;
-  padding: 24px; }
-
-.nm-dialog-subheader {
-  color: #888a8d; }
-
-.nm-dialog-header-icon {
-  icon-size: 2.18em; }
-
-.nm-dialog-header-hbox {
-  spacing: 10px; }
-
-.nm-dialog-scroll-view {
-  padding: 6px;
-  border-radius: 8px;
-  background-color: #272a34; }
-
-.nm-dialog-item {
-  padding: 12px; }
-  .nm-dialog-item:selected {
-    background-color: #2777ff;
-    border-radius: 5px;
-    color: #ffffff; }
-  .nm-dialog-item:hover {
-    background-color: #303340; }
-
-.nm-dialog-icon {
-  icon-size: 1.09em; }
-
-.nm-dialog-icons {
-  spacing: 12px; }
-
-.no-networks-box {
-  spacing: 6px; }
-
-.no-networks-label {
-  color: #888a8d; }
-
-.nm-dialog-airplane-box {
-  text-align: center;
-  spacing: 12px; }
-
-.nm-dialog-airplane-text {
-  color: #888a8d; }
+/* Access portal dialog */
+.access-dialog {
+  text-align: center; }
 
 /* OSD */
 .osd-window {
@@ -1235,8 +1189,6 @@ StScrollBar {
     spacing: 8px; }
   .osd-window StIcon {
     icon-size: 2.18em; }
-  .osd-window .osd-monitor-label {
-    font-size: 3em; }
   .osd-window StLabel:ltr {
     margin-right: 6px; }
   .osd-window StLabel:rtl {
@@ -1257,6 +1209,14 @@ StScrollBar {
     .osd-window .level:rtl {
       margin-left: 6px; }
 
+.osd-monitor-label {
+  border-radius: 16px;
+  font-size: 3em;
+  font-weight: bold;
+  margin: 12px;
+  text-align: center;
+  min-width: 1.3em; }
+
 /* Pad OSD */
 .pad-osd-window {
   padding: 32px;
@@ -1357,13 +1317,16 @@ StScrollBar {
   spacing: 12px; }
 
 .screenshot-ui-close-button {
-  padding: 6px; }
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
   .screenshot-ui-close-button.left {
-    margin-left: 8px; }
+    margin-left: 12px; }
   .screenshot-ui-close-button.right {
-    margin-right: 8px; }
+    margin-right: 12px; }
 
 .screenshot-ui-type-button {
+  min-width: 48px;
   padding: 12px 18px !important;
   border-radius: 19px; }
 
@@ -1386,12 +1349,12 @@ StScrollBar {
   .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
     background-color: #bf1717; }
   .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
-    background-color: #7b0f0f; }
+    background-color: #d61a1a; }
   .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
-    background-color: #360707; }
+    background-color: #9f1313; }
 
 .screenshot-ui-shot-cast-container {
-  background-color: #303340;
+  background-color: #3b3f4e;
   border-radius: 16px;
   padding: 3px;
   spacing: 3px; }
@@ -1405,12 +1368,14 @@ StScrollBar {
   background-color: transparent;
   border-radius: 13px; }
   .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
-    background-color: #3b3f4e; }
+    background-color: #464b5d; }
   .screenshot-ui-shot-cast-button:active {
     background-color: #3f4454; }
   .screenshot-ui-shot-cast-button:checked {
     background-color: white;
     color: black; }
+  .screenshot-ui-shot-cast-button:insensitive {
+    color: rgba(255, 255, 255, 0.5); }
   .screenshot-ui-shot-cast-button StIcon {
     icon-size: 1.09em; }
 
@@ -1463,7 +1428,7 @@ StScrollBar {
   background-color: rgba(39, 119, 255, 0.2); }
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
-  color: white;
+  color: #ffffff;
   background-color: #2777ff; }
 
 .screenshot-ui-screen-selector {
@@ -1507,10 +1472,14 @@ StScrollBar {
       border-radius: 99px; }
     #panel .panel-button.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px #bf1717; }
-      #panel .panel-button.screen-recording-indicator StBoxLayout {
-        spacing: 6px; }
-      #panel .panel-button.screen-recording-indicator StIcon {
-        icon-size: 1.09em; }
+    #panel .panel-button.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px #fd7d00; }
+      #panel .panel-button.screen-sharing-indicator StBoxLayout {
+        margin: 0 6px; }
+    #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
+      spacing: 6px; }
+    #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
+      icon-size: 1.09em; }
     #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
       box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); }
       #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
@@ -1519,6 +1488,8 @@ StScrollBar {
           box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); }
       #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); }
+      #panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); }
     #panel .panel-button:hover {
       box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.15); }
       #panel .panel-button:hover.clock-display {
@@ -1527,6 +1498,8 @@ StScrollBar {
           box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.15); }
       #panel .panel-button:hover.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); }
+      #panel .panel-button:hover.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); }
     #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover {
       box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); }
       #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display {
@@ -1535,6 +1508,8 @@ StScrollBar {
           box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); }
       #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); }
+      #panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); }
     #panel .panel-button .system-status-icon {
       icon-size: 1.09em;
       padding: 5px;
@@ -1554,6 +1529,8 @@ StScrollBar {
         box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
     #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); }
+    #panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:overview.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator, #panel:overview .panel-button:active.screen-sharing-indicator, #panel:overview .panel-button:overview.screen-sharing-indicator, #panel:overview .panel-button:focus.screen-sharing-indicator, #panel:overview .panel-button:checked.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); }
   #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover {
     box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
     #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display {
@@ -1562,6 +1539,8 @@ StScrollBar {
         box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
     #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); }
+    #panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator, #panel:overview .panel-button:hover.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); }
   #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover {
     box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
     #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display {
@@ -1570,6 +1549,8 @@ StScrollBar {
         box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
     #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); }
+    #panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator, #panel:overview .panel-button:active:hover.screen-sharing-indicator, #panel:overview .panel-button:overview:hover.screen-sharing-indicator, #panel:overview .panel-button:focus:hover.screen-sharing-indicator, #panel:overview .panel-button:checked:hover.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); }
   #panel .panel-status-indicators-box,
   #panel .panel-status-menu-box {
     spacing: 2px; }
@@ -1596,14 +1577,141 @@ StScrollBar {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(243, 247, 255, 0.3);
-  box-shadow: 0 0 2px 2px #8db7ff;
+  background-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
   width: 52px;
   height: 52px;
   border-radius: 0 0 52px 0; }
   .ripple-box:rtl {
     border-radius: 0 0 0 52px; }
 
+.quick-settings {
+  padding: 18px;
+  border-radius: 36px; }
+  .quick-settings .icon-button, .quick-settings .button {
+    padding: 10.5px; }
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px; }
+
+.quick-toggle {
+  border-radius: 99px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  /* Move padding into the box; this is to allow menu arrows
+     to extend to the border */ }
+  .quick-toggle:checked {
+    transition-duration: 100ms;
+    background-color: #2777ff;
+    color: #ffffff;
+    box-shadow: none; }
+    .quick-toggle:checked:focus {
+      box-shadow: inset 0 0 0 2px #5a97ff; }
+    .quick-toggle:checked:hover, .quick-toggle:checked:focus {
+      background-color: #4187ff;
+      color: white; }
+    .quick-toggle:checked:active {
+      background-color: #0361ff;
+      color: #ededed; }
+    .quick-toggle:checked:insensitive {
+      transition-duration: 100ms;
+      color: rgba(238, 238, 236, 0.5);
+      background-color: rgba(238, 238, 236, 0.05);
+      background-color: rgba(39, 119, 255, 0.5);
+      color: rgba(255, 255, 255, 0.5); }
+  .quick-toggle > StBoxLayout {
+    spacing: 6px; }
+  .quick-toggle.button {
+    padding: 0; }
+  .quick-toggle > StBoxLayout {
+    padding: 0 12px; }
+  .quick-toggle:ltr > StBoxLayout {
+    padding-left: 15px; }
+  .quick-toggle:rtl > StBoxLayout {
+    padding-right: 15px; }
+  .quick-toggle .quick-toggle-label {
+    font-weight: bold; }
+  .quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow {
+    icon-size: 1.09em; }
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(238, 238, 236, 0.1);
+  padding: 6px 10.5px; }
+  .quick-menu-toggle .quick-toggle-arrow:ltr {
+    border-radius: 0 99px 99px 0; }
+  .quick-menu-toggle .quick-toggle-arrow:rtl {
+    border-radius: 99px 0 0 99px; }
+
+.quick-slider {
+  padding: 0 6px; }
+  .quick-slider > StBoxLayout {
+    spacing: 6px; }
+  .quick-slider .slider-bin {
+    min-height: 16px;
+    padding: 6px;
+    border-radius: 99px; }
+    .quick-slider .slider-bin:focus {
+      transition-duration: 100ms;
+      color: #eeeeec;
+      background-color: #2c364c;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
+      .quick-slider .slider-bin:focus:hover {
+        background-color: #333d54;
+        box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+      .quick-slider .slider-bin:focus:active {
+        background-color: #39435b;
+        box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+  .quick-slider .quick-toggle-icon {
+    icon-size: 1.09em; }
+  .quick-slider .icon-button {
+    background-color: transparent; }
+
+.quick-toggle-menu {
+  background-color: #272a34;
+  border-radius: 24px;
+  padding: 12px;
+  margin: 12px 18px 0; }
+  .quick-toggle-menu .popup-menu-item > StIcon {
+    -st-icon-style: symbolic; }
+  .quick-toggle-menu .header {
+    spacing-rows: 3px;
+    spacing-columns: 12px;
+    padding-bottom: 12px; }
+    .quick-toggle-menu .header .icon {
+      icon-size: 1.635em;
+      border-radius: 999px;
+      padding: 9px;
+      background-color: #383d4b; }
+      .quick-toggle-menu .header .icon.active {
+        background-color: #2777ff; }
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px; }
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic; }
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0; }
+  .quick-settings-system-item .power-item:insensitive {
+    transition-duration: 100ms;
+    color: #eeeeec;
+    background-color: #2d2f38;
+    background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 0.545em; }
+
 /* OVERVIEW */
 .controls-manager, .secondary-monitor-workspaces {
   spacing: 12px; }
@@ -1620,28 +1728,29 @@ StScrollBar {
 
 .window-caption {
   color: white;
-  background-color: #303340;
+  background-color: #3b3f4e;
   border-radius: 99px;
   padding: 6px 12px; }
 
 .window-close, .screenshot-ui-close-button {
-  background-color: rgba(41, 44, 55, 0.95);
+  background-color: rgba(63, 68, 84, 0.98);
   color: white;
-  border-radius: 21px;
+  border-radius: 99px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
   padding: 3px;
   height: 30px;
   width: 30px;
-  transition-duration: 300ms; }
+  transition-duration: 100ms; }
   .window-close StIcon, .screenshot-ui-close-button StIcon {
     icon-size: 24px; }
   .window-close:hover, .screenshot-ui-close-button:hover {
-    background-color: rgba(76, 79, 88, 0.9575); }
+    background-color: rgba(78, 84, 104, 0.98); }
   .window-close:active, .screenshot-ui-close-button:active {
-    color: rgba(255, 255, 255, 0.8);
-    background-color: rgba(30, 33, 40, 0.95); }
+    background-color: rgba(91, 98, 122, 0.98); }
 
 .workspace-background {
   border-radius: 30px;
+  background-color: rgba(3, 2, 1, 0);
   box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
 
 
@@ -1780,32 +1889,29 @@ StScrollBar {
 .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
   padding: 6px; }
 
-.dash-item-container .show-apps .overview-icon {
-  background-color: transparent; }
-
-.dash-item-container .show-apps:hover .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.13); }
-  .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.16); }
-  .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
+.dash-item-container .show-apps {
+  transition-duration: 400ms; }
+  .dash-item-container .show-apps .overview-icon {
+    background-color: transparent; }
+  .dash-item-container .show-apps:hover .overview-icon {
+    background-color: rgba(255, 255, 255, 0.1); }
+  .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
     background-color: rgba(255, 255, 255, 0.13); }
-
-.dash-item-container .show-apps:active .overview-icon {
-  background-color: rgba(255, 255, 255, 0.16); }
-
-.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-  .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
-    background-color: rgba(255, 255, 255, 0.22); }
-  .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.25); }
-
-.dash-item-container .show-apps:drop .overview-icon {
-  border: 2px solid rgba(39, 119, 255, 0.8);
-  background-color: rgba(39, 119, 255, 0.2); }
+    .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.16); }
+    .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.13); }
+  .dash-item-container .show-apps:active .overview-icon {
+    background-color: rgba(255, 255, 255, 0.16); }
+  .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+    .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.22); }
+    .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.25); }
+  .dash-item-container .show-apps:drop .overview-icon {
+    border: 2px solid rgba(39, 119, 255, 0.8);
+    background-color: rgba(39, 119, 255, 0.2); }
 
 .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
   padding-bottom: 12px; }
@@ -1836,65 +1942,57 @@ StScrollBar {
   page-padding-right: 18px; }
 
 /* App Icons */
-.app-well-app .overview-icon, .grid-search-result .overview-icon {
-  background-color: transparent; }
-
-.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.13); }
-  .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.16); }
-  .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
+.app-well-app, .grid-search-result {
+  transition-duration: 400ms; }
+  .app-well-app .overview-icon, .grid-search-result .overview-icon {
+    background-color: transparent; }
+  .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
+    background-color: rgba(255, 255, 255, 0.1); }
+  .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
     background-color: rgba(255, 255, 255, 0.13); }
-
-.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
-  background-color: rgba(255, 255, 255, 0.16); }
-
-.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-  .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
-    background-color: rgba(255, 255, 255, 0.22); }
-  .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.25); }
-
-.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
-  border: 2px solid rgba(39, 119, 255, 0.8);
-  background-color: rgba(39, 119, 255, 0.2); }
-
-.app-well-app .overview-icon, .grid-search-result .overview-icon {
-  padding: 12px; }
-
-.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
-  spacing: 6px; }
-
-.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-
-.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.13); }
-  .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
+    .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.16); }
+    .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.13); }
+  .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
     background-color: rgba(255, 255, 255, 0.16); }
-  .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
+  .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+    .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.22); }
+    .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.25); }
+  .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
+    border: 2px solid rgba(39, 119, 255, 0.8);
+    background-color: rgba(39, 119, 255, 0.2); }
+  .app-well-app .overview-icon, .grid-search-result .overview-icon {
+    padding: 12px; }
+  .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+    spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result {
+  transition-duration: 400ms; }
+  .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+  .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
+    background-color: rgba(255, 255, 255, 0.1); }
+  .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
     background-color: rgba(255, 255, 255, 0.13); }
-
-.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
-  background-color: rgba(255, 255, 255, 0.16); }
-
-.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-  .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
-    background-color: rgba(255, 255, 255, 0.22); }
-  .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.25); }
-
-.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
-  border: 2px solid rgba(39, 119, 255, 0.8);
-  background-color: rgba(39, 119, 255, 0.2); }
+    .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.16); }
+    .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.13); }
+  .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
+    background-color: rgba(255, 255, 255, 0.16); }
+  .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+    .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.22); }
+    .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.25); }
+  .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
+    border: 2px solid rgba(39, 119, 255, 0.8);
+    background-color: rgba(39, 119, 255, 0.2); }
 
 .app-folder-dialog {
   border-radius: 32px;
@@ -1927,8 +2025,8 @@ StScrollBar {
 
 .app-folder-dialog-container {
   padding: 12px;
-  width: 640px;
-  height: 640px; }
+  width: 720px;
+  height: 720px; }
 
 .app-well-app-running-dot {
   height: 5px;
@@ -1943,7 +2041,8 @@ StScrollBar {
     padding: 0 12px; }
 
 .page-indicator {
-  padding: 6px 12px 0; }
+  padding: 6px 12px 0;
+  transition-duration: 400ms; }
   .page-indicator .page-indicator-icon {
     width: 10px;
     height: 10px;
@@ -1959,25 +2058,49 @@ StScrollBar {
   border-radius: 99px;
   icon-size: 48px; }
 
-.page-navigation-hint {
-  width: 300px; }
-  .page-navigation-hint.dnd {
-    background: rgba(255, 255, 255, 0.1); }
-  .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
-    background-gradient-start: rgba(255, 255, 255, 0.05);
-    background-gradient-end: transparent;
-    background-gradient-direction: horizontal;
-    border-radius: 24px 0px 0px 24px; }
-  .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 24px 24px 0px; }
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1); }
 
-.page-navigation-arrow {
+.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: 24px 0px 0px 24px; }
+
+.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 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon {
   margin: 6px;
+  padding: 18px;
   width: 24px;
-  height: 24px; }
+  height: 24px;
+  border-radius: 99px; }
+
+.page-navigation-arrow:insensitive > StIcon {
+  transition-duration: 100ms;
+  background-color: transparent;
+  background-color: none;
+  box-shadow: none; }
+  .page-navigation-arrow:insensitive > StIcon:insensitive {
+    transition-duration: 100ms;
+    color: rgba(238, 238, 236, 0.5);
+    background-color: rgba(238, 238, 236, 0.05);
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
+
+.page-navigation-arrow:hover > StIcon {
+  transition-duration: 100ms;
+  color: white;
+  background-color: rgba(83, 86, 98, 0.525); }
+
+.page-navigation-arrow:active > StIcon {
+  transition-duration: 100ms;
+  color: white;
+  background-color: rgba(90, 94, 107, 0.525); }
 
 /* Workspace pager */
 .workspace-thumbnails {
@@ -2128,6 +2251,9 @@ StScrollBar {
     .keyboard-key.default-key:checked {
       color: white;
       background-color: #666e89; }
+    .keyboard-key.default-key:latched {
+      border-color: #4187ff;
+      background-color: #2777ff; }
   .keyboard-key.enter-key {
     color: #ffffff;
     background-color: #3681ff;
@@ -2194,16 +2320,16 @@ StScrollBar {
   background-color: #2777ff; }
 
 .word-suggestions {
-  font-size: 13pt;
+  font-size: 11pt;
   spacing: 12px;
-  min-height: 20pt;
+  min-height: 17pt;
   padding: 12px;
   color: white; }
   .word-suggestions StButton {
     margin: 0 3px;
     min-width: 32px;
     border-radius: 6px;
-    padding: 6px 18px;
+    padding: 0px 18px;
     background-color: transparent;
     background-image: none; }
     .word-suggestions StButton:focus {
@@ -2235,7 +2361,7 @@ StScrollBar {
   color: white;
   padding: 6px;
   spacing: 6px;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
   #LookingGlassDialog > #Toolbar {
     border: none;
     padding: 6px;
@@ -2294,6 +2420,8 @@ StScrollBar {
     color: #bcbdbf; }
   .lg-dialog .actor-link:active {
     color: #565759; }
+  .lg-dialog .actor-link StIcon {
+    icon-size: 12px; }
 
 .lg-completions-text {
   font-style: italic; }
@@ -2319,32 +2447,29 @@ StScrollBar {
   padding: 12px;
   border-radius: 8px;
   margin: 4px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
+  transition-duration: 100ms;
   color: #eeeeec;
-  background-color: #2e313d;
-  border-color: #1a1c23; }
+  background-color: #31343d; }
   .lg-extension:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #2d3850;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #303b50;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .lg-extension:focus:hover {
-      background-color: #333e58;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #364158;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .lg-extension:focus:active {
-      background-color: #394560;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3c4860;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .lg-extension:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #333742;
-    border-color: #1a1c23; }
+    background-color: #383b45; }
   .lg-extension:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #eeeeec;
-    background-color: #393c47;
-    border-color: #0b0b0e; }
+    background-color: #3f424e; }
 
 .lg-extension-meta {
   spacing: 6px; }
@@ -2383,7 +2508,6 @@ StScrollBar {
   .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: #20232b;
     border-color: #20232b;
     color: white; }
@@ -2394,30 +2518,29 @@ StScrollBar {
       border-color: #323643; }
     .login-dialog .modal-dialog-button:active,
     .unlock-dialog .modal-dialog-button:active {
-      box-shadow: none;
       background-color: #1c1e25;
       border-color: #1c1e25; }
     .login-dialog .modal-dialog-button:insensitive,
     .unlock-dialog .modal-dialog-button:insensitive {
-      border: 1px solid transparent;
+      transition-duration: 100ms;
       color: rgba(238, 238, 236, 0.5);
       background-color: rgba(238, 238, 236, 0.05);
-      border-color: #0d0e11;
       border-color: #1c1e25;
       background-color: #1c1e25;
       color: rgba(255, 255, 255, 0.7); }
     .login-dialog .modal-dialog-button:default,
     .unlock-dialog .modal-dialog-button:default {
-      border: 1px solid transparent;
+      transition-duration: 100ms;
       background-color: #2777ff;
-      color: #ffffff; }
+      color: #ffffff;
+      box-shadow: none; }
       .login-dialog .modal-dialog-button:default:focus,
       .unlock-dialog .modal-dialog-button:default:focus {
-        box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+        box-shadow: inset 0 0 0 2px #5a97ff; }
       .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 {
-        background-color: #317dfe;
+        background-color: #4187ff;
         color: white; }
       .login-dialog .modal-dialog-button:default:active,
       .unlock-dialog .modal-dialog-button:default:active {
@@ -2425,10 +2548,9 @@ StScrollBar {
         color: #ededed; }
       .login-dialog .modal-dialog-button:default:insensitive,
       .unlock-dialog .modal-dialog-button:default:insensitive {
-        border: 1px solid transparent;
+        transition-duration: 100ms;
         color: rgba(238, 238, 236, 0.5);
         background-color: rgba(238, 238, 236, 0.05);
-        border-color: #0d0e11;
         background-color: rgba(39, 119, 255, 0.5);
         color: rgba(255, 255, 255, 0.5); }
   .login-dialog .cancel-button,
@@ -2634,7 +2756,11 @@ StScrollBar {
       background-color: rgba(255, 255, 255, 0.2); }
 
 .unlock-dialog-notification-label {
-  padding: 0 0 0 12px; }
+  padding-left: 12px;
+  padding-right: 0; }
+  .unlock-dialog-notification-label:rtl {
+    padding-right: 12px;
+    padding-left: 0; }
 
 .unlock-dialog-notification-count-text {
   font-weight: bold;
@@ -2660,117 +2786,7 @@ StScrollBar {
 .icon-dropshadow {
   icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
 
-/* OSD */
-.osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel {
-  background-color: rgba(48, 51, 64, 0.96);
-  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
-
-.screenshot-ui-type-button, .screenshot-ui-show-pointer-button {
-  border: 1px solid transparent;
-  background-color: transparent;
-  background-color: none;
-  border-color: transparent;
-  border: 0 !important; }
-  .screenshot-ui-type-button:insensitive, .screenshot-ui-show-pointer-button:insensitive {
-    border: 1px solid transparent;
-    color: rgba(238, 238, 236, 0.5);
-    background-color: rgba(238, 238, 236, 0.05);
-    border-color: #0d0e11;
-    background-color: transparent; }
-  .screenshot-ui-type-button:insensitive, .screenshot-ui-show-pointer-button:insensitive {
-    border: 1px solid transparent;
-    background-color: transparent;
-    background-color: none;
-    border-color: transparent; }
-    .screenshot-ui-type-button:insensitive:insensitive, .screenshot-ui-show-pointer-button:insensitive:insensitive {
-      border: 1px solid transparent;
-      color: rgba(238, 238, 236, 0.5);
-      background-color: rgba(238, 238, 236, 0.05);
-      border-color: #0d0e11;
-      background-color: transparent; }
-  .screenshot-ui-type-button:focus, .screenshot-ui-show-pointer-button:focus {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #394560;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
-    .screenshot-ui-type-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover {
-      background-color: #3f4b68;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
-    .screenshot-ui-type-button:focus:active, .screenshot-ui-show-pointer-button:focus:active {
-      background-color: #455170;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
-  .screenshot-ui-type-button:hover, .screenshot-ui-show-pointer-button:hover {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #414554;
-    border-color: #272a34; }
-  .screenshot-ui-type-button:active, .screenshot-ui-show-pointer-button:active {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #464b59;
-    border-color: #181a20; }
-  .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:checked, .screenshot-ui-show-pointer-button:checked {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #4c505e; }
-    .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover {
-      background-color: #555b71; }
-    .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:checked:active, .screenshot-ui-show-pointer-button:checked:active {
-      background-color: #5b627a; }
-
-/* Switches */
-.toggle-switch {
-  height: 22px;
-  width: 44px; }
-
-/* Slider */
-.slider {
-  -barlevel-background-color: #0d0e11;
-  -barlevel-border-width: 0;
-  -slider-handle-radius: 0; }
-
-/* Popovers/Menus */
-.popup-menu-boxpointer, .candidate-popup-boxpointer {
-  -arrow-rise: 6px; }
-
-.popup-menu-content, .candidate-popup-content {
-  padding: 4px;
-  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2);
-  background-color: #272a34; }
-
-.popup-menu-item {
-  border: 1px solid transparent;
-  border-bottom: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 8px;
-  padding-bottom: 8px; }
-  .popup-menu-item:checked {
-    border-color: #0d0e11;
-    background-color: #23252e !important; }
-
-.popup-sub-menu {
-  background-color: #23252e;
-  border: 1px solid #0d0e11;
-  border-top: 0; }
-  .popup-sub-menu .popup-menu-item {
-    padding-top: 7px;
-    padding-bottom: 7px; }
-    .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
-      background-color: #303340 !important; }
-    .popup-sub-menu .popup-menu-item:checked {
-      background-color: #3b3f4e !important; }
-    .popup-sub-menu .popup-menu-item:active {
-      background-color: #343845 !important; }
-
-.popup-separator-menu-item {
-  margin: 6px 0; }
-
 /* Message List */
-.message-list .message-list-placeholder,
-.message-list-controls {
-  font-weight: normal; }
-
 .message-list-controls {
   spacing: 12px;
   font-size: 10pt; }
@@ -2821,20 +2837,6 @@ StScrollBar {
     padding: 4px;
     margin: 8px; }
 
-/* Screenshot UI */
-.screenshot-ui-shot-cast-container {
-  background-color: #383d4b; }
-
-.screenshot-ui-shot-cast-button {
-  background-color: transparent; }
-  .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
-    background-color: #464b5d; }
-  .screenshot-ui-shot-cast-button:active {
-    background-color: #51576b; }
-  .screenshot-ui-shot-cast-button:checked {
-    background-color: white;
-    color: black; }
-
 /* Top Bar */
 #panel {
   background: rgba(35, 37, 46, 0.8);
@@ -2871,12 +2873,6 @@ StScrollBar {
 .datemenu-today-button:insensitive {
   color: inherit; }
 
-.datemenu-today-button .day-label {
-  font-weight: normal; }
-
-.datemenu-today-button .date-label {
-  font-weight: lighter; }
-
 /* Search */
 .search-entry {
   color: black;
diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css
index c8c0cb89..b8e1c8ef 100644
--- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css
+++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css
@@ -23,7 +23,7 @@ stage {
   color: #5c616c; }
 
 /* Common Stylings */
-.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window {
   color: white;
   background-color: #303340;
   border: 1px solid rgba(255, 255, 255, 0.1);
@@ -39,7 +39,7 @@ stage {
   padding: 6px;
   spacing: 6px;
   border: 2px solid transparent;
-  transition-duration: 100ms;
+  transition-duration: 200ms;
   text-align: center; }
 
 .modal-dialog {
@@ -54,88 +54,123 @@ stage {
   border-width: 1px;
   font-weight: bold;
   padding: 3px 24px;
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: white;
-  border-color: #d1d1d1; }
+  background-color: #f7f7f8; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #e2eaf9;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
       background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
       background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: white; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(92, 97, 108, 0.5);
-    background-color: rgba(92, 97, 108, 0.05);
-    border-color: #d9d9d9; }
+    background-color: rgba(92, 97, 108, 0.05); }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: white; }
   #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f0f1f2; }
+    background-color: white; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
       background-color: white; }
     #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
       background-color: white; }
 
+.icon-button {
+  border-radius: 99px;
+  border-style: solid;
+  border-width: 1px;
+  font-weight: bold;
+  padding: 12px;
+  transition-duration: 100ms;
+  color: #5c616c;
+  background-color: #f7f7f8; }
+  .icon-button:focus {
+    transition-duration: 100ms;
+    color: #5c616c;
+    background-color: #e2eaf9;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
+    .icon-button:focus:hover {
+      background-color: #e9f1ff;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+    .icon-button:focus:active {
+      background-color: #e9f1ff;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+  .icon-button:hover {
+    transition-duration: 100ms;
+    color: #5c616c;
+    background-color: white; }
+  .icon-button:insensitive {
+    transition-duration: 100ms;
+    color: rgba(92, 97, 108, 0.5);
+    background-color: rgba(92, 97, 108, 0.05); }
+  .icon-button:active {
+    transition-duration: 100ms;
+    color: #5c616c;
+    background-color: white; }
+  .icon-button:checked {
+    transition-duration: 100ms;
+    color: #5c616c;
+    background-color: white; }
+    .icon-button:checked:hover {
+      background-color: white; }
+    .icon-button:checked:active {
+      background-color: white; }
+  .icon-button > StIcon {
+    icon-size: 1.09em; }
+
 .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
   padding: 12px;
   font-weight: bold !important;
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: #ededed;
-  border-color: #b3b3b3; }
+  background-color: #dadadb; }
   .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
     margin-right: 1px; }
   .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
     margin-left: 1px; }
   .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(92, 97, 108, 0.5);
-    background-color: rgba(92, 97, 108, 0.05);
-    border-color: #d9d9d9; }
+    background-color: rgba(92, 97, 108, 0.05); }
   .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #d9e1ef;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #c8d0df;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
-      background-color: #e0e8f6;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #cfd7e5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
-      background-color: #e7effd;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #d6deec;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9e9e9;
-    border-color: #c4c4c4; }
+    background-color: #e2e2e3; }
   .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e4e5e5;
-    border-color: #b3b3b3; }
+    background-color: #eaeaea; }
   .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e0e1e2; }
+    background-color: #f1f1f2; }
     .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover {
-      background-color: white; }
+      background-color: #f9f9f9; }
     .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active {
       background-color: white; }
   .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr {
@@ -154,56 +189,54 @@ stage {
     margin-right: 0 !important; }
 
 .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   background-color: transparent;
   background-color: none;
-  border-color: transparent; }
+  box-shadow: none; }
   .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(92, 97, 108, 0.5);
     background-color: rgba(92, 97, 108, 0.05);
-    border-color: #d9d9d9;
-    background-color: transparent; }
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
   .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     background-color: transparent;
     background-color: none;
-    border-color: transparent; }
+    box-shadow: none; }
     .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
-      border: 1px solid transparent;
+      transition-duration: 100ms;
       color: rgba(92, 97, 108, 0.5);
       background-color: rgba(92, 97, 108, 0.05);
-      border-color: #d9d9d9;
-      background-color: transparent; }
+      background-color: transparent;
+      color: rgba(255, 255, 255, 0.5); }
   .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
-    border: 1px solid transparent;
-    color: #5c616c;
-    background-color: #394560;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #38445b;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
-      background-color: #3f4b68;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #3e4a63;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
-      background-color: #455170;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #44516b;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
-    border: 1px solid transparent;
-    color: #5c616c;
-    background-color: #3c404f;
-    border-color: #181a20; }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #414552; }
   .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
-    border: 1px solid transparent;
-    color: #5c616c;
-    background-color: #3d4150;
-    border-color: #08090b; }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #484c5a; }
   .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
-    border: 1px solid transparent;
-    color: #5c616c;
-    background-color: #3e4251; }
+    transition-duration: 100ms;
+    color: white;
+    background-color: #4e5463; }
     .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
-      background-color: #555b71; }
+      background-color: #555b6b; }
     .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
-      background-color: #5b627a; }
+      background-color: #5c6274; }
 
 /* General Typography */
 .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
@@ -214,7 +247,7 @@ stage {
   font-weight: 800;
   font-size: 15pt; }
 
-.nm-dialog-airplane-headline {
+.quick-toggle-menu .header .title {
   font-weight: 700;
   font-size: 15pt; }
 
@@ -222,11 +255,11 @@ stage {
   font-weight: 700;
   font-size: 13pt; }
 
-.lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
   font-weight: 700;
   font-size: 11pt; }
 
-.app-menu .popup-inactive-menu-item:first-child > StLabel {
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
   font-weight: 700;
   font-size: 9pt; }
 
@@ -372,16 +405,16 @@ StScrollBar {
 
 .popup-menu-content, .candidate-popup-content {
   padding: 6px;
-  border-radius: 14px;
+  border-radius: 20px;
   border: 1px solid rgba(255, 255, 255, 0.8);
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   background-color: #ffffff; }
 
 .popup-menu-item {
   padding: 9px 12px;
-  border-radius: 8px;
+  border-radius: 12px;
   spacing: 6px;
-  transition: 0.2s all ease;
+  transition-duration: 100ms;
   background-color: transparent; }
   .popup-menu-item:ltr {
     padding-left: 6px; }
@@ -431,13 +464,13 @@ StScrollBar {
     .popup-sub-menu .popup-menu-item:last-child {
       border-radius: 0 0 8px 8px; }
     .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
-      background-color: white !important; }
+      background-color: #f2f2f2 !important; }
     .popup-sub-menu .popup-menu-item:checked {
-      background-color: white !important; }
+      background-color: #e8e8e8 !important; }
       .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover {
         background-color: #fcfcfc !important; }
     .popup-sub-menu .popup-menu-item:active {
-      background-color: white !important; }
+      background-color: #ededed !important; }
   .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
     border-radius: 0; }
   .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
@@ -476,21 +509,6 @@ StScrollBar {
   -boxpointer-gap: 0px;
   -arrow-rise: 0px; }
 
-.aggregate-menu {
-  min-width: 22em; }
-  .aggregate-menu .popup-menu-ornament {
-    width: 0 !important; }
-  .aggregate-menu .popup-menu-icon {
-    -st-icon-style: symbolic; }
-    .aggregate-menu .popup-menu-icon:ltr {
-      margin-right: 8px; }
-    .aggregate-menu .popup-menu-icon:rtl {
-      margin-left: 8px; }
-  .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
-    margin-left: 1em; }
-  .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
-    margin-right: 1em; }
-
 .app-menu {
   max-width: 27.25em; }
   .app-menu .popup-menu-ornament {
@@ -518,82 +536,74 @@ StScrollBar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   background-color: transparent;
   background-color: none;
-  border-color: transparent;
+  box-shadow: none;
   box-shadow: none !important;
   padding: 9px; }
   .datemenu-today-button:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(92, 97, 108, 0.5);
     background-color: rgba(92, 97, 108, 0.05);
-    border-color: #d9d9d9;
-    background-color: transparent; }
-  .datemenu-today-button:insensitive {
-    border-color: transparent; }
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
   .datemenu-today-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .datemenu-today-button:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .datemenu-today-button:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .datemenu-today-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .datemenu-today-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
 
 /* Calendar */
 .calendar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   background-color: transparent;
   background-color: none;
-  border-color: transparent;
+  box-shadow: none;
   box-shadow: none !important;
   margin-top: 0; }
   .calendar:insensitive {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: rgba(92, 97, 108, 0.5);
     background-color: rgba(92, 97, 108, 0.05);
-    border-color: #d9d9d9;
-    background-color: transparent; }
-  .calendar:insensitive {
-    border-color: transparent; }
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
   .calendar:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .calendar:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .calendar:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .calendar:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .calendar:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
   .calendar .calendar-month-header .calendar-change-month-back StIcon,
   .calendar .calendar-month-header .calendar-change-month-forward StIcon {
     icon-size: 1.09em; }
@@ -614,9 +624,10 @@ StScrollBar {
     text-align: center;
     margin: 2px;
     padding: 0 !important;
-    height: 32px !important;
-    width: 32px !important;
-    border-radius: 99px; }
+    height: 3em !important;
+    width: 3em !important;
+    border-radius: 99px;
+    transition-duration: 100ms; }
     .calendar .calendar-day-base:hover {
       background-color: #f2f2f2; }
     .calendar .calendar-day-base:focus {
@@ -670,32 +681,29 @@ StScrollBar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: white;
-  border-color: #d1d1d1;
+  background-color: #ebebec;
   padding: 12px; }
   .events-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .events-button:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .events-button:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .events-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .events-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
   .events-button .events-box {
     spacing: 6px; }
   .events-button .events-list {
@@ -711,32 +719,29 @@ StScrollBar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: white;
-  border-color: #d1d1d1;
+  background-color: #ebebec;
   padding: 12px; }
   .world-clocks-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .world-clocks-button:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .world-clocks-button:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .world-clocks-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .world-clocks-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
   .world-clocks-button .world-clocks-grid {
     spacing-rows: 6px;
     spacing-columns: 12px; }
@@ -758,32 +763,29 @@ StScrollBar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: white;
-  border-color: #d1d1d1;
+  background-color: #ebebec;
   padding: 12px; }
   .weather-button:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .weather-button:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .weather-button:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .weather-button:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .weather-button:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
   .weather-button .weather-box {
     spacing: 10px; }
   .weather-button .weather-header-box {
@@ -851,31 +853,28 @@ StScrollBar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: white;
-  border-color: #d1d1d1; }
+  background-color: #ebebec; }
   .message:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .message:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .message:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .message:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .message:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
   .message .message-icon-bin {
     padding: 18px; }
     .message .message-icon-bin:ltr {
@@ -917,6 +916,8 @@ StScrollBar {
       background-color: rgba(92, 97, 108, 0.2); }
     .message .message-close-button:active {
       background-color: rgba(92, 97, 108, 0.1); }
+    .message .message-close-button StIcon {
+      icon-size: 1.09em; }
   .message .message-body {
     color: #454850; }
 
@@ -941,6 +942,8 @@ StScrollBar {
     margin-right: 12px; }
   .message-media-control:last-child:rtl {
     margin-left: 12px; }
+  .message-media-control StIcon {
+    icon-size: 1.09em; }
 
 .media-message-cover-icon {
   icon-size: 3.27em !important;
@@ -981,6 +984,8 @@ StScrollBar {
 
 .candidate-page-button {
   padding: 6px; }
+  .candidate-page-button StIcon {
+    icon-size: 1.09em; }
 
 .candidate-page-button-previous {
   border-radius: 8px 0px 0px 8px;
@@ -991,9 +996,6 @@ StScrollBar {
   border-radius: 0px 8px 8px 0px;
   box-shadow: none; }
 
-.candidate-page-button-icon {
-  icon-size: 1.09em; }
-
 /* Notifications & Message Tray */
 .notification-banner {
   min-height: 64px;
@@ -1172,57 +1174,9 @@ StScrollBar {
   height: 300px;
   width: 300px; }
 
-/* Select Network dialogs */
-.nm-dialog {
-  max-height: 34em;
-  min-height: 31em;
-  min-width: 32em; }
-
-.nm-dialog-content {
-  spacing: 20px;
-  padding: 24px; }
-
-.nm-dialog-subheader {
-  color: #aeb0b6; }
-
-.nm-dialog-header-icon {
-  icon-size: 2.18em; }
-
-.nm-dialog-header-hbox {
-  spacing: 10px; }
-
-.nm-dialog-scroll-view {
-  padding: 6px;
-  border-radius: 8px;
-  background-color: #fafafa; }
-
-.nm-dialog-item {
-  padding: 12px; }
-  .nm-dialog-item:selected {
-    background-color: #2777ff;
-    border-radius: 5px;
-    color: #ffffff; }
-  .nm-dialog-item:hover {
-    background-color: #f2f2f2; }
-
-.nm-dialog-icon {
-  icon-size: 1.09em; }
-
-.nm-dialog-icons {
-  spacing: 12px; }
-
-.no-networks-box {
-  spacing: 6px; }
-
-.no-networks-label {
-  color: #aeb0b6; }
-
-.nm-dialog-airplane-box {
-  text-align: center;
-  spacing: 12px; }
-
-.nm-dialog-airplane-text {
-  color: #aeb0b6; }
+/* Access portal dialog */
+.access-dialog {
+  text-align: center; }
 
 /* OSD */
 .osd-window {
@@ -1235,8 +1189,6 @@ StScrollBar {
     spacing: 8px; }
   .osd-window StIcon {
     icon-size: 2.18em; }
-  .osd-window .osd-monitor-label {
-    font-size: 3em; }
   .osd-window StLabel:ltr {
     margin-right: 6px; }
   .osd-window StLabel:rtl {
@@ -1257,6 +1209,14 @@ StScrollBar {
     .osd-window .level:rtl {
       margin-left: 6px; }
 
+.osd-monitor-label {
+  border-radius: 16px;
+  font-size: 3em;
+  font-weight: bold;
+  margin: 12px;
+  text-align: center;
+  min-width: 1.3em; }
+
 /* Pad OSD */
 .pad-osd-window {
   padding: 32px;
@@ -1357,13 +1317,16 @@ StScrollBar {
   spacing: 12px; }
 
 .screenshot-ui-close-button {
-  padding: 6px; }
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
   .screenshot-ui-close-button.left {
-    margin-left: 8px; }
+    margin-left: 12px; }
   .screenshot-ui-close-button.right {
-    margin-right: 8px; }
+    margin-right: 12px; }
 
 .screenshot-ui-type-button {
+  min-width: 48px;
   padding: 12px 18px !important;
   border-radius: 19px; }
 
@@ -1386,12 +1349,12 @@ StScrollBar {
   .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
     background-color: #bf1717; }
   .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
-    background-color: #7b0f0f; }
+    background-color: #d61a1a; }
   .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
-    background-color: #360707; }
+    background-color: #9f1313; }
 
 .screenshot-ui-shot-cast-container {
-  background-color: #f2f2f2;
+  background-color: #3b3f4e;
   border-radius: 16px;
   padding: 3px;
   spacing: 3px; }
@@ -1405,12 +1368,14 @@ StScrollBar {
   background-color: transparent;
   border-radius: 13px; }
   .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
-    background-color: white; }
+    background-color: #464b5d; }
   .screenshot-ui-shot-cast-button:active {
     background-color: #fafafa; }
   .screenshot-ui-shot-cast-button:checked {
     background-color: white;
     color: black; }
+  .screenshot-ui-shot-cast-button:insensitive {
+    color: rgba(255, 255, 255, 0.5); }
   .screenshot-ui-shot-cast-button StIcon {
     icon-size: 1.09em; }
 
@@ -1463,7 +1428,7 @@ StScrollBar {
   background-color: rgba(39, 119, 255, 0.2); }
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
-  color: white;
+  color: #ffffff;
   background-color: #2777ff; }
 
 .screenshot-ui-screen-selector {
@@ -1507,10 +1472,14 @@ StScrollBar {
       border-radius: 99px; }
     #panel .panel-button.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px #bf1717; }
-      #panel .panel-button.screen-recording-indicator StBoxLayout {
-        spacing: 6px; }
-      #panel .panel-button.screen-recording-indicator StIcon {
-        icon-size: 1.09em; }
+    #panel .panel-button.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px #fd7d00; }
+      #panel .panel-button.screen-sharing-indicator StBoxLayout {
+        margin: 0 6px; }
+    #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
+      spacing: 6px; }
+    #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
+      icon-size: 1.09em; }
     #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:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
@@ -1519,6 +1488,8 @@ StScrollBar {
           box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
       #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); }
+      #panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); }
     #panel .panel-button:hover {
       box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
       #panel .panel-button:hover.clock-display {
@@ -1527,6 +1498,8 @@ StScrollBar {
           box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
       #panel .panel-button:hover.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); }
+      #panel .panel-button:hover.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); }
     #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover {
       box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); }
       #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display {
@@ -1535,6 +1508,8 @@ StScrollBar {
           box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); }
       #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); }
+      #panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); }
     #panel .panel-button .system-status-icon {
       icon-size: 1.09em;
       padding: 5px;
@@ -1554,6 +1529,8 @@ StScrollBar {
         box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
     #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); }
+    #panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:overview.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator, #panel:overview .panel-button:active.screen-sharing-indicator, #panel:overview .panel-button:overview.screen-sharing-indicator, #panel:overview .panel-button:focus.screen-sharing-indicator, #panel:overview .panel-button:checked.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); }
   #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover {
     box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
     #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display {
@@ -1562,6 +1539,8 @@ StScrollBar {
         box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
     #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); }
+    #panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator, #panel:overview .panel-button:hover.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); }
   #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover {
     box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
     #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display {
@@ -1570,6 +1549,8 @@ StScrollBar {
         box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
     #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); }
+    #panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator, #panel:overview .panel-button:active:hover.screen-sharing-indicator, #panel:overview .panel-button:overview:hover.screen-sharing-indicator, #panel:overview .panel-button:focus:hover.screen-sharing-indicator, #panel:overview .panel-button:checked:hover.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); }
   #panel .panel-status-indicators-box,
   #panel .panel-status-menu-box {
     spacing: 2px; }
@@ -1596,14 +1577,141 @@ StScrollBar {
 
 /* Activities Ripple */
 .ripple-box {
-  background-color: rgba(243, 247, 255, 0.3);
-  box-shadow: 0 0 2px 2px #8db7ff;
+  background-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
   width: 52px;
   height: 52px;
   border-radius: 0 0 52px 0; }
   .ripple-box:rtl {
     border-radius: 0 0 0 52px; }
 
+.quick-settings {
+  padding: 18px;
+  border-radius: 36px; }
+  .quick-settings .icon-button, .quick-settings .button {
+    padding: 10.5px; }
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px; }
+
+.quick-toggle {
+  border-radius: 99px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  /* Move padding into the box; this is to allow menu arrows
+     to extend to the border */ }
+  .quick-toggle:checked {
+    transition-duration: 100ms;
+    background-color: #2777ff;
+    color: #ffffff;
+    box-shadow: none; }
+    .quick-toggle:checked:focus {
+      box-shadow: inset 0 0 0 2px #5a97ff; }
+    .quick-toggle:checked:hover, .quick-toggle:checked:focus {
+      background-color: #4187ff;
+      color: white; }
+    .quick-toggle:checked:active {
+      background-color: #0361ff;
+      color: #ededed; }
+    .quick-toggle:checked:insensitive {
+      transition-duration: 100ms;
+      color: rgba(92, 97, 108, 0.5);
+      background-color: rgba(92, 97, 108, 0.05);
+      background-color: rgba(39, 119, 255, 0.5);
+      color: rgba(255, 255, 255, 0.5); }
+  .quick-toggle > StBoxLayout {
+    spacing: 6px; }
+  .quick-toggle.button {
+    padding: 0; }
+  .quick-toggle > StBoxLayout {
+    padding: 0 12px; }
+  .quick-toggle:ltr > StBoxLayout {
+    padding-left: 15px; }
+  .quick-toggle:rtl > StBoxLayout {
+    padding-right: 15px; }
+  .quick-toggle .quick-toggle-label {
+    font-weight: bold; }
+  .quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow {
+    icon-size: 1.09em; }
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(92, 97, 108, 0.1);
+  padding: 6px 10.5px; }
+  .quick-menu-toggle .quick-toggle-arrow:ltr {
+    border-radius: 0 99px 99px 0; }
+  .quick-menu-toggle .quick-toggle-arrow:rtl {
+    border-radius: 99px 0 0 99px; }
+
+.quick-slider {
+  padding: 0 6px; }
+  .quick-slider > StBoxLayout {
+    spacing: 6px; }
+  .quick-slider .slider-bin {
+    min-height: 16px;
+    padding: 6px;
+    border-radius: 99px; }
+    .quick-slider .slider-bin:focus {
+      transition-duration: 100ms;
+      color: #5c616c;
+      background-color: #e2eaf9;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
+      .quick-slider .slider-bin:focus:hover {
+        background-color: #e9f1ff;
+        box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+      .quick-slider .slider-bin:focus:active {
+        background-color: #e9f1ff;
+        box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
+  .quick-slider .quick-toggle-icon {
+    icon-size: 1.09em; }
+  .quick-slider .icon-button {
+    background-color: transparent; }
+
+.quick-toggle-menu {
+  background-color: #f2f2f2;
+  border-radius: 24px;
+  padding: 12px;
+  margin: 12px 18px 0; }
+  .quick-toggle-menu .popup-menu-item > StIcon {
+    -st-icon-style: symbolic; }
+  .quick-toggle-menu .header {
+    spacing-rows: 3px;
+    spacing-columns: 12px;
+    padding-bottom: 12px; }
+    .quick-toggle-menu .header .icon {
+      icon-size: 1.635em;
+      border-radius: 999px;
+      padding: 9px;
+      background-color: white; }
+      .quick-toggle-menu .header .icon.active {
+        background-color: #2777ff; }
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px; }
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic; }
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0; }
+  .quick-settings-system-item .power-item:insensitive {
+    transition-duration: 100ms;
+    color: #5c616c;
+    background-color: #f7f7f8;
+    background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 0.545em; }
+
 /* OVERVIEW */
 .controls-manager, .secondary-monitor-workspaces {
   spacing: 12px; }
@@ -1620,28 +1728,29 @@ StScrollBar {
 
 .window-caption {
   color: white;
-  background-color: #303340;
+  background-color: #3b3f4e;
   border-radius: 99px;
   padding: 6px 12px; }
 
 .window-close, .screenshot-ui-close-button {
-  background-color: rgba(41, 44, 55, 0.95);
+  background-color: rgba(63, 68, 84, 0.98);
   color: white;
-  border-radius: 21px;
+  border-radius: 99px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   padding: 3px;
   height: 30px;
   width: 30px;
-  transition-duration: 300ms; }
+  transition-duration: 100ms; }
   .window-close StIcon, .screenshot-ui-close-button StIcon {
     icon-size: 24px; }
   .window-close:hover, .screenshot-ui-close-button:hover {
-    background-color: rgba(76, 79, 88, 0.9575); }
+    background-color: rgba(78, 84, 104, 0.98); }
   .window-close:active, .screenshot-ui-close-button:active {
-    color: rgba(255, 255, 255, 0.8);
-    background-color: rgba(30, 33, 40, 0.95); }
+    background-color: rgba(91, 98, 122, 0.98); }
 
 .workspace-background {
   border-radius: 30px;
+  background-color: rgba(3, 2, 1, 0);
   box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
 
 
@@ -1780,32 +1889,29 @@ StScrollBar {
 .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
   padding: 6px; }
 
-.dash-item-container .show-apps .overview-icon {
-  background-color: transparent; }
-
-.dash-item-container .show-apps:hover .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.13); }
-  .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.16); }
-  .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
+.dash-item-container .show-apps {
+  transition-duration: 400ms; }
+  .dash-item-container .show-apps .overview-icon {
+    background-color: transparent; }
+  .dash-item-container .show-apps:hover .overview-icon {
+    background-color: rgba(255, 255, 255, 0.1); }
+  .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
     background-color: rgba(255, 255, 255, 0.13); }
-
-.dash-item-container .show-apps:active .overview-icon {
-  background-color: rgba(255, 255, 255, 0.16); }
-
-.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-  .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
-    background-color: rgba(255, 255, 255, 0.22); }
-  .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.25); }
-
-.dash-item-container .show-apps:drop .overview-icon {
-  border: 2px solid rgba(39, 119, 255, 0.8);
-  background-color: rgba(39, 119, 255, 0.2); }
+    .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.16); }
+    .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.13); }
+  .dash-item-container .show-apps:active .overview-icon {
+    background-color: rgba(255, 255, 255, 0.16); }
+  .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+    .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.22); }
+    .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.25); }
+  .dash-item-container .show-apps:drop .overview-icon {
+    border: 2px solid rgba(39, 119, 255, 0.8);
+    background-color: rgba(39, 119, 255, 0.2); }
 
 .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
   padding-bottom: 12px; }
@@ -1836,65 +1942,57 @@ StScrollBar {
   page-padding-right: 18px; }
 
 /* App Icons */
-.app-well-app .overview-icon, .grid-search-result .overview-icon {
-  background-color: transparent; }
-
-.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.13); }
-  .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.16); }
-  .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
+.app-well-app, .grid-search-result {
+  transition-duration: 400ms; }
+  .app-well-app .overview-icon, .grid-search-result .overview-icon {
+    background-color: transparent; }
+  .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
+    background-color: rgba(255, 255, 255, 0.1); }
+  .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
     background-color: rgba(255, 255, 255, 0.13); }
-
-.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
-  background-color: rgba(255, 255, 255, 0.16); }
-
-.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-  .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
-    background-color: rgba(255, 255, 255, 0.22); }
-  .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.25); }
-
-.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
-  border: 2px solid rgba(39, 119, 255, 0.8);
-  background-color: rgba(39, 119, 255, 0.2); }
-
-.app-well-app .overview-icon, .grid-search-result .overview-icon {
-  padding: 12px; }
-
-.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
-  spacing: 6px; }
-
-.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-
-.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
-  background-color: rgba(255, 255, 255, 0.1); }
-
-.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
-  background-color: rgba(255, 255, 255, 0.13); }
-  .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
+    .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.16); }
+    .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.13); }
+  .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
     background-color: rgba(255, 255, 255, 0.16); }
-  .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
+  .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+    .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.22); }
+    .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.25); }
+  .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
+    border: 2px solid rgba(39, 119, 255, 0.8);
+    background-color: rgba(39, 119, 255, 0.2); }
+  .app-well-app .overview-icon, .grid-search-result .overview-icon {
+    padding: 12px; }
+  .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+    spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result {
+  transition-duration: 400ms; }
+  .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+  .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
+    background-color: rgba(255, 255, 255, 0.1); }
+  .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
     background-color: rgba(255, 255, 255, 0.13); }
-
-.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
-  background-color: rgba(255, 255, 255, 0.16); }
-
-.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
-  background-color: rgba(255, 255, 255, 0.19); }
-  .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
-    background-color: rgba(255, 255, 255, 0.22); }
-  .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
-    background-color: rgba(255, 255, 255, 0.25); }
-
-.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
-  border: 2px solid rgba(39, 119, 255, 0.8);
-  background-color: rgba(39, 119, 255, 0.2); }
+    .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.16); }
+    .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.13); }
+  .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
+    background-color: rgba(255, 255, 255, 0.16); }
+  .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
+    background-color: rgba(255, 255, 255, 0.19); }
+    .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
+      background-color: rgba(255, 255, 255, 0.22); }
+    .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
+      background-color: rgba(255, 255, 255, 0.25); }
+  .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
+    border: 2px solid rgba(39, 119, 255, 0.8);
+    background-color: rgba(39, 119, 255, 0.2); }
 
 .app-folder-dialog {
   border-radius: 32px;
@@ -1927,8 +2025,8 @@ StScrollBar {
 
 .app-folder-dialog-container {
   padding: 12px;
-  width: 640px;
-  height: 640px; }
+  width: 720px;
+  height: 720px; }
 
 .app-well-app-running-dot {
   height: 5px;
@@ -1943,7 +2041,8 @@ StScrollBar {
     padding: 0 12px; }
 
 .page-indicator {
-  padding: 6px 12px 0; }
+  padding: 6px 12px 0;
+  transition-duration: 400ms; }
   .page-indicator .page-indicator-icon {
     width: 10px;
     height: 10px;
@@ -1959,25 +2058,49 @@ StScrollBar {
   border-radius: 99px;
   icon-size: 48px; }
 
-.page-navigation-hint {
-  width: 300px; }
-  .page-navigation-hint.dnd {
-    background: rgba(255, 255, 255, 0.1); }
-  .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
-    background-gradient-start: rgba(255, 255, 255, 0.05);
-    background-gradient-end: transparent;
-    background-gradient-direction: horizontal;
-    border-radius: 24px 0px 0px 24px; }
-  .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 24px 24px 0px; }
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1); }
 
-.page-navigation-arrow {
+.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: 24px 0px 0px 24px; }
+
+.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 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon {
   margin: 6px;
+  padding: 18px;
   width: 24px;
-  height: 24px; }
+  height: 24px;
+  border-radius: 99px; }
+
+.page-navigation-arrow:insensitive > StIcon {
+  transition-duration: 100ms;
+  background-color: transparent;
+  background-color: none;
+  box-shadow: none; }
+  .page-navigation-arrow:insensitive > StIcon:insensitive {
+    transition-duration: 100ms;
+    color: rgba(92, 97, 108, 0.5);
+    background-color: rgba(92, 97, 108, 0.05);
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.5); }
+
+.page-navigation-arrow:hover > StIcon {
+  transition-duration: 100ms;
+  color: white;
+  background-color: rgba(83, 86, 98, 0.525); }
+
+.page-navigation-arrow:active > StIcon {
+  transition-duration: 100ms;
+  color: white;
+  background-color: rgba(90, 94, 107, 0.525); }
 
 /* Workspace pager */
 .workspace-thumbnails {
@@ -2128,6 +2251,9 @@ StScrollBar {
     .keyboard-key.default-key:checked {
       color: white;
       background-color: #666e89; }
+    .keyboard-key.default-key:latched {
+      border-color: #4187ff;
+      background-color: #2777ff; }
   .keyboard-key.enter-key {
     color: #ffffff;
     background-color: #3681ff;
@@ -2194,16 +2320,16 @@ StScrollBar {
   background-color: #2777ff; }
 
 .word-suggestions {
-  font-size: 13pt;
+  font-size: 11pt;
   spacing: 12px;
-  min-height: 20pt;
+  min-height: 17pt;
   padding: 12px;
   color: white; }
   .word-suggestions StButton {
     margin: 0 3px;
     min-width: 32px;
     border-radius: 6px;
-    padding: 6px 18px;
+    padding: 0px 18px;
     background-color: transparent;
     background-image: none; }
     .word-suggestions StButton:focus {
@@ -2294,6 +2420,8 @@ StScrollBar {
     color: #e4e4e6; }
   .lg-dialog .actor-link:active {
     color: #787c86; }
+  .lg-dialog .actor-link StIcon {
+    icon-size: 12px; }
 
 .lg-completions-text {
   font-style: italic; }
@@ -2320,31 +2448,28 @@ StScrollBar {
   border-radius: 8px;
   margin: 4px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid transparent;
+  transition-duration: 100ms;
   color: #5c616c;
-  background-color: white;
-  border-color: #d1d1d1; }
+  background-color: #ebebec; }
   .lg-extension:focus {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #e9f1ff;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+    background-color: #d7dfee;
+    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; }
     .lg-extension:focus:hover {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #dee6f5;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
     .lg-extension:focus:active {
-      background-color: #e9f1ff;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
+      background-color: #e6eefb;
+      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; }
   .lg-extension:hover {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #fafafb;
-    border-color: #d1d1d1; }
+    background-color: #f3f3f3; }
   .lg-extension:active {
-    border: 1px solid transparent;
+    transition-duration: 100ms;
     color: #5c616c;
-    background-color: #f5f6f6;
-    border-color: #d1d1d1; }
+    background-color: #fbfbfb; }
 
 .lg-extension-meta {
   spacing: 6px; }
@@ -2383,7 +2508,6 @@ StScrollBar {
   .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: #20232b;
     border-color: #20232b;
     color: white; }
@@ -2394,30 +2518,29 @@ StScrollBar {
       border-color: #323643; }
     .login-dialog .modal-dialog-button:active,
     .unlock-dialog .modal-dialog-button:active {
-      box-shadow: none;
       background-color: #1c1e25;
       border-color: #1c1e25; }
     .login-dialog .modal-dialog-button:insensitive,
     .unlock-dialog .modal-dialog-button:insensitive {
-      border: 1px solid transparent;
+      transition-duration: 100ms;
       color: rgba(92, 97, 108, 0.5);
       background-color: rgba(92, 97, 108, 0.05);
-      border-color: #d9d9d9;
       border-color: #1c1e25;
       background-color: #1c1e25;
       color: rgba(255, 255, 255, 0.7); }
     .login-dialog .modal-dialog-button:default,
     .unlock-dialog .modal-dialog-button:default {
-      border: 1px solid transparent;
+      transition-duration: 100ms;
       background-color: #2777ff;
-      color: #ffffff; }
+      color: #ffffff;
+      box-shadow: none; }
       .login-dialog .modal-dialog-button:default:focus,
       .unlock-dialog .modal-dialog-button:default:focus {
-        box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
+        box-shadow: inset 0 0 0 2px #5a97ff; }
       .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 {
-        background-color: #2a76f8;
+        background-color: #4187ff;
         color: white; }
       .login-dialog .modal-dialog-button:default:active,
       .unlock-dialog .modal-dialog-button:default:active {
@@ -2425,10 +2548,9 @@ StScrollBar {
         color: #ededed; }
       .login-dialog .modal-dialog-button:default:insensitive,
       .unlock-dialog .modal-dialog-button:default:insensitive {
-        border: 1px solid transparent;
+        transition-duration: 100ms;
         color: rgba(92, 97, 108, 0.5);
         background-color: rgba(92, 97, 108, 0.05);
-        border-color: #d9d9d9;
         background-color: rgba(39, 119, 255, 0.5);
         color: rgba(255, 255, 255, 0.5); }
   .login-dialog .cancel-button,
@@ -2630,7 +2752,11 @@ StScrollBar {
       background-color: rgba(255, 255, 255, 0.2); }
 
 .unlock-dialog-notification-label {
-  padding: 0 0 0 12px; }
+  padding-left: 12px;
+  padding-right: 0; }
+  .unlock-dialog-notification-label:rtl {
+    padding-right: 12px;
+    padding-left: 0; }
 
 .unlock-dialog-notification-count-text {
   font-weight: bold;
@@ -2656,117 +2782,7 @@ StScrollBar {
 .icon-dropshadow {
   icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
 
-/* OSD */
-.osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel {
-  background-color: rgba(48, 51, 64, 0.96);
-  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
-
-.screenshot-ui-type-button, .screenshot-ui-show-pointer-button {
-  border: 1px solid transparent;
-  background-color: transparent;
-  background-color: none;
-  border-color: transparent;
-  border: 0 !important; }
-  .screenshot-ui-type-button:insensitive, .screenshot-ui-show-pointer-button:insensitive {
-    border: 1px solid transparent;
-    color: rgba(92, 97, 108, 0.5);
-    background-color: rgba(92, 97, 108, 0.05);
-    border-color: #d9d9d9;
-    background-color: transparent; }
-  .screenshot-ui-type-button:insensitive, .screenshot-ui-show-pointer-button:insensitive {
-    border: 1px solid transparent;
-    background-color: transparent;
-    background-color: none;
-    border-color: transparent; }
-    .screenshot-ui-type-button:insensitive:insensitive, .screenshot-ui-show-pointer-button:insensitive:insensitive {
-      border: 1px solid transparent;
-      color: rgba(92, 97, 108, 0.5);
-      background-color: rgba(92, 97, 108, 0.05);
-      border-color: #d9d9d9;
-      background-color: transparent; }
-  .screenshot-ui-type-button:focus, .screenshot-ui-show-pointer-button:focus {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #394560;
-    box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); }
-    .screenshot-ui-type-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover {
-      background-color: #3f4b68;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
-    .screenshot-ui-type-button:focus:active, .screenshot-ui-show-pointer-button:focus:active {
-      background-color: #455170;
-      box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); }
-  .screenshot-ui-type-button:hover, .screenshot-ui-show-pointer-button:hover {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #414554;
-    border-color: #181a20; }
-  .screenshot-ui-type-button:active, .screenshot-ui-show-pointer-button:active {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #464b59;
-    border-color: #08090b; }
-  .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:checked, .screenshot-ui-show-pointer-button:checked {
-    border: 1px solid transparent;
-    color: white;
-    background-color: #4c505e; }
-    .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover {
-      background-color: #555b71; }
-    .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:checked:active, .screenshot-ui-show-pointer-button:checked:active {
-      background-color: #5b627a; }
-
-/* Switches */
-.toggle-switch {
-  height: 22px;
-  width: 44px; }
-
-/* Slider */
-.slider {
-  -barlevel-background-color: #d9d9d9;
-  -barlevel-border-width: 0;
-  -slider-handle-radius: 0; }
-
-/* Popovers/Menus */
-.popup-menu-boxpointer, .candidate-popup-boxpointer {
-  -arrow-rise: 6px; }
-
-.popup-menu-content, .candidate-popup-content {
-  padding: 4px;
-  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2);
-  background-color: #fafafa; }
-
-.popup-menu-item {
-  border: 1px solid transparent;
-  border-bottom: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 8px;
-  padding-bottom: 8px; }
-  .popup-menu-item:checked {
-    border-color: #d9d9d9;
-    background-color: #ffffff !important; }
-
-.popup-sub-menu {
-  background-color: #ffffff;
-  border: 1px solid #d9d9d9;
-  border-top: 0; }
-  .popup-sub-menu .popup-menu-item {
-    padding-top: 7px;
-    padding-bottom: 7px; }
-    .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
-      background-color: #f2f2f2 !important; }
-    .popup-sub-menu .popup-menu-item:checked {
-      background-color: #e8e8e8 !important; }
-    .popup-sub-menu .popup-menu-item:active {
-      background-color: #ededed !important; }
-
-.popup-separator-menu-item {
-  margin: 6px 0; }
-
 /* Message List */
-.message-list .message-list-placeholder,
-.message-list-controls {
-  font-weight: normal; }
-
 .message-list-controls {
   spacing: 12px;
   font-size: 10pt; }
@@ -2817,20 +2833,6 @@ StScrollBar {
     padding: 4px;
     margin: 8px; }
 
-/* Screenshot UI */
-.screenshot-ui-shot-cast-container {
-  background-color: #383d4b; }
-
-.screenshot-ui-shot-cast-button {
-  background-color: transparent; }
-  .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
-    background-color: #464b5d; }
-  .screenshot-ui-shot-cast-button:active {
-    background-color: #51576b; }
-  .screenshot-ui-shot-cast-button:checked {
-    background-color: white;
-    color: black; }
-
 /* Top Bar */
 #panel {
   background: rgba(255, 255, 255, 0.8);
@@ -2867,12 +2869,6 @@ StScrollBar {
 .datemenu-today-button:insensitive {
   color: inherit; }
 
-.datemenu-today-button .day-label {
-  font-weight: normal; }
-
-.datemenu-today-button .date-label {
-  font-weight: lighter; }
-
 /* Search */
 .search-entry {
   color: black;
diff --git a/src/themes/Kali/sass/common/_colors.scss b/src/themes/Kali/sass/common/_colors.scss
index a3cf57cb..3ea1c0a5 100644
--- a/src/themes/Kali/sass/common/_colors.scss
+++ b/src/themes/Kali/sass/common/_colors.scss
@@ -3,6 +3,8 @@
 
 $_dark_base_color: #272a34;
 
+$is_highcontrast: "false";
+
 $base_color: if($variant == 'light', darken(#ffffff, 2%), $_dark_base_color);
 $text_color: if($variant == 'light', black, white);
 $bg_color: if($variant == 'light', #ffffff, darken($_dark_base_color, 2%));
@@ -53,6 +55,15 @@ $tooltip_borders_color: $osd_outer_borders_color;
 $shadow_color: transparentize(black, if($variant == 'light', 0.9, 0.7));
 $system_bg_color: $_dark_base_color;
 
+// button
+$button_mix_factor: 5%;
+
+// cards
+$card_bg_color: if($variant == 'light', darken($bg_color, 5%), lighten($bg_color, 2%));
+
+// notifications
+$bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 10%));
+
 $drop_target_color: #19a187;
 
 //insensitive state derived colors
@@ -76,6 +87,18 @@ $backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40
 
 $backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
 
+// derived checked colors
+$checked_bg_color: if($variant=='light', darken($base_color, 7%), lighten($base_color, 9%));
+$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
+
+// derived hover colors
+$hover_bg_color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 4%));
+$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 10%));
+
+// derived active colors
+$active_bg_color: if($variant=='light', darken($base_color, 5%), lighten($base_color, 6%));
+$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 12%));
+
 //special cased widget colors
 $suggested_bg_color: $selected_bg_color;
 $suggested_border_color: $selected_borders_color;
diff --git a/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss
index 627c2601..c92ab68f 100644
--- a/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss
+++ b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss
@@ -6,85 +6,7 @@ $dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8);
   icon-shadow: 0 1px 5px $shadow_color;
 }
 
-/* OSD */
-%osd_panel {
-  background-color: transparentize($osd_bg_color, 0.04);
-  box-shadow: $dialog_box_shadow;
-}
-
-// buttons on OSD elements
-// that are undecorated by default and use OSD colors
-%osd_button {
-  @include button(undecorated);
-  border: 0!important;
-  &:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color); }
-  &:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color); }
-  &:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color); }
-  &:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color); }
-  &:outlined, &:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color); }
-}
-
-/* Switches */
-.toggle-switch {
-  height: 22px;
-  width: 44px;
-}
-
-/* Slider */
-.slider {
-  -barlevel-background-color: $borders_color;
-  -barlevel-border-width: 0;
-  -slider-handle-radius: 0;
-}
-
-/* Popovers/Menus */
-.popup-menu-boxpointer {
-  -arrow-rise: 6px;
-}
-
-.popup-menu-content {
-  padding: 4px;
-  box-shadow: $dialog_box_shadow;
-  background-color: $base_color;
-}
-
-.popup-menu-item {
-  border: 1px solid transparent;
-  border-bottom: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 8px;
-  padding-bottom: 8px;
-
-  &:checked {
-    border-color: $borders_color;
-    background-color: $bg_color!important;
-  }
-}
-
-.popup-sub-menu {
-  background-color: $bg_color;
-  border: 1px solid $borders_color;
-  border-top: 0;
-
-  .popup-menu-item {
-    padding-top: 7px;
-    padding-bottom: 7px;
-
-    &:focus, &:hover { background-color: $hover_bg_color!important; }
-    &:checked { background-color: $checked_bg_color!important; }
-    &:active { background-color: $active_bg_color!important; }
-  }
-}
-
-.popup-separator-menu-item { margin: 6px 0; }
-
 /* Message List */
-.message-list .message-list-placeholder,
-.message-list-controls {
-  font-weight: normal;
-}
-
 .message-list-controls {
   spacing: $base_padding * 2;
   @include fontsize(10);
@@ -145,18 +67,6 @@ $dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8);
   }
 }
 
-/* Screenshot UI */
-.screenshot-ui-shot-cast-container {
-  background-color: lighten($osd_bg_color, 4%);
-}
-
-.screenshot-ui-shot-cast-button {
-  background-color: transparent;
-  &:hover, &:focus { background-color: lighten($osd_bg_color, 10%); }
-  &:active { background-color: lighten($osd_bg_color, 15%); }
-  &:checked { background-color: white; color: black; }
-}
-
 /* Top Bar */
 #panel {
   $_panel_bg: transparentize($bg_color, .2);
@@ -217,10 +127,6 @@ $dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8);
 /* Date/Time Menu */
 .datemenu-today-button {
   &:insensitive { color: inherit; }
-
-  .day-label { font-weight: normal; }
-
-  .date-label { font-weight: lighter; }
 }
 
 /* Search */
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_colors.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_colors.scss
index 7dfe6662..c42a9554 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_colors.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_colors.scss
@@ -1,7 +1,13 @@
 // When color definition differs for dark and light variant,
 // it gets @if-ed depending on $variant
 
-$base_color: if($variant == 'light', #fff, darken(desaturate(#241f31, 100%), 2%));
+@import '_palette.scss';
+
+$is_highcontrast: "false";
+
+$_dark_base_color: darken(desaturate(#241f31, 100%), 2%);
+
+$base_color: if($variant == 'light', #fff, $_dark_base_color);
 $bg_color: if($variant == 'light', #f6f5f4, lighten($base_color, 5%));
 $fg_color: if($variant == 'light', transparentize(black, .2), white);
 
@@ -15,13 +21,13 @@ $borders_edge: if($variant == 'light', rgba(255,255,255,0.8), lighten($bg_color,
 $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
 $link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
 
-$warning_color: if($variant == 'light', #e5a50a, #f5c211);;
-$error_color: if($variant == 'light', #e01b24, #c01c28);
-$success_color: if($variant == 'light', #2ec27e, #26a269);
-$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
+$warning_color: if($variant == 'light', $yellow_5, #cd9309);
+$error_color: if($variant == 'light', $red_3, $red_4);
+$success_color: if($variant == 'light', $green_4, $green_5);
+$destructive_color: $error_color;
 
 $osd_fg_color: white;
-$osd_bg_color: transparentize(desaturate($bg_color, 100%),0.04);
+$osd_bg_color: $_dark_base_color; //hardcoded for both light & dark
 $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
 $osd_insensitive_fg_color: if($variant == 'light', mix($osd_fg_color, $osd_bg_color, 80%),  mix($osd_fg_color, $osd_bg_color, 70%));
 $osd_borders_color: transparentize(black, 0.3);
@@ -29,6 +35,15 @@ $osd_outer_borders_color: transparentize($osd_fg_color, 0.98);
 
 $shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
 
+// button
+$button_mix_factor: 5%;
+
+// cards
+$card_bg_color: if($variant == 'light', darken($bg_color, 5%), lighten($bg_color, 2%));
+
+// notifications
+$bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 10%));
+
 // overview background color
 $system_bg_color: $base_color;
 
@@ -44,3 +59,16 @@ $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 80%);
 $backdrop_insensitive_color: if($variant =='light', darken($backdrop_bg_color,15%), lighten($backdrop_bg_color,15%));
 $backdrop_borders_color: mix($borders_color, $bg_color, 90%);
 $backdrop_dark_fill: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
+
+
+// derived checked colors
+$checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 7%));
+$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
+
+// derived hover colors
+$hover_bg_color: if($variant=='light', darken($bg_color, 3%), lighten($bg_color, 10%));
+$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 10%));
+
+// derived active colors
+$active_bg_color: if($variant=='light', darken($bg_color, 5%), lighten($bg_color, 12%));
+$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 12%));
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss
index c4ce9997..de151c5c 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss
@@ -35,17 +35,10 @@ $base_border_radius: 8px;
 // radii of things that display over other things, e.g. popovers
 $modal_radius: $base_border_radius*2; // 24px
 
-// derived hover colors
-$hover_bg_color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 4%));
-$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 4%));
-
-// derived active colors
-$active_bg_color: if($variant=='light', darken($base_color, 5%), lighten($base_color, 6%));
-$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 6%));
-
-// derived checked colors
-$checked_bg_color: if($variant=='light', darken($base_color, 7%), lighten($base_color, 9%));
-$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 9%));
+// Chroma key to flag when a background-color is always occluded, not visible.
+// This allows any box-shadow behind it to be rendered more efficiently by
+// omitting the middle rectangle.
+$invisible_occluded_bg_color: rgba(3,2,1,0);
 
 // fonts
 $base_font_size: 10;
@@ -86,7 +79,7 @@ stage {
   padding: $base_padding;
   spacing: $base_padding;
   border: 2px solid transparent;
-  transition-duration: 100ms;
+  transition-duration: 200ms;
   text-align: center;
 }
 
@@ -114,11 +107,28 @@ stage {
   &:checked { @include button(checked);}
 }
 
+// normal icon-only button
+%icon_button {
+  border-radius: 99px;
+  border-style: solid;
+  border-width: 1px;
+  font-weight: bold;
+  padding: $base_padding*2;
+
+  @include button(normal);
+  &:focus { @include button(focus);}
+  &:hover { @include button(hover);}
+  &:insensitive { @include button(insensitive);}
+  &:active { @include button(active);}
+  &:checked { @include button(checked);}
+
+  & > StIcon { icon-size: $base_icon_size; }
+}
+
 // buttons in dialogs/notifications
 // lighter in color and have a greater radius
 
 $bubble_button_radius:$base_border_radius*1.25;
-$bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 7%));
 
 %bubble_button {
   padding: $base_padding * 2;
@@ -163,11 +173,11 @@ $bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($
 // that are undecorated by default and use OSD colors
 %osd_button {
   @include button(undecorated);
-  &:insensitive { @include button(undecorated, $c:$osd_bg_color);}
-  &:focus { @include button(focus, $c:$osd_bg_color);}
-  &:hover { @include button(hover, $c:$osd_bg_color);}
-  &:active { @include button(active, $c:$osd_bg_color);}
-  &:outlined,&:checked { @include button(checked, $c:$osd_bg_color);}
+  &:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:outlined,&:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color);}
 }
 
 /* General Typography */
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss.patch b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss.patch
index 4865ccc5..0ef0abc6 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss.patch
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss.patch
@@ -1,16 +1,4 @@
-39c39
-< $hover_bg_color: if($variant=='light', darken($bg_color, 3%), lighten($bg_color, 4%));
----
-> $hover_bg_color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 4%));
-43c43
-< $active_bg_color: if($variant=='light', darken($bg_color, 5%), lighten($bg_color, 6%));
----
-> $active_bg_color: if($variant=='light', darken($base_color, 5%), lighten($base_color, 6%));
-47c47
-< $checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 9%));
----
-> $checked_bg_color: if($variant=='light', darken($base_color, 7%), lighten($base_color, 9%));
-51c51
+44c44
 < $base_font_size: 11;
 ---
 > $base_font_size: 10;
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss
index c357f2ca..8d9a3307 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss
@@ -129,20 +129,6 @@
   }
 }
 
-
-@function draw_border_color ($c) {
-  //
-  // colored buttons want the border form the base color
-  //
-  @return if($variant == 'light', darken($c, 18%), darken($c, 4%));
-}
-
-// buttons
-// since buttons are all flat an borderless now the mixin is simpler
-
-@mixin button($t, $tc:$fg_color, $c:$bg_color) {
-
-$button_bg_color: lighten($c, 5%);
 //
 // Button drawing function
 //
@@ -155,49 +141,66 @@ $button_bg_color: lighten($c, 5%);
 // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
 // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
 //
+// since buttons are all flat an borderless now the mixin is simpler
 
-  border: 1px solid transparent;
+@mixin button($t, $tc:$fg_color, $c:$bg_color) {
+
+  $button_bg_color: mix($tc, $c, $button_mix_factor);
+  transition-duration: 100ms;
 
   // normal button
   @if $t==normal {
     color: $tc;
     background-color: $button_bg_color;
-    border-color: draw_border_color($c);
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px $button_inset_color;
+    }
   }
 
   // focused button
   @if $t==focus {
     color: $tc;
     background-color: mix($button_bg_color, $selected_bg_color, 90%);
-    box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
+    box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4) !important;
     &:hover {
       background-color: mix(lighten($button_bg_color, 3%), $selected_bg_color, 90%);
-      box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
+      box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3) !important;
     }
     &:active {
       background-color: mix(lighten($button_bg_color, 6%), $selected_bg_color, 90%);
-      box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
+      box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3) !important;
     }
   }
 
   // hover button
   @else if $t==hover {
     color: $tc;
-    background-color: mix($tc, $button_bg_color, 3%);
-    border-color: if($variant == 'light', draw_border_color(lighten($c, 7%)), draw_border_color($c));
+    background-color: lighten($button_bg_color, 3%);
+
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px lighten($button_inset_color, 3%);
+      background-color: mix(lighten($button_bg_color, 3%), $button_inset_color, 10%);
+    }
   }
 
   // active button
   @else if $t==active {
     color: $tc;
-    background-color:  mix($tc, $button_bg_color, 6%);
-    border-color: draw_border_color(if($variant == 'light', $c, darken($c,7%)));
+    background-color:  lighten($button_bg_color, 6%);
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px lighten($button_inset_color, 6%);
+      background-color: mix(lighten($button_bg_color, 6%), $button_inset_color, 10%);
+    }
   }
 
   // checked button
   @else if $t==checked {
     color: $tc;
-    background-color: mix($tc, $button_bg_color, 9%);
+    background-color: lighten($button_bg_color, 9%);
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px lighten($button_inset_color, 9%);
+      background-color: mix(lighten($button_bg_color, 9%), $button_inset_color, 10%);
+    }
     &:hover { background-color: lighten($button_bg_color, 12%);}
     &:active { background-color: lighten($button_bg_color, 15%);}
   }
@@ -206,18 +209,21 @@ $button_bg_color: lighten($c, 5%);
   @else if $t==insensitive {
     color: transparentize($tc, 0.5);
     background-color: transparentize($tc, .95);
-    border-color: $insensitive_borders_color;
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px transparentize($button_inset_color, 0.5);
+    }
   }
 
   // default/suggested button
   @else if $t==default {
     background-color: $selected_bg_color;
     color: $selected_fg_color;
+    box-shadow: none;
     &:focus {
-      box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
+      box-shadow: inset 0 0 0 2px lighten($selected_bg_color, 10%);
     }
     &:hover, &:focus { 
-      background-color: mix($tc, $selected_bg_color, 5%);
+      background-color: lighten($selected_bg_color, 5%);
       color: lighten($selected_fg_color, 5%);
     }
     &:active {
@@ -235,11 +241,11 @@ $button_bg_color: lighten($c, 5%);
   @else if $t==undecorated {
     background-color: transparent;
     background-color: none;
-    border-color: transparent;
+    box-shadow: none;
     &:insensitive {
       @include button(insensitive);
       background-color: transparent;
-      //color: transparentize($selected_fg_color, .5);
+      color: transparentize($selected_fg_color, .5);
     }
   }
 }
@@ -272,6 +278,7 @@ $button_bg_color: lighten($c, 5%);
 
 // overview icon, dash, app grid
 @mixin overview_icon($color, $flat: true) {
+  transition-duration: 400ms;
   .overview-icon { @extend %tile; }
   @if $flat {
     .overview-icon { background-color: transparent;}
@@ -303,25 +310,24 @@ $button_bg_color: lighten($c, 5%);
 @mixin card($flat: false) {
   border-radius: $base_border_radius;
   margin: $base_margin;
-  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
+  box-shadow: 0 1px 1px 0 $shadow_color;
 
   @if $flat {
     @include button(undecorated);
     box-shadow: none !important;
-    &:insensitive { border-color: transparent; }
   } @else {
-    @include button(normal);
+    @include button(normal, $c:$card_bg_color);
   }
 
   &:focus {
-    @include button(focus);
+    @include button(focus, $c:$card_bg_color);
   }
 
   &:hover {
-    @include button(hover);
+    @include button(hover, $c:$card_bg_color);
   }
 
   &:active {
-    @include button(active);
+    @include button(active, $c:$card_bg_color);
   }
 }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss.patch b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss.patch
deleted file mode 100644
index 6c1b7b98..00000000
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss.patch
+++ /dev/null
@@ -1,45 +0,0 @@
-132a133,139
-> @function draw_border_color ($c) {
->   //
->   // colored buttons want the border form the base color
->   //
->   @return if($variant == 'light', darken($c, 18%), darken($c, 4%));
-> }
-> 
-138c145
-< $button_bg_color: mix($tc, $c, 5%);
----
-> $button_bg_color: lighten($c, 5%);
-151a159,160
->   border: 1px solid transparent;
-> 
-155a165
->     border-color: draw_border_color($c);
-176c186,187
-<     background-color: lighten($button_bg_color, 3%);
----
->     background-color: mix($tc, $button_bg_color, 3%);
->     border-color: if($variant == 'light', draw_border_color(lighten($c, 7%)), draw_border_color($c));
-182c193,194
-<     background-color:  lighten($button_bg_color, 6%);
----
->     background-color:  mix($tc, $button_bg_color, 6%);
->     border-color: draw_border_color(if($variant == 'light', $c, darken($c,7%)));
-188c200
-<     background-color: lighten($button_bg_color, 9%);
----
->     background-color: mix($tc, $button_bg_color, 9%);
-196a209
->     border-color: $insensitive_borders_color;
-207c220
-<       background-color: lighten($selected_bg_color, 5%);
----
->       background-color: mix($tc, $selected_bg_color, 5%);
-224a238
->     border-color: transparent;
-228c228
-<       color: transparentize($selected_fg_color, .5);
----
->       //color: transparentize($selected_fg_color, .5);
-296a311
->     &:insensitive { border-color: transparent; }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_high-contrast-colors.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_high-contrast-colors.scss
deleted file mode 100644
index 71017936..00000000
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_high-contrast-colors.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-// When color definition differs for dark and light variant,
-// it gets @if ed depending on $variant
-
-
-$base_color: #222;
-$bg_color: #000;
-$fg_color: #fff;
-
-$selected_fg_color: #ffffff;
-$selected_bg_color: darken(#4a90d9,20%);
-$selected_borders_color: darken($selected_bg_color, 20%);
-$borders_color: darken($bg_color,12%);
-$borders_edge: transparentize($fg_color, 0.9);
-$link_color: lighten($selected_bg_color,20%);
-$link_visited_color: lighten($selected_bg_color,10%);
-$top_hilight: $borders_edge;
-
-$warning_color: #f57900;
-$error_color: #cc0000;
-$success_color: darken(#73d216,10%);
-$destructive_color: darken(#ef2929,10%);
-
-$osd_fg_color: #eeeeec;
-$osd_bg_color: #2e3436;
-$osd_borders_color: rgba(0,0,0, 0.7);
-$osd_outer_borders_color: rgba(255,255,255, 0.1);
-
-$shadow_color: rgba(0,0,0, 0.1);
-
-//insensitive state derived colors
-$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
-$insensitive_bg_color: mix($bg_color, $base_color, 60%);
-$insensitive_borders_color: $borders_color;
-
-//colors for the backdrop state, derived from the main colors.
-$backdrop_base_color: lighten($base_color,1%);
-$backdrop_bg_color: $bg_color;
-$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 80%);
-$backdrop_insensitive_color: lighten($backdrop_bg_color,15%);
-$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
-$backdrop_dark_fill: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_widgets.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_widgets.scss
index 4ed082f1..a09e0b54 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_widgets.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_widgets.scss
@@ -24,7 +24,6 @@
 @import 'widgets/hotplug';
 // Dialogs
 @import 'widgets/dialogs';
-@import 'widgets/network-dialog';
 // OSDs
 @import 'widgets/osd';
 @import 'widgets/switcher-popup';
@@ -33,6 +32,7 @@
 // Panel
 @import 'widgets/panel';
 @import 'widgets/corner-ripple';
+@import 'widgets/quick-settings';
 // Overview
 @import 'widgets/overview';
 @import 'widgets/window-picker';
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss
index c936e4b6..9da650cf 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss
@@ -78,8 +78,8 @@ $app_icon_size: 96px;
 
 .app-folder-dialog-container {
   padding: $base_padding*2;
-  width: 640px;
-  height: 640px;
+  width: 720px;
+  height: 720px;
 }
 
 // Running app indicator (also shown in dash)
@@ -102,6 +102,7 @@ $app_icon_size: 96px;
 // App Grid pagination indicators
 .page-indicator {
   padding: $base_padding $base_padding * 2 0;
+  transition-duration:400ms;
 
   .page-indicator-icon {
     width: 10px;
@@ -124,8 +125,6 @@ $app_icon_size: 96px;
 }
 
 .page-navigation-hint {
-  width: 300px;
-
   &.dnd {
     background: rgba(255, 255, 255, 0.1);
   }
@@ -148,7 +147,15 @@ $app_icon_size: 96px;
 }
 
 .page-navigation-arrow {
-  margin: 6px;
-  width: 24px;
-  height: 24px;
+  &  > StIcon {
+    margin: 6px;
+    padding: 18px;
+    width: 24px;
+    height: 24px;
+    border-radius: 99px;
+  }
+
+  &:insensitive > StIcon { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:hover > StIcon { @include button(hover, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:active > StIcon { @include button(active, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
 }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_buttons.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_buttons.scss
index 6a72c079..df995245 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_buttons.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_buttons.scss
@@ -4,3 +4,7 @@
   @extend %button; // that's it
   min-height: 22px;
 }
+
+.icon-button {
+  @extend %icon_button; // that's it
+}
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss
index c1e4f966..38d8e61e 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss
@@ -60,7 +60,7 @@
     }
   }
 
-  $calendar_day_size: 32px;
+  $calendar_day_size: 3em;
 
   .calendar-day-base {
     text-align: center;
@@ -69,6 +69,7 @@
     height: $calendar_day_size !important;
     width: $calendar_day_size !important;
     border-radius: 99px;
+    transition-duration: 100ms;
     @extend %numeric;
     @extend %smaller;
     
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_corner-ripple.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_corner-ripple.scss
index 9137b67c..9aff4317 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_corner-ripple.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_corner-ripple.scss
@@ -3,8 +3,8 @@
 $ripple_size: 50px;
 
 .ripple-box {
-  background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
-  box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
+  background-color: rgba(255,255,255,0.2);
+  box-shadow: 0 0 2px 2px rgba(255,255,255,0.2);
   // plus + 2px for the border (box-shadow)
   width: $ripple_size + 2px;
   height: $ripple_size + 2px;
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dialogs.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dialogs.scss
index 548758dd..694e6555 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dialogs.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dialogs.scss
@@ -165,3 +165,8 @@
   height: 300px;
   width: 300px;
 }
+
+/* Access portal dialog */
+.access-dialog {
+  text-align: center;
+}
\ No newline at end of file
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_ibus-popup.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_ibus-popup.scss
index 28f89f33..8cbaa952 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_ibus-popup.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_ibus-popup.scss
@@ -29,8 +29,11 @@
   .horizontal & { padding-left: $base_padding*2; }
 }
 
-.candidate-page-button { padding: $base_padding;}
+.candidate-page-button {
+  padding: $base_padding;
+
+  & StIcon { icon-size: $base_icon_size; }
+}
 
 .candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0;box-shadow: none;}
 .candidate-page-button-next { border-radius: 0px $base_border_radius $base_border_radius 0px;box-shadow: none;}
-.candidate-page-button-icon { icon-size: $base_icon_size; }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_keyboard.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_keyboard.scss
index ca049c68..6bac82b4 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_keyboard.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_keyboard.scss
@@ -61,6 +61,12 @@ $default_key_bg_color: lighten($osd_bg_color, 10%);
     &:active { @include keyboard_key(active, $default_key_bg_color, $osd_fg_color);}
     &:checked { @include keyboard_key(checked, $default_key_bg_color, $osd_fg_color);}
     border-radius: $key_border_radius;
+
+    // keys that may be latched: ctrl/alt/shift
+    &:latched {
+      border-color: lighten($selected_bg_color, 5%);
+      background-color: $selected_bg_color;
+    }
   }
 
   // enter key is suggested-action
@@ -130,9 +136,9 @@ $default_key_bg_color: lighten($osd_bg_color, 10%);
 
 // suggestions
 .word-suggestions {
-  @include fontsize($base_font_size + 3);
+  @include fontsize($base_font_size + 1);
   spacing: 12px;
-  min-height: 20pt;
+  min-height: 17pt;
   padding: $base_padding*2;
   color: $osd_fg_color;
 
@@ -141,7 +147,7 @@ $default_key_bg_color: lighten($osd_bg_color, 10%);
     margin: 0 3px;
     min-width: 32px;
     border-radius: $base_border_radius - 2px;
-    padding: $base_padding $base_padding*3;
+    padding: 0px $base_padding*3;
 
     @include keyboard_key(undecorated, $key_bg_color, $osd_fg_color);
 
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-dialog.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-dialog.scss
index 2572f970..23456be5 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-dialog.scss
@@ -16,7 +16,6 @@
   .modal-dialog-button-box { spacing: 3px; }
   .modal-dialog-button {
     padding: 4px 18px;
-    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     background-color: darken($system_bg_color, 3%);
     border-color: darken($system_bg_color, 3%);
     color: $osd_fg_color;
@@ -28,7 +27,6 @@
     }
     &:active {
       $_active_c: darken($_gdm_bg, 5%);
-      box-shadow: none;
       background-color: $_active_c;
       border-color: $_active_c;
     }
@@ -103,7 +101,6 @@
   @include fontsize($base_font_size + 2);
   font-weight: bold;
   padding-left: 15px;
-
   &:ltr { padding-left: 14px; text-align: left; }
   &:rtl { padding-right: 14px; text-align: right; }
 }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss
index 8639889e..00630c33 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss
@@ -9,7 +9,7 @@
   color: $osd_fg_color;
   padding: $base_padding;
   spacing: $base_padding;
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
+  box-shadow: 0 2px 4px 0 $shadow_color;
 
   & > #Toolbar {
     border: none;
@@ -79,6 +79,8 @@
     color: $insensitive_fg_color;
     &:hover { color: lighten($insensitive_fg_color, 20%); }
     &:active { color: darken($insensitive_fg_color, 20%); }
+
+    & StIcon { icon-size: 12px; }
    }
 }
 
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss
index 7f93e817..5196661c 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss
@@ -123,6 +123,8 @@
     margin: 1px;
     &:hover {background-color: transparentize($fg_color, 0.8);}
     &:active {background-color: transparentize($fg_color, 0.9);}
+
+    & StIcon { icon-size: $base_icon_size; }
   }
 
   // body
@@ -157,6 +159,8 @@
   // fix margin for last button
   &:last-child:ltr { margin-right: $base_margin*3; }
   &:last-child:rtl { margin-left: $base_margin*3; }
+
+  & StIcon { icon-size: $base_icon_size; }
 }
 
 // album-art
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_network-dialog.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_network-dialog.scss
deleted file mode 100644
index 11e4e676..00000000
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_network-dialog.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Select Network dialogs */
-.nm-dialog {
-  max-height: 34em;
-  min-height: 31em;
-  min-width: 32em;
-}
-
-.nm-dialog-content {
-  spacing: 20px;
-  padding: 24px;
-}
-
-.nm-dialog-header { @extend %heading; }
-.nm-dialog-subheader { color: $insensitive_fg_color;}
-.nm-dialog-header-icon { icon-size: $large_icon_size;}
-.nm-dialog-header-hbox { spacing: 10px; }
-
-.nm-dialog-scroll-view {
-  padding:$base_padding;
-  border-radius: $base_border_radius;
-  background-color: $base_color;
-}
-
-.nm-dialog-item {
-  padding: $base_padding * 2;
-
-  &:selected {
-    background-color: $selected_bg_color;
-    border-radius: $base_border_radius - 3px;
-    color: $selected_fg_color;
-  }
-  &:hover { background-color:$hover_bg_color;}
-}
-
-.nm-dialog-icon { icon-size: $base_icon_size; }
-.nm-dialog-icons { spacing: $base_padding * 2; }
-
-// no networks
-.no-networks-box { spacing: $base_padding; }
-.no-networks-label { color: $insensitive_fg_color; }
-
-// airplane mode
-.nm-dialog-airplane-box {
-  text-align: center;
-  spacing: 12px;
-}
-.nm-dialog-airplane-headline { @extend %title_3;}
-.nm-dialog-airplane-text { color: $insensitive_fg_color;}
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_notifications.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_notifications.scss
index 7866767e..86480a87 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_notifications.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_notifications.scss
@@ -8,7 +8,7 @@ $notification_banner_radius: $base_border_radius*1.5;
 .notification-banner {
   min-height: $notification_banner_height;
   width: $notification_banner_width;
-  box-shadow: 0 2px 4px 2px rgba(0,0,0,0.1);
+  box-shadow: 0 2px 4px 2px $shadow_color;
   border-radius: $notification_banner_radius;
   margin: $base_margin;
 
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_osd.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_osd.scss
index e4fb0e57..a8d1a55f 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_osd.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_osd.scss
@@ -14,8 +14,6 @@ $osd_levelbar_height:6px;
 
   StIcon { icon-size:$large_icon_size;}
 
-  .osd-monitor-label { font-size: 3em; }
-  
   StLabel {
     &:ltr { margin-right: 6px; }
     &:rtl { margin-left: 6px; }
@@ -37,6 +35,17 @@ $osd_levelbar_height:6px;
   }
 }
 
+// Monitor number label
+.osd-monitor-label { 
+  @extend %osd_panel;
+  border-radius: $modal_radius;
+  font-size: 3em;
+  font-weight: bold;
+  margin: $base_margin * 3;
+  text-align: center;
+  min-width: 1.3em;
+}
+
 /* Pad OSD */
 .pad-osd-window {
   padding: 32px;
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss
index 3fc57eb0..fd3e7d2d 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss
@@ -40,7 +40,14 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
 
     &.screen-recording-indicator {
       box-shadow: inset 0 0 0 100px $screenshot_ui_button_red;
+    }
+    &.screen-sharing-indicator {
+      box-shadow: inset 0 0 0 100px $warning_color;
+      StBoxLayout { margin: 0 $base_padding; }
+    }
 
+    &.screen-recording-indicator,
+    &.screen-sharing-indicator {
       StBoxLayout {
         spacing: $base_padding;
       }
@@ -66,6 +73,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
       &.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.15);
       }
+      &.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.15);
+      }
     }
 
     &:hover {
@@ -80,6 +90,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
       &.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.1);
       }
+      &.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.1);
+      }
     }
     
     &:active:hover, &:overview:hover, &:focus:hover, &:checked:hover {
@@ -94,6 +107,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
       &.screen-recording-indicator {
         box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.2);
       }
+      &.screen-sharing-indicator {
+        box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.2);
+      }
     }
 
     // status area icons
@@ -137,6 +153,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
         &.screen-recording-indicator {
           box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.15);
         }
+        &.screen-sharing-indicator {
+          box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.15);
+        }
       }
 
       &:hover {
@@ -151,6 +170,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
         &.screen-recording-indicator {
           box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.1);
         }
+        &.screen-sharing-indicator {
+          box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.1);
+        }
       }
       
       &:active:hover, &:overview:hover, &:focus:hover, &:checked:hover {
@@ -165,6 +187,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
         &.screen-recording-indicator {
           box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.2);
         }
+        &.screen-sharing-indicator {
+          box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.2);
+        }
       }
     }
   }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_popovers.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_popovers.scss
index 08ad3246..138a4fc0 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_popovers.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_popovers.scss
@@ -19,27 +19,27 @@
 // popover content
 .popup-menu-content {
   padding: $base_padding;
-  border-radius: $modal_radius - 2px;
+  border-radius: $modal_radius*1.25;
   border: 1px solid $borders_edge;
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
+  box-shadow: 0 2px 4px 0 $shadow_color;
   background-color: $bg_color;
 }
 
 // menu items
 .popup-menu-item {
   padding: $base_padding*1.5 $base_padding*2;
-  border-radius: $base_border_radius;
+  border-radius: $base_border_radius*1.5;
   spacing: $base_padding;
-  transition: 0.2s all ease;
+  transition-duration: 100ms;
   background-color: transparent;
 
   &:ltr {padding-left: $base_padding;}
   &:rtl {padding-right: $base_padding;}
 
   &:focus, &:hover {
-   background-color: $hover_bg_color !important;
-   &:active { background-color: $active_bg_color !important;}
- }
+    background-color: $hover_bg_color !important;
+    &:active { background-color: $active_bg_color !important;}
+  }
 
   &:checked {background-color: $checked_bg_color !important;}
 
@@ -100,12 +100,12 @@
       border-radius: 0 0 $base_border_radius $base_border_radius;
     }
 
-    &:focus,&:hover { background-color: lighten($hover_bg_color, 10%) !important;}
+    &:focus,&:hover { background-color: $hover_bg_color !important;}
     &:checked {
-      background-color: lighten($checked_bg_color, 10%) !important;
+      background-color: $checked_bg_color !important;
       &:focus,&:hover { background-color: lighten($checked_bg_color, 8%) !important;}
     }
-    &:active { background-color: lighten($active_bg_color, 10%) !important;}
+    &:active { background-color: $active_bg_color !important;}
   }
 
   .popup-menu-section {
@@ -164,28 +164,6 @@
   -arrow-rise: 0px; // hide the beak on the menu
 }
 
-// system status menu
-.aggregate-menu {
-  min-width: 22em;
-
-  // this is unneeded at the top-level in this menu, hide it
-  .popup-menu-ornament { width: 0 !important; }
-
-  // lock screen, shutdown, etc. buttons
-  .popup-menu-icon {
-    -st-icon-style: symbolic;
-    &:ltr {margin-right: $base_margin*2;}
-    &:rtl {margin-left: $base_margin*2;}
-  }
-
-  // account for ornaments in submenus with padding
-  .popup-sub-menu .popup-menu-item > :first-child {
-    // this value is hardcoded for visual effect
-    &:ltr { margin-left: 1em;}
-    &:rtl { margin-right: 1em;}
-  }
-}
-
 // right-click (and panel) app menu
 .app-menu {
   max-width: 27.25em;
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_quick-settings.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_quick-settings.scss
new file mode 100644
index 00000000..4e84cdf6
--- /dev/null
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_quick-settings.scss
@@ -0,0 +1,118 @@
+.quick-settings {
+  padding: $base_padding*3;
+  border-radius: $modal_radius*2.25;
+
+  .icon-button, .button {
+    padding: $base_padding*1.75;
+  }
+}
+
+.quick-settings-grid {
+  spacing-rows: $base_padding*2;
+  spacing-columns: $base_padding*2;
+}
+
+.quick-toggle {
+  border-radius: 99px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border:none;
+
+  &:checked { @include button(default); }
+
+  & > StBoxLayout { spacing: $base_padding; }
+
+  /* Move padding into the box; this is to allow menu arrows
+     to extend to the border */
+  &.button { padding: 0; }
+  & > StBoxLayout { padding: 0 $base_padding*2; }
+  &:ltr > StBoxLayout { padding-left: $base_padding*2.5; }
+  &:rtl > StBoxLayout { padding-right: $base_padding*2.5; }
+
+  .quick-toggle-label { font-weight: bold; }
+  .quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; }
+}
+
+.quick-menu-toggle {
+  &:ltr > StBoxLayout { padding-right: 0; }
+  &:rtl > StBoxLayout { padding-left: 0; }
+
+  & .quick-toggle-arrow {
+    background-color: transparentize($fg_color, 0.9);
+    padding: $base_padding $base_padding*1.75;
+
+    &:ltr { border-radius: 0 99px 99px 0; }
+    &:rtl { border-radius: 99px 0 0 99px; }
+  }
+}
+
+.quick-slider {
+  padding: 0 $base_padding;
+
+  & > StBoxLayout { spacing: $base_padding; }
+
+  .slider-bin {
+    &:focus {@include button(focus);}
+    min-height: 16px; // slider size
+    padding: $base_padding;
+    border-radius: 99px;
+  }
+  .quick-toggle-icon { icon-size: $base_icon_size; }
+  .icon-button { background-color: transparent; }
+}
+
+.quick-toggle-menu {
+  background-color: $card_bg_color;
+  border-radius: $base_border_radius*3;
+  padding: $base_padding*2;
+  margin: $base_padding*2 $base_padding*3 0;
+
+  .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+  & .header {
+    spacing-rows: 0.5 * $base_padding;
+    spacing-columns: $base_padding*2;
+    padding-bottom: 2 * $base_padding;
+
+    & .icon {
+      icon-size: $base_icon_size*1.5; // a non-standard symbolic size but ok
+      border-radius: 999px;
+      padding: 1.5 * $base_padding;
+      background-color: lighten($bg_color, 10%);
+
+      &.active { background-color: $selected_bg_color; }
+    }
+
+    & .title {
+      @extend %title_3;
+    }
+
+    & .subtitle {
+      @extend %caption_heading;
+    }
+  }
+}
+
+.quick-toggle-menu-container {
+}
+
+.quick-settings-system-item {
+  & > StBoxLayout { spacing: 2 * $base_padding; }
+
+  .icon-button > StIcon { -st-icon-style: symbolic; }
+
+  & .power-item {
+    min-height: 0;
+    min-width: 0;
+
+    &:insensitive {
+      @include button(normal);
+      background-color: transparent;
+    }
+  }
+}
+
+.nm-network-item {
+  .wireless-secure-icon { icon-size: 0.5 * $base_icon_size; }
+}
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screen-shield.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screen-shield.scss
index 6550e5bc..a459ba16 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screen-shield.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screen-shield.scss
@@ -48,7 +48,9 @@
 }
 
 .unlock-dialog-notification-label {
-  padding: 0 0 0 12px;
+  padding-left: 12px;
+  padding-right: 0;
+  &:rtl { padding-right: 12px; padding-left: 0; }
 }
 
 .unlock-dialog-notification-count-text {
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screenshot.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screenshot.scss
index 458c6f04..150f273b 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screenshot.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screenshot.scss
@@ -24,14 +24,17 @@ $screenshot_ui_button_red: $error_color;
 }
 
 .screenshot-ui-close-button {
-  @extend .window-close;  // copy window close button
-  padding: $base_padding; // but with more padding
-  &.left { margin-left: 8px; }
-  &.right { margin-right: 8px; }
+  @extend .window-close; // copy window close button
+  padding: $base_padding !important; // but with more padding
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 $shadow_color;
+  &.left { margin-left: 12px;}
+  &.right { margin-right: 12px;}
 }
 
 .screenshot-ui-type-button {
   @extend %osd_button;
+  min-width: 48px;
   padding: $base_padding * 2 $base_padding * 3 !important;
   border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding;
 }
@@ -46,7 +49,7 @@ $screenshot_ui_button_red: $error_color;
   .screenshot-ui-capture-button-circle {
     background-color: $osd_fg_color;
     transition-duration: 200ms;
-    &:hover, &:focus { background-color: $hover_bg_color; }
+    &:hover, &:focus { background-color: $hover_bg_color;}
     border-radius: 99px;
   }
 
@@ -66,48 +69,47 @@ $screenshot_ui_button_red: $error_color;
     .screenshot-ui-capture-button-circle {
       background-color: $screenshot_ui_button_red;
     }
-
     &:hover, &:focus {
       .screenshot-ui-capture-button-circle {
-        background-color: darken($screenshot_ui_button_red, 15%);
+        background-color: lighten($screenshot_ui_button_red, 5%);
       }
     }
-
     &:active {
       .screenshot-ui-capture-button-circle {
-        background-color: darken($screenshot_ui_button_red, 30%);
+        background-color: darken($screenshot_ui_button_red, 7%);
       }
     }
   }
 }
 
 .screenshot-ui-shot-cast-container {
-  background-color: $hover_bg_color;
+  background-color: lighten($osd_bg_color,5%);
   border-radius: $modal_radius;
   padding: $screenshot_ui_shot_cast_spacing;
   spacing: $screenshot_ui_shot_cast_spacing;
 
-  &:ltr { margin-left: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding; }
-  &:rtl { margin-right: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding; }
+  &:ltr { margin-left: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding;}
+  &:rtl { margin-right: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding;}
 }
 
 .screenshot-ui-shot-cast-button {
   padding: $base_padding $base_padding*2;
   background-color: transparent;
-  &:hover, &:focus { background-color: lighten($hover_bg_color, 5%); }
-  &:active { background-color: lighten($active_bg_color,5%); }
-  &:checked { background-color: white; color: black; }
+  &:hover, &:focus { background-color: lighten($osd_bg_color, 10%);}
+  &:active { background-color: lighten($active_bg_color,5%);}
+  &:checked { background-color: white;color: black;}
+  &:insensitive { color: transparentize($osd_fg_color, 0.5);}
 
   border-radius: $modal_radius - $screenshot_ui_shot_cast_spacing;
 
-  StIcon { icon-size: $base_icon_size; }
+  StIcon { icon-size: $base_icon_size;}
 }
 
 .screenshot-ui-show-pointer-button {
   @extend %osd_button;
   border-radius: 99px;
   padding: $base_padding * 2 !important;
-  StIcon { icon-size: $base_icon_size; }
+  StIcon { icon-size: $base_icon_size;}
 }
 
 .screenshot-ui-area-indicator-shade {
@@ -174,7 +176,7 @@ $screenshot_ui_button_red: $error_color;
     }
 
     .screenshot-ui-window-selector-check {
-      color: white;
+      color: $selected_fg_color;
       background-color: $selected_bg_color;
     }
   }
@@ -184,8 +186,8 @@ $screenshot_ui_button_red: $error_color;
   transition-duration: 200ms;
   background-color: rgba(0,0,0,.5);
 
-  &:hover { background-color: rgba(0,0,0,.3); }
-  &:active { background-color: rgba(0,0,0,.7); }
+  &:hover { background-color: rgba(0,0,0,.3);}
+  &:active { background-color: rgba(0,0,0,.7);}
   &:checked {
     background-color: transparent;
     border: 2px white;
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss
index e494f6d8..9067a6d4 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss
+++ b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss
@@ -5,7 +5,7 @@ $window_picker_padding: $base_padding * 2; // 12px
 
 $window_thumbnail_label_color: transparentize($osd_bg_color, 0.4);
 
-$window_close_button_color: darken(transparentize($osd_bg_color, .05), 3%);
+$window_close_button_color: transparentize(lighten($osd_bg_color, 7%), .02);
 $window_close_button_size: 30px;
 $window_close_button_padding: 3px;
 
@@ -18,7 +18,7 @@ $window_close_button_padding: 3px;
 // Window titles
 .window-caption {
   color: $osd_fg_color;
-  background-color: $osd_bg_color;
+  background-color: lighten($osd_bg_color, 5%);
   border-radius: 99px;
   padding: $base_padding $base_padding * 2;
 }
@@ -27,26 +27,27 @@ $window_close_button_padding: 3px;
 .window-close {
   background-color: $window_close_button_color;
   color: $osd_fg_color;
-  border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2;
+  border-radius: 99px;
+  box-shadow: 0 2px 4px 0 $shadow_color;
   padding: $window_close_button_padding;
   height: $window_close_button_size;
   width: $window_close_button_size;
-  transition-duration: 300ms;
+  transition-duration: 100ms;
 
   & StIcon { icon-size: 24px; } // uses non standard icon size
 
   &:hover {
-    background-color: mix($osd_fg_color, $window_close_button_color, 15%);
+    background-color: lighten($window_close_button_color, 7%);
   }
 
   &:active {
-    color: transparentize($osd_fg_color, 0.2);
-    background-color: darken($window_close_button_color, 5%);
+    background-color: lighten($window_close_button_color, 13%);
   }
 }
 
 .workspace-background {
   // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js
   border-radius: 30px;
+  background-color: $invisible_occluded_bg_color;
   box-shadow: 0 4px 16px 4px transparentize(darken($osd_bg_color, 30%), 0.7);
 }
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/pad-osd.css b/src/themes/Kali/sass/gnome-shell/upstream/pad-osd.css
index 31c23772..e0c90484 100644
--- a/src/themes/Kali/sass/gnome-shell/upstream/pad-osd.css
+++ b/src/themes/Kali/sass/gnome-shell/upstream/pad-osd.css
@@ -19,7 +19,6 @@
 .Label {
     stroke: none !important;
     stroke-width: .1 !important;
-    font-size: .1 !important;
     fill: transparent !important;
 }
 
diff --git a/src/themes/Kali/sass/gnome-shell/upstream/sync.sh b/src/themes/Kali/sass/gnome-shell/upstream/sync.sh
index f361f86c..8ffd58ac 100755
--- a/src/themes/Kali/sass/gnome-shell/upstream/sync.sh
+++ b/src/themes/Kali/sass/gnome-shell/upstream/sync.sh
@@ -4,7 +4,7 @@ GREEN='\033[0;32m'
 YELLOW='\033[0;33m'
 RESET='\033[0m'
 
-VERSION=42.0
+VERSION=43.rc
 
 echo
 printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n"
@@ -46,12 +46,12 @@ done <<- EOF
 	gnome-shell-sass/widgets/_looking-glass.scss
 	gnome-shell-sass/widgets/_message-list.scss
 	gnome-shell-sass/widgets/_misc.scss
-	gnome-shell-sass/widgets/_network-dialog.scss
 	gnome-shell-sass/widgets/_notifications.scss
 	gnome-shell-sass/widgets/_osd.scss
 	gnome-shell-sass/widgets/_overview.scss
 	gnome-shell-sass/widgets/_panel.scss
 	gnome-shell-sass/widgets/_popovers.scss
+	gnome-shell-sass/widgets/_quick-settings.scss
 	gnome-shell-sass/widgets/_screen-shield.scss
 	gnome-shell-sass/widgets/_screenshot.scss
 	gnome-shell-sass/widgets/_scrollbars.scss