From 94b555a3622a2e7c42965389ff02712457d347ba Mon Sep 17 00:00:00 2001
From: vinceliuice <vinceliuice@hotmail.com>
Date: Tue, 7 Jun 2022 14:05:34 +0800
Subject: [PATCH] Fixed #205

---
 install.sh                                    |   46 +-
 parse-sass.sh                                 |    2 +
 src/gnome-shell/40.0/gnome-shell-aliz.css     |   85 +-
 src/gnome-shell/40.0/gnome-shell-azul.css     |   85 +-
 .../40.0/gnome-shell-dark-aliz.css            |   85 +-
 .../40.0/gnome-shell-dark-azul.css            |   85 +-
 .../40.0/gnome-shell-dark-pueril.css          |   85 +-
 src/gnome-shell/40.0/gnome-shell-dark-sea.css |   85 +-
 src/gnome-shell/40.0/gnome-shell-pueril.css   |   85 +-
 src/gnome-shell/40.0/gnome-shell-sea.css      |   85 +-
 src/gnome-shell/42.0/gnome-shell-aliz.css     | 3765 ++++++++++++++++
 src/gnome-shell/42.0/gnome-shell-aliz.scss    |   10 +
 src/gnome-shell/42.0/gnome-shell-azul.css     | 3765 ++++++++++++++++
 src/gnome-shell/42.0/gnome-shell-azul.scss    |   10 +
 .../42.0/gnome-shell-dark-aliz.css            | 3771 +++++++++++++++++
 .../42.0/gnome-shell-dark-aliz.scss           |   10 +
 .../42.0/gnome-shell-dark-azul.css            | 3771 +++++++++++++++++
 .../42.0/gnome-shell-dark-azul.scss           |   10 +
 .../42.0/gnome-shell-dark-pueril.css          | 3771 +++++++++++++++++
 .../42.0/gnome-shell-dark-pueril.scss         |   10 +
 src/gnome-shell/42.0/gnome-shell-dark-sea.css | 3771 +++++++++++++++++
 .../42.0/gnome-shell-dark-sea.scss            |   10 +
 src/gnome-shell/42.0/gnome-shell-pueril.css   | 3765 ++++++++++++++++
 src/gnome-shell/42.0/gnome-shell-pueril.scss  |   10 +
 src/gnome-shell/42.0/gnome-shell-sea.css      | 3765 ++++++++++++++++
 src/gnome-shell/42.0/gnome-shell-sea.scss     |   10 +
 src/gnome-shell/sass/40.0/_colors.scss        |    2 +-
 src/gnome-shell/sass/40.0/_common.scss        |    4 +-
 src/gnome-shell/sass/40.0/_widgets-42.scss    |   52 +
 .../sass/40.0/widgets/_message-list.scss      |   60 +-
 .../sass/40.0/widgets/_osd-42.scss            |   53 +
 .../sass/40.0/widgets/_popovers-42.scss       |  189 +
 .../sass/40.0/widgets/_screenshot.scss        |  216 +
 src/gtk/gtk-3.0/gtk-aliz.css                  |  217 +-
 src/gtk/gtk-3.0/gtk-azul.css                  |  217 +-
 src/gtk/gtk-3.0/gtk-dark-aliz.css             |  216 +-
 src/gtk/gtk-3.0/gtk-dark-azul.css             |  216 +-
 src/gtk/gtk-3.0/gtk-dark-pueril.css           |  216 +-
 src/gtk/gtk-3.0/gtk-dark-sea.css              |  216 +-
 src/gtk/gtk-3.0/gtk-light-aliz.css            |  211 +-
 src/gtk/gtk-3.0/gtk-light-azul.css            |  211 +-
 src/gtk/gtk-3.0/gtk-light-pueril.css          |  211 +-
 src/gtk/gtk-3.0/gtk-light-sea.css             |  211 +-
 src/gtk/gtk-3.0/gtk-pueril.css                |  217 +-
 src/gtk/gtk-3.0/gtk-sea.css                   |  217 +-
 src/gtk/sass/_colors.scss                     |    2 +-
 src/gtk/sass/_common-3.0.scss                 |  102 +-
 src/gtk/sass/_transparent-widgets.scss        |    2 +-
 src/gtk/sass/apps/_gnome.scss                 |  138 +-
 49 files changed, 33058 insertions(+), 1290 deletions(-)
 create mode 100644 src/gnome-shell/42.0/gnome-shell-aliz.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-aliz.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-azul.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-azul.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-aliz.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-aliz.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-azul.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-azul.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-pueril.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-pueril.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-sea.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-dark-sea.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-pueril.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-pueril.scss
 create mode 100644 src/gnome-shell/42.0/gnome-shell-sea.css
 create mode 100644 src/gnome-shell/42.0/gnome-shell-sea.scss
 create mode 100644 src/gnome-shell/sass/40.0/_widgets-42.scss
 create mode 100644 src/gnome-shell/sass/40.0/widgets/_osd-42.scss
 create mode 100644 src/gnome-shell/sass/40.0/widgets/_popovers-42.scss
 create mode 100644 src/gnome-shell/sass/40.0/widgets/_screenshot.scss

diff --git a/install.sh b/install.sh
index 879a35b4..4ef40690 100755
--- a/install.sh
+++ b/install.sh
@@ -69,12 +69,7 @@ install() {
   cp -r pad-osd.css                                                                   "${themedir}/gnome-shell"
   cp -r icons                                                                         "${themedir}/gnome-shell"
   cp -r common-assets                                                                 "${themedir}/gnome-shell/assets"
-
-  if [[ "${GS_VERSION:-}" == 'new' ]]; then
-    cp -r "40.0/gnome-shell${ELSE_DARK}${theme}.css"                                  "${themedir}/gnome-shell/gnome-shell.css"
-  else
-    cp -r "3.28/gnome-shell${ELSE_DARK}${theme}.css"                                  "${themedir}/gnome-shell/gnome-shell.css"
-  fi
+  cp -r "${GS_VERSION}/gnome-shell${ELSE_DARK}${theme}.css"                           "${themedir}/gnome-shell/gnome-shell.css"
 
   cd "${SRC_DIR}/gnome-shell/assets"
   cp -r "calendar-arrow-left${ELSE_DARK}.svg"                                         "${themedir}/gnome-shell/assets/calendar-arrow-left.svg"
@@ -196,8 +191,8 @@ install_gdm() {
   local GDM_THEME_DIR="${1}/${2}${3}${4}"
   local YARU_GDM_THEME_DIR="$SHELL_THEME_FOLDER/Yaru/${2}${3}${4}"
 
-  [[ ${color} == '-dark' ]] && local ELSE_DARK=${color}"
-  [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color}"
+  [[ "${color}" == '-dark' ]] && local ELSE_DARK="${color}"
+  [[ "${color}" == '-light' ]] && local ELSE_LIGHT="${color}"
 
   echo
   echo "Installing ${2}${3}${4} gdm theme..."
@@ -245,12 +240,12 @@ install_gdm() {
     rm -rf "$UBUNTU_YARU_THEME_FILE"
     rm -rf "$YARU_GDM_THEME_DIR" && mkdir -p "$YARU_GDM_THEME_DIR"
 
-    mkdir -p                                                                             "$YARU_GDM_THEME_DIR"/gnome-shell
-    mkdir -p                                                                             "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru
-    cp -r "$SRC_DIR"/gnome-shell/{icons,pad-osd.css}                                     "$YARU_GDM_THEME_DIR"/gnome-shell
+    mkdir -p                                                                           "$YARU_GDM_THEME_DIR"/gnome-shell
+    mkdir -p                                                                           "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru
+    cp -r "$SRC_DIR"/gnome-shell/{icons,pad-osd.css}                                   "$YARU_GDM_THEME_DIR"/gnome-shell
     cp -r "$SRC_DIR"/gnome-shell/gnome-shell"${ELSE_DARK}${theme}".css                 "$YARU_GDM_THEME_DIR"/gnome-shell/gdm3.css
     cp -r "$SRC_DIR"/gnome-shell/gnome-shell"${ELSE_DARK}${theme}".css                 "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru/gnome-shell.css
-    cp -r "$SRC_DIR"/gnome-shell/common-assets                                           "$YARU_GDM_THEME_DIR"/gnome-shell/assets
+    cp -r "$SRC_DIR"/gnome-shell/common-assets                                         "$YARU_GDM_THEME_DIR"/gnome-shell/assets
     cp -r "$SRC_DIR"/gnome-shell/assets/calendar-arrow-left"${ELSE_DARK}".svg          "$YARU_GDM_THEME_DIR"/gnome-shell/assets/calendar-arrow-left.svg
     cp -r "$SRC_DIR"/gnome-shell/assets/calendar-arrow-right"${ELSE_DARK}".svg         "$YARU_GDM_THEME_DIR"/gnome-shell/assets/calendar-arrow-right.svg
     cp -r "$SRC_DIR"/gnome-shell/assets/checkbox-off"${ELSE_DARK}".svg                 "$YARU_GDM_THEME_DIR"/gnome-shell/assets/checkbox-off.svg
@@ -343,12 +338,16 @@ while [[ $# -gt 0 ]]; do
       ;;
     -s|--gnome-shell)
       case "${2}" in
-        new)
-          GS_VERSION=new
+        38)
+          GS_VERSION=3.28
           shift 2
           ;;
-        old)
-          GS_VERSION=old
+        40)
+          GS_VERSION=40.0
+          shift 2
+          ;;
+        42)
+          GS_VERSION=42.0
           shift 2
           ;;
         -*|--*)
@@ -434,15 +433,18 @@ done
 
 if [ -z "$GS_VERSION" ]; then
   if [[ "$(command -v gnome-shell)" ]]; then
+    gnome-shell --version
     SHELL_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -1)"
-    if [[ "${SHELL_VERSION:-}" -ge "40" ]]; then
-      GS_VERSION="new"
+    if [[ "${SHELL_VERSION:-}" -ge "42" ]]; then
+      GS_VERSION="42.0"
+    elif [[ "${SHELL_VERSION:-}" -ge "40" ]]; then
+      GS_VERSION="40.0"
     else
-      GS_VERSION="old"
+      GS_VERSION="3.28"
     fi
-  else
-    echo "'gnome-shell' not found, using styles for last gnome-shell version available."
-    GS_VERSION="new"
+    else
+      echo "'gnome-shell' not found, using styles for last gnome-shell version available."
+      GS_VERSION="42.0"
   fi
 fi
 
diff --git a/parse-sass.sh b/parse-sass.sh
index fce18d20..37e9a31b 100755
--- a/parse-sass.sh
+++ b/parse-sass.sh
@@ -37,6 +37,8 @@ for color in "${_ECOLOR_VARIANTS[@]}"; do
   echo "==> Generating the 3.28 gnome-shell${color}${theme}.css..."
   sassc $SASSC_OPT src/gnome-shell/40.0/gnome-shell${color}${theme}.{scss,css}
   echo "==> Generating the 40.0 gnome-shell${color}${theme}.css..."
+  sassc $SASSC_OPT src/gnome-shell/42.0/gnome-shell${color}${theme}.{scss,css}
+  echo "==> Generating the 42.0 gnome-shell${color}${theme}.css..."
   done
 done
 
diff --git a/src/gnome-shell/40.0/gnome-shell-aliz.css b/src/gnome-shell/40.0/gnome-shell-aliz.css
index 83e430e3..b2b8814d 100644
--- a/src/gnome-shell/40.0/gnome-shell-aliz.css
+++ b/src/gnome-shell/40.0/gnome-shell-aliz.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: transparent;
   background-color: rgba(54, 54, 54, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #ffffff;
+  background-color: #ffffff !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #cfcfcf;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #f9f9f9;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #555555;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #101010;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #fafafa;
+  background-color: rgba(54, 54, 54, 0.1);
   color: #363636;
 }
 
 .message-media-control:active {
-  background-color: #e8e8e8;
+  background-color: rgba(54, 54, 54, 0.2);
   color: #363636;
 }
 
 .message-media-control:insensitive {
-  color: black;
+  color: #bdbdbd;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .no-networks-box {
@@ -2875,7 +2908,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -2924,7 +2957,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3440,7 +3473,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3461,7 +3494,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-azul.css b/src/gnome-shell/40.0/gnome-shell-azul.css
index de2efdae..7e83d61a 100644
--- a/src/gnome-shell/40.0/gnome-shell-azul.css
+++ b/src/gnome-shell/40.0/gnome-shell-azul.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: transparent;
   background-color: rgba(54, 54, 54, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #ffffff;
+  background-color: #ffffff !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #cfcfcf;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #f9f9f9;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #555555;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #101010;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #fafafa;
+  background-color: rgba(54, 54, 54, 0.1);
   color: #363636;
 }
 
 .message-media-control:active {
-  background-color: #e8e8e8;
+  background-color: rgba(54, 54, 54, 0.2);
   color: #363636;
 }
 
 .message-media-control:insensitive {
-  color: black;
+  color: #bdbdbd;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .no-networks-box {
@@ -2875,7 +2908,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -2924,7 +2957,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3440,7 +3473,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3461,7 +3494,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-dark-aliz.css b/src/gnome-shell/40.0/gnome-shell-dark-aliz.css
index 7da4dd48..5d9dbf60 100644
--- a/src/gnome-shell/40.0/gnome-shell-dark-aliz.css
+++ b/src/gnome-shell/40.0/gnome-shell-dark-aliz.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: transparent;
   background-color: rgba(221, 221, 221, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #222222;
+  background-color: #222222 !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #151515;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #2a2a2a;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #aaaaaa;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #b7b7b7;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #484848;
+  background-color: rgba(221, 221, 221, 0.1);
   color: #dddddd;
 }
 
 .message-media-control:active {
-  background-color: #363636;
+  background-color: rgba(221, 221, 221, 0.2);
   color: #dddddd;
 }
 
 .message-media-control:insensitive {
-  color: #777777;
+  color: #5a5a5a;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .no-networks-box {
@@ -2881,7 +2914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -2930,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -3446,7 +3479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -3467,7 +3500,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-dark-azul.css b/src/gnome-shell/40.0/gnome-shell-dark-azul.css
index 99bfd8b6..a8c9ebce 100644
--- a/src/gnome-shell/40.0/gnome-shell-dark-azul.css
+++ b/src/gnome-shell/40.0/gnome-shell-dark-azul.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: #14161b;
   background-color: #22242d;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: transparent;
   background-color: rgba(221, 221, 221, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: #14161b;
   background-color: #22242d;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #1b1d24;
+  background-color: #1b1d24 !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #101115;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: #22242d;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #818388;
+  color: #66686e;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #818388;
+  color: #66686e;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #aaaaaa;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #b7b7b7;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #3c4050;
+  background-color: rgba(221, 221, 221, 0.1);
   color: #dddddd;
 }
 
 .message-media-control:active {
-  background-color: #2c303b;
+  background-color: rgba(221, 221, 221, 0.2);
   color: #dddddd;
 }
 
 .message-media-control:insensitive {
-  color: #777777;
+  color: #54565c;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #818388;
+  color: #66686e;
 }
 
 .no-networks-box {
@@ -2881,7 +2914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: #14161b;
   background-color: #22242d;
   box-shadow: none;
@@ -2930,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: #14161b;
   background-color: #22242d;
   box-shadow: none;
@@ -3446,7 +3479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #818388;
+  color: #66686e;
   border-color: #14161b;
   background-color: #22242d;
   box-shadow: none;
@@ -3467,7 +3500,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #818388;
+  color: #66686e;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-dark-pueril.css b/src/gnome-shell/40.0/gnome-shell-dark-pueril.css
index c9f80562..1078bb6c 100644
--- a/src/gnome-shell/40.0/gnome-shell-dark-pueril.css
+++ b/src/gnome-shell/40.0/gnome-shell-dark-pueril.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: transparent;
   background-color: rgba(221, 221, 221, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #222222;
+  background-color: #222222 !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #151515;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #2a2a2a;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #aaaaaa;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #b7b7b7;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #484848;
+  background-color: rgba(221, 221, 221, 0.1);
   color: #dddddd;
 }
 
 .message-media-control:active {
-  background-color: #363636;
+  background-color: rgba(221, 221, 221, 0.2);
   color: #dddddd;
 }
 
 .message-media-control:insensitive {
-  color: #777777;
+  color: #5a5a5a;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .no-networks-box {
@@ -2881,7 +2914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -2930,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -3446,7 +3479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #868686;
+  color: #6c6c6c;
   border-color: #1a1a1a;
   background-color: #2a2a2a;
   box-shadow: none;
@@ -3467,7 +3500,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #868686;
+  color: #6c6c6c;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-dark-sea.css b/src/gnome-shell/40.0/gnome-shell-dark-sea.css
index f355fb6a..7dbb901d 100644
--- a/src/gnome-shell/40.0/gnome-shell-dark-sea.css
+++ b/src/gnome-shell/40.0/gnome-shell-dark-sea.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: #141a1b;
   background-color: #222a2d;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: transparent;
   background-color: rgba(221, 221, 221, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: #141a1b;
   background-color: #222a2d;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #1b2224;
+  background-color: #1b2224 !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #101415;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: #222a2d;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #818688;
+  color: #666c6e;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #818688;
+  color: #666c6e;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #aaaaaa;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #b7b7b7;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #3c4b50;
+  background-color: rgba(221, 221, 221, 0.1);
   color: #dddddd;
 }
 
 .message-media-control:active {
-  background-color: #2c383b;
+  background-color: rgba(221, 221, 221, 0.2);
   color: #dddddd;
 }
 
 .message-media-control:insensitive {
-  color: #777777;
+  color: #545b5c;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #818688;
+  color: #666c6e;
 }
 
 .no-networks-box {
@@ -2881,7 +2914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: #141a1b;
   background-color: #222a2d;
   box-shadow: none;
@@ -2930,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: #141a1b;
   background-color: #222a2d;
   box-shadow: none;
@@ -3446,7 +3479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #818688;
+  color: #666c6e;
   border-color: #141a1b;
   background-color: #222a2d;
   box-shadow: none;
@@ -3467,7 +3500,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #818688;
+  color: #666c6e;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-pueril.css b/src/gnome-shell/40.0/gnome-shell-pueril.css
index 0e95153d..6d6ebdf1 100644
--- a/src/gnome-shell/40.0/gnome-shell-pueril.css
+++ b/src/gnome-shell/40.0/gnome-shell-pueril.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: transparent;
   background-color: rgba(54, 54, 54, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #ffffff;
+  background-color: #ffffff !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #cfcfcf;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #f9f9f9;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #555555;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #101010;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #fafafa;
+  background-color: rgba(54, 54, 54, 0.1);
   color: #363636;
 }
 
 .message-media-control:active {
-  background-color: #e8e8e8;
+  background-color: rgba(54, 54, 54, 0.2);
   color: #363636;
 }
 
 .message-media-control:insensitive {
-  color: black;
+  color: #bdbdbd;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .no-networks-box {
@@ -2875,7 +2908,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -2924,7 +2957,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3440,7 +3473,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3461,7 +3494,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/40.0/gnome-shell-sea.css b/src/gnome-shell/40.0/gnome-shell-sea.css
index a51e6aee..17a07b42 100644
--- a/src/gnome-shell/40.0/gnome-shell-sea.css
+++ b/src/gnome-shell/40.0/gnome-shell-sea.css
@@ -88,7 +88,7 @@ stage {
 }
 
 .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -125,7 +125,7 @@ stage {
 }
 
 .popup-menu .button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: transparent;
   background-color: rgba(54, 54, 54, 0.01);
   box-shadow: none;
@@ -154,10 +154,11 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -204,7 +205,7 @@ stage {
 }
 
 .popup-menu-content, .candidate-popup-content {
-  background-color: #ffffff;
+  background-color: #ffffff !important;
   border-radius: 3px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   border: solid #cfcfcf;
@@ -247,7 +248,7 @@ StEntry:focus {
 }
 
 StEntry:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #f9f9f9;
   box-shadow: none;
 }
@@ -423,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu .search-entry StLabel.hint-text {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .popup-menu-content, .candidate-popup-content {
@@ -812,7 +813,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-nonwork-day {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .calendar .calendar-today {
@@ -1075,16 +1076,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Message List */
 .message-list {
   width: 31.5em;
-  padding: 0 12px;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
 }
 
 .message-list .message-list-placeholder {
   spacing: 12px;
 }
 
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
 .message-list-sections {
   spacing: 6px;
-  margin: 0 16px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
 }
 
 .message-list-section,
@@ -1138,11 +1161,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-icon-bin {
-  padding: 18px 0 18px 12px;
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
 }
 
 .message .message-icon-bin:rtl {
-  padding: 18px 12px 18px 0;
+  padding-left: 6px;
 }
 
 .message .message-icon-bin > StIcon {
@@ -1156,12 +1183,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .message .message-content {
-  padding: 14px;
   spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
 }
 
 .message .message-title {
   font-weight: bold;
+  padding-top: 0.57em;
 }
 
 .message .message-secondary-bin {
@@ -1185,7 +1214,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message .message-close-button {
   color: #555555;
-  border-radius: 100px;
+  border-radius: 1000px;
   width: 24px;
   height: 24px;
   padding: 0;
@@ -1211,34 +1240,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 /* Media Controls */
 .message-media-control {
-  padding: 12px 1.64em;
-  color: #101010;
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
 }
 
 .message-media-control:hover {
-  background-color: #fafafa;
+  background-color: rgba(54, 54, 54, 0.1);
   color: #363636;
 }
 
 .message-media-control:active {
-  background-color: #e8e8e8;
+  background-color: rgba(54, 54, 54, 0.2);
   color: #363636;
 }
 
 .message-media-control:insensitive {
-  color: black;
+  color: #bdbdbd;
 }
 
 .message-media-control:last-child:ltr {
-  border-radius: 0 5px 5px 0;
+  margin-right: 12px;
 }
 
 .message-media-control:last-child:rtl {
-  border-radius: 5px 0 0 5px;
+  margin-left: 12px;
 }
 
 .media-message-cover-icon {
-  icon-size: 2.18em !important;
+  icon-size: 3.27em !important;
   border-radius: 3px;
 }
 
@@ -1248,6 +1280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid transparent;
   border-radius: 3px;
   icon-size: 2.18em !important;
+  padding: 12px;
 }
 
 .candidate-popup-content {
@@ -1669,7 +1702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .no-networks-label {
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .no-networks-box {
@@ -2875,7 +2908,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:insensitive,
 .unlock-dialog .modal-dialog-button:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -2924,7 +2957,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3440,7 +3473,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .openweather-provider:insensitive {
-  color: #969696;
+  color: #b2b2b2;
   border-color: #e2e2e2;
   background-color: #f9f9f9;
   box-shadow: none;
@@ -3461,7 +3494,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .openweather-current-databox-captions {
   background: none;
-  color: #969696;
+  color: #b2b2b2;
 }
 
 .openweather-forecast-icon, .openweather-forecast-summary {
diff --git a/src/gnome-shell/42.0/gnome-shell-aliz.css b/src/gnome-shell/42.0/gnome-shell-aliz.css
new file mode 100644
index 00000000..3b0d1bac
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-aliz.css
@@ -0,0 +1,3765 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #363636;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #363636;
+  background-color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.popup-menu .button:insensitive {
+  color: #b2b2b2;
+  border-color: transparent;
+  background-color: rgba(54, 54, 54, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #ffffff !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #cfcfcf;
+  border-width: 0;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #ec271d;
+}
+
+.shell-link:hover {
+  color: #f0544c;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  selection-background-color: #F0544C;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #ffffff;
+  border-color: #dd1c13;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #b2b2b2;
+  border-color: #f9f9f9;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(54, 54, 54, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #363636;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #F0544C;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #cfcfcf;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #cfcfcf;
+  -barlevel-active-background-color: #F0544C;
+  -barlevel-active-border-color: #ee4239;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-border-color: #ce1921;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #cfcfcf;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #828282;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #5c5c5c;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #F0544C;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #363636;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #555555;
+  caret-color: #555555;
+  background-color: rgba(54, 54, 54, 0.1);
+  border-color: #cfcfcf;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: #cfcfcf;
+  color: #363636;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+  border-color: #F0544C;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #b2b2b2;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #363636 !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #555555 !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #cfcfcf;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  color: #363636 !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #F0544C !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #ee3e34 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #363636;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #cfcfcf;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #cfcfcf;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #555555;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.1);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #555555;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.events-section-title:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-section-title:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #555555;
+}
+
+.datemenu-today-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.datemenu-today-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.calendar:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #434343;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar .pager-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #555555;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #b2b2b2;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #F0544C;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #f1615a;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #F0544C;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #f1615a;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #363636;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #f0f0f0;
+  color: #434343;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.events-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #555555;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.world-clocks-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #363636;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #363636;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.weather-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.weather-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: black;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.message:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(54, 54, 54, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #555555;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.message .message-body {
+  color: #555555;
+}
+
+.url-highlighter {
+  link-color: #ec271d;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.message-media-control:active {
+  background-color: rgba(54, 54, 54, 0.2);
+  color: #363636;
+}
+
+.message-media-control:insensitive {
+  color: #bdbdbd;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #0b0b0b;
+  background-color: #f5f5f5;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #555555;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.candidate-box:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.candidate-box:selected {
+  background-color: #F0544C;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #363636;
+  background-color: #ffffff;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #F0544C;
+  color: #ffffff;
+  border: 2px solid #363636;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #1d1d1d;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: #5c5c5c;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: #646464;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #292929;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #030303;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #ededed;
+}
+
+.audio-selection-device:active {
+  background-color: #F0544C;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #363636;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #cfcfcf;
+  padding: 0;
+  background-color: #ededed;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #cfcfcf;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #F0544C;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #b2b2b2;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.3);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #cfcfcf;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(54, 54, 54, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #363636;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #F0544C;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #F0544C;
+  border: 1px solid #ed3026;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #222222;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #222222;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #F0544C;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #f8aeaa;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #2f2f2f;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #3c3c3c;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #626262;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #2f2f2f;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #3c3c3c;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #F0544C;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #F0544C;
+  background-color: rgba(240, 84, 76, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #F0544C;
+  background-color: rgba(240, 84, 76, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #272727;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(47, 47, 47, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #F0544C;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #F0544C;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(252, 219, 217, 0.3);
+  box-shadow: 0 0 2px 2px #f8aeaa;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #F0544C;
+  -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #F0544C;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(240, 84, 76, 0.3);
+  border: 1px solid #F0544C;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #2f2f2f;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(240, 84, 76, 0.5);
+  border: 1px solid #F0544C;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(232, 232, 232, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #ededed;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #363636;
+  background-color: #1f1f1f;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #363636;
+  background-color: #222222;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:active {
+  color: #363636;
+  background-color: #232323;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #F0544C;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #363636;
+  background-color: #de5d57;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:active {
+  color: #363636;
+  background-color: #d34841;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #F0544C;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #3c3c3c;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #525252;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #f26a64;
+  background-color: #F0544C;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #3c3c3c;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #3c3c3c;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #f26a64;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(72, 72, 72, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #F0544C;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #ec271d;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #f0544c;
+}
+
+.lg-dialog .shell-link:active {
+  color: #c51911;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #484848;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #3c3c3c;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #272727;
+  border-color: #272727;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #3c3c3c;
+  border-color: #3c3c3c;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #222222;
+  border-color: #222222;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #222222;
+  background-color: #222222;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #F0544C;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-color: #F0544C;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #f2655e;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  background-color: #f26a64;
+  border-color: #f26a64;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #f26e67;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #ee3e34;
+  border-color: #ee3e34;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #ec271d;
+  background-color: #ec271d;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #272727;
+  background-color: #272727;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #F0544C;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #F0544C;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(60, 60, 60, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(60, 60, 60, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #3c3c3c;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #2f2f2f;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(245, 245, 245, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(245, 245, 245, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(240, 84, 76, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #222222;
+  border: 1px solid #090909;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #3c3c3c;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #dd1c13;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #F0544C;
+  background-color: rgba(240, 84, 76, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #F0544C;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #F0544C;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(34, 34, 34, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #F0544C;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #F0544C;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(240, 84, 76, 0.6);
+}
+
+.openweather-provider:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #363636;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #555555;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #b2b2b2;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #555555;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #363636;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #555555;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #555555;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-aliz.scss b/src/gnome-shell/42.0/gnome-shell-aliz.scss
new file mode 100644
index 00000000..11b73bf3
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-aliz.scss
@@ -0,0 +1,10 @@
+$variant: 'light';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'aliz';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-azul.css b/src/gnome-shell/42.0/gnome-shell-azul.css
new file mode 100644
index 00000000..c29a08d3
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-azul.css
@@ -0,0 +1,3765 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #363636;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #363636;
+  background-color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.popup-menu .button:insensitive {
+  color: #b2b2b2;
+  border-color: transparent;
+  background-color: rgba(54, 54, 54, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #ffffff !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #cfcfcf;
+  border-width: 0;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #217dbb;
+}
+
+.shell-link:hover {
+  color: #3498db;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  selection-background-color: #3498db;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #ffffff;
+  border-color: #1d6fa5;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #b2b2b2;
+  border-color: #f9f9f9;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(54, 54, 54, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #363636;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #3498db;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #cfcfcf;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #cfcfcf;
+  -barlevel-active-background-color: #3498db;
+  -barlevel-active-border-color: #268fd5;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-border-color: #ce1921;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #cfcfcf;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #828282;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #5c5c5c;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #3498db;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #363636;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #555555;
+  caret-color: #555555;
+  background-color: rgba(54, 54, 54, 0.1);
+  border-color: #cfcfcf;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: #cfcfcf;
+  color: #363636;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+  border-color: #3498db;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #b2b2b2;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #363636 !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #555555 !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #cfcfcf;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  color: #363636 !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #3498db !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #258cd1 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #363636;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #cfcfcf;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #cfcfcf;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #555555;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.1);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #555555;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.events-section-title:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-section-title:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #555555;
+}
+
+.datemenu-today-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.datemenu-today-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.calendar:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #434343;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar .pager-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #555555;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #b2b2b2;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #3498db;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #419fdd;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #3498db;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #419fdd;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #363636;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #f0f0f0;
+  color: #434343;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.events-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #555555;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.world-clocks-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #363636;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #363636;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.weather-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.weather-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: black;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.message:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(54, 54, 54, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #555555;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.message .message-body {
+  color: #555555;
+}
+
+.url-highlighter {
+  link-color: #217dbb;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.message-media-control:active {
+  background-color: rgba(54, 54, 54, 0.2);
+  color: #363636;
+}
+
+.message-media-control:insensitive {
+  color: #bdbdbd;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #0b0b0b;
+  background-color: #f5f5f5;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #555555;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.candidate-box:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.candidate-box:selected {
+  background-color: #3498db;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #363636;
+  background-color: #ffffff;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #3498db;
+  color: #ffffff;
+  border: 2px solid #363636;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #1d1d1d;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: #5c5c5c;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: #646464;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #292929;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #030303;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #ededed;
+}
+
+.audio-selection-device:active {
+  background-color: #3498db;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #363636;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #cfcfcf;
+  padding: 0;
+  background-color: #ededed;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #cfcfcf;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #3498db;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #b2b2b2;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.3);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #cfcfcf;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(54, 54, 54, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #363636;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #3498db;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #3498db;
+  border: 1px solid #2383c4;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #1b1d24;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #1b1d24;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #3498db;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(225, 240, 250, 0.3);
+  box-shadow: 0 0 2px 2px #8bc4ea;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #262933;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #313441;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #52586d;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #262933;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #313441;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #3498db;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #3498db;
+  background-color: rgba(52, 152, 219, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #3498db;
+  background-color: rgba(52, 152, 219, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #1f222a;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(38, 41, 51, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #3498db;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #3498db;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(182, 218, 242, 0.3);
+  box-shadow: 0 0 2px 2px #8bc4ea;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #3498db;
+  -pie-background-color: rgba(225, 240, 250, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #3498db;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(52, 152, 219, 0.3);
+  border: 1px solid #3498db;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #262933;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(52, 152, 219, 0.5);
+  border: 1px solid #3498db;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(232, 232, 232, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #ededed;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #363636;
+  background-color: #191b21;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #363636;
+  background-color: #1c1d23;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:active {
+  color: #363636;
+  background-color: #1d1f24;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #3498db;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #363636;
+  background-color: #4094cd;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:active {
+  color: #363636;
+  background-color: #2d86c1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #3498db;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #313441;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #454a5b;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #4aa3df;
+  background-color: #3498db;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #313441;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #313441;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #4aa3df;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(60, 64, 80, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #3498db;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #217dbb;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #3498db;
+}
+
+.lg-dialog .shell-link:active {
+  color: #196090;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #3c4050;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #313441;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #1f222a;
+  border-color: #1f222a;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #313441;
+  border-color: #313441;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #1b1d24;
+  border-color: #1b1d24;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #1b1d24;
+  background-color: #1b1d24;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #3498db;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-color: #3498db;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #48a2df;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  background-color: #4aa3df;
+  border-color: #4aa3df;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #52a7e0;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #258cd1;
+  border-color: #258cd1;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #217dbb;
+  background-color: #217dbb;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #1f222a;
+  background-color: #1f222a;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #3498db;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #3498db;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(49, 52, 65, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(49, 52, 65, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #313441;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #262933;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(245, 245, 245, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(245, 245, 245, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(52, 152, 219, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #1b1d24;
+  border: 1px solid #050607;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #313441;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #1d6fa5;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #3498db;
+  background-color: rgba(52, 152, 219, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #3498db;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #3498db;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(27, 29, 36, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #3498db;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #3498db;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(52, 152, 219, 0.6);
+}
+
+.openweather-provider:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #363636;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #555555;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #b2b2b2;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #555555;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #363636;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #555555;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #555555;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-azul.scss b/src/gnome-shell/42.0/gnome-shell-azul.scss
new file mode 100644
index 00000000..8333cff6
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-azul.scss
@@ -0,0 +1,10 @@
+$variant: 'light';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'azul';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-aliz.css b/src/gnome-shell/42.0/gnome-shell-dark-aliz.css
new file mode 100644
index 00000000..b5102dd4
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-aliz.css
@@ -0,0 +1,3771 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #dddddd;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #dddddd;
+  background-color: #222222;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.button:hover {
+  color: #dddddd;
+  background-color: #2d2d2d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #dddddd;
+  background-color: #353535;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.popup-menu .button:insensitive {
+  color: #6c6c6c;
+  border-color: transparent;
+  background-color: rgba(221, 221, 221, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #dddddd;
+  background-color: #2d2d2d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #dddddd;
+  background-color: #353535;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #222222 !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #151515;
+  border-width: 1px;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #f4817b;
+}
+
+.shell-link:hover {
+  color: #f8aeaa;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  selection-background-color: #ec271d;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #222222;
+  border-color: #670d09;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #6c6c6c;
+  border-color: #2a2a2a;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 221, 221, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #dddddd;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #ec271d;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #151515;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #151515;
+  -barlevel-active-background-color: #ec271d;
+  -barlevel-active-border-color: #ed3026;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-border-color: #bc171e;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #dddddd;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #979797;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #bababa;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #ec271d;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #dddddd;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #aaaaaa;
+  caret-color: #aaaaaa;
+  background-color: rgba(221, 221, 221, 0.1);
+  border-color: #151515;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: #151515;
+  color: #dddddd;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+  border-color: #ec271d;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #6c6c6c;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #dddddd !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #aaaaaa !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #151515;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  color: #dddddd !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #ec271d !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #dd1c13 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #dddddd;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #151515;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #151515;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.25);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #aaaaaa;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.events-section-title:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-section-title:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #aaaaaa;
+}
+
+.datemenu-today-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.datemenu-today-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.calendar:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #eaeaea;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar .pager-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #aaaaaa;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #6c6c6c;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #ec271d;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #ed352b;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #ec271d;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #ed352b;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #dddddd;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #2a2a2a;
+  color: #eaeaea;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.events-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #aaaaaa;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.world-clocks-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #dddddd;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #dddddd;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.weather-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.weather-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: #919191;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.message:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(221, 221, 221, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.message .message-body {
+  color: #aaaaaa;
+}
+
+.url-highlighter {
+  link-color: #f4817b;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 221, 221, 0.2);
+  color: #dddddd;
+}
+
+.message-media-control:insensitive {
+  color: #5a5a5a;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #b2b2b2;
+  background-color: #2f2f2f;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #aaaaaa;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.candidate-box:selected {
+  background-color: #ec271d;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #dddddd;
+  background-color: #222222;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #ec271d;
+  color: #ffffff;
+  border: 2px solid #dddddd;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #c4c4c4;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: white;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: white;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #d0d0d0;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #aaaaaa;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #3c3c3c;
+}
+
+.audio-selection-device:active {
+  background-color: #ec271d;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #dddddd;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #151515;
+  padding: 0;
+  background-color: #272727;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #151515;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #ec271d;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #6c6c6c;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.1);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #151515;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 221, 221, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #dddddd;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #ec271d;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #ec271d;
+  border: 1px solid #ee3e34;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #222222;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #222222;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #ec271d;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(252, 219, 217, 0.3);
+  box-shadow: 0 0 2px 2px #f4817b;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #2f2f2f;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #3c3c3c;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #626262;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #2f2f2f;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #3c3c3c;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #ec271d;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #ec271d;
+  background-color: rgba(236, 39, 29, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #ec271d;
+  background-color: rgba(236, 39, 29, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #272727;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(47, 47, 47, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #ec271d;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #ec271d;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(248, 174, 170, 0.3);
+  box-shadow: 0 0 2px 2px #f4817b;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #ec271d;
+  -pie-background-color: rgba(252, 219, 217, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #ec271d;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(236, 39, 29, 0.3);
+  border: 1px solid #ec271d;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #2f2f2f;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(236, 39, 29, 0.5);
+  border: 1px solid #ec271d;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(26, 26, 26, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #dddddd;
+  background-color: #2f2f2f;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #393939;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key:active {
+  color: #dddddd;
+  background-color: #404040;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #272727;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #dddddd;
+  background-color: #414141;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #dddddd;
+  background-color: #4a4a4a;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:active {
+  color: #dddddd;
+  background-color: #505050;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #ec271d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #dddddd;
+  background-color: #ec3f36;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:active {
+  color: #dddddd;
+  background-color: #ea3128;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #ec271d;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #3c3c3c;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #525252;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #dddddd;
+  background-color: #2f2f2f;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #393939;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #dddddd;
+  background-color: #404040;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #ee3e34;
+  background-color: #ec271d;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #3c3c3c;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #3c3c3c;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #ee3e34;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(72, 72, 72, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #ec271d;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #f4817b;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #f8aeaa;
+}
+
+.lg-dialog .shell-link:active {
+  color: #f0544c;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #484848;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #3c3c3c;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+  background-color: #272727;
+  color: #dddddd;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #272727;
+  border-color: #272727;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #3c3c3c;
+  border-color: #3c3c3c;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #222222;
+  border-color: #222222;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #222222;
+  background-color: #222222;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #ec271d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-color: #ec271d;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #ed342b;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  background-color: #ee3e34;
+  border-color: #ee3e34;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #ee3d34;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #dd1c13;
+  border-color: #dd1c13;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #c51911;
+  background-color: #c51911;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #272727;
+  background-color: #272727;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #ec271d;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #ec271d;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(60, 60, 60, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(60, 60, 60, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #3c3c3c;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #2f2f2f;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(47, 47, 47, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(47, 47, 47, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(236, 39, 29, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #222222;
+  border: 1px solid #090909;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #3c3c3c;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #ae160f;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #ec271d;
+  background-color: rgba(236, 39, 29, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #ec271d;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #ec271d;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(34, 34, 34, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #ec271d;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #ec271d;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:hover {
+  color: #dddddd;
+  background-color: #2d2d2d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(236, 39, 29, 0.6);
+}
+
+.openweather-provider:active {
+  color: #dddddd;
+  background-color: #353535;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #dddddd;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #6c6c6c;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #dddddd;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-aliz.scss b/src/gnome-shell/42.0/gnome-shell-dark-aliz.scss
new file mode 100644
index 00000000..4ae9ee60
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-aliz.scss
@@ -0,0 +1,10 @@
+$variant: 'dark';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'aliz';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-azul.css b/src/gnome-shell/42.0/gnome-shell-dark-azul.css
new file mode 100644
index 00000000..02a9e21f
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-azul.css
@@ -0,0 +1,3771 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #dddddd;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #dddddd;
+  background-color: #1b1d24;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #dddddd;
+  background-color: #1b1d24;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.button:hover {
+  color: #dddddd;
+  background-color: #27292f;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:insensitive {
+  color: #66686e;
+  border-color: #14161b;
+  background-color: #22242d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #dddddd;
+  background-color: #2e3037;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.popup-menu .button:insensitive {
+  color: #66686e;
+  border-color: transparent;
+  background-color: rgba(221, 221, 221, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #dddddd;
+  background-color: #1b1d24;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #66686e;
+  border-color: #14161b;
+  background-color: #22242d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #dddddd;
+  background-color: #27292f;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #dddddd;
+  background-color: #2e3037;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #1b1d24 !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #101115;
+  border-width: 1px;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #5faee3;
+}
+
+.shell-link:hover {
+  color: #8bc4ea;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #dddddd;
+  background-color: #1b1d24;
+  border-color: #101115;
+  selection-background-color: #217dbb;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #1b1d24;
+  border-color: #0a2639;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #66686e;
+  border-color: #22242d;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 221, 221, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #dddddd;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #217dbb;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #101115;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #101115;
+  -barlevel-active-background-color: #217dbb;
+  -barlevel-active-border-color: #2383c4;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-border-color: #bc171e;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #dddddd;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #949599;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #b8b9bb;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #217dbb;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #dddddd;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #aaaaaa;
+  caret-color: #aaaaaa;
+  background-color: rgba(221, 221, 221, 0.1);
+  border-color: #101115;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: #101115;
+  color: #dddddd;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+  border-color: #217dbb;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #66686e;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #dddddd !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #aaaaaa !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #101115;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  color: #dddddd !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #217dbb !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #1d6fa5 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #dddddd;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #101115;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #101115;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.25);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #aaaaaa;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.events-section-title:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-section-title:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #aaaaaa;
+}
+
+.datemenu-today-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.datemenu-today-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.calendar:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #eaeaea;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar .pager-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #aaaaaa;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #66686e;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #217dbb;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #2386c8;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #217dbb;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #2386c8;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #dddddd;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #22242d;
+  color: #eaeaea;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.events-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #aaaaaa;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.world-clocks-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #dddddd;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #dddddd;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.weather-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.weather-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: #919191;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.message:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(221, 221, 221, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.message .message-body {
+  color: #aaaaaa;
+}
+
+.url-highlighter {
+  link-color: #5faee3;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 221, 221, 0.2);
+  color: #dddddd;
+}
+
+.message-media-control:insensitive {
+  color: #54565c;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #b2b2b2;
+  background-color: #262933;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #aaaaaa;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.candidate-box:selected {
+  background-color: #217dbb;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #dddddd;
+  background-color: #1b1d24;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #217dbb;
+  color: #ffffff;
+  border: 2px solid #dddddd;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #c4c4c4;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: white;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: white;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #d0d0d0;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #aaaaaa;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #313441;
+}
+
+.audio-selection-device:active {
+  background-color: #217dbb;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #dddddd;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #101115;
+  padding: 0;
+  background-color: #1f222a;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #101115;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #217dbb;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #66686e;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.1);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #101115;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 221, 221, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #dddddd;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #217dbb;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #217dbb;
+  border: 1px solid #258cd1;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #1b1d24;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #1b1d24;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #217dbb;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(182, 218, 242, 0.3);
+  box-shadow: 0 0 2px 2px #5faee3;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #262933;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #313441;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #52586d;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #262933;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #313441;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #217dbb;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #217dbb;
+  background-color: rgba(33, 125, 187, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #217dbb;
+  background-color: rgba(33, 125, 187, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #1f222a;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(38, 41, 51, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #217dbb;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #217dbb;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(139, 196, 234, 0.3);
+  box-shadow: 0 0 2px 2px #5faee3;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #217dbb;
+  -pie-background-color: rgba(182, 218, 242, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #217dbb;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(33, 125, 187, 0.3);
+  border: 1px solid #217dbb;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #262933;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(33, 125, 187, 0.5);
+  border: 1px solid #217dbb;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(20, 22, 27, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #dddddd;
+  background-color: #262933;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #31343d;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key:active {
+  color: #dddddd;
+  background-color: #383b44;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #1f222a;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #dddddd;
+  background-color: #353947;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #dddddd;
+  background-color: #3f4350;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:active {
+  color: #dddddd;
+  background-color: #464a56;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #217dbb;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #dddddd;
+  background-color: #2f8bc9;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:active {
+  color: #dddddd;
+  background-color: #3382b6;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #217dbb;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #313441;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #454a5b;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #dddddd;
+  background-color: #262933;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #31343d;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #dddddd;
+  background-color: #383b44;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #258cd1;
+  background-color: #217dbb;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #313441;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #313441;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #258cd1;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(60, 64, 80, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #217dbb;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #5faee3;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #8bc4ea;
+}
+
+.lg-dialog .shell-link:active {
+  color: #3498db;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #3c4050;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #313441;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+  background-color: #1f222a;
+  color: #dddddd;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #1f222a;
+  border-color: #1f222a;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #313441;
+  border-color: #313441;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #1b1d24;
+  border-color: #1b1d24;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #66686e;
+  border-color: #14161b;
+  background-color: #22242d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #1b1d24;
+  background-color: #1b1d24;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #217dbb;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-color: #217dbb;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #2e85bf;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  background-color: #258cd1;
+  border-color: #258cd1;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #378ac2;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #1d6fa5;
+  border-color: #1d6fa5;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #66686e;
+  border-color: #14161b;
+  background-color: #22242d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #196090;
+  background-color: #196090;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #1f222a;
+  background-color: #1f222a;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #217dbb;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #217dbb;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(49, 52, 65, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(49, 52, 65, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #313441;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #262933;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(38, 41, 51, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(38, 41, 51, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(33, 125, 187, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #1b1d24;
+  border: 1px solid #050607;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #313441;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #16527a;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #217dbb;
+  background-color: rgba(33, 125, 187, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #217dbb;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #313441;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #217dbb;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(27, 29, 36, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #217dbb;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #217dbb;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #dddddd;
+  background-color: #1b1d24;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:hover {
+  color: #dddddd;
+  background-color: #27292f;
+  border-color: #101115;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(33, 125, 187, 0.6);
+}
+
+.openweather-provider:active {
+  color: #dddddd;
+  background-color: #2e3037;
+  border-color: #101115;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #66686e;
+  border-color: #14161b;
+  background-color: #22242d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #dddddd;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #66686e;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #dddddd;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-azul.scss b/src/gnome-shell/42.0/gnome-shell-dark-azul.scss
new file mode 100644
index 00000000..bfa7933b
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-azul.scss
@@ -0,0 +1,10 @@
+$variant: 'dark';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'azul';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-pueril.css b/src/gnome-shell/42.0/gnome-shell-dark-pueril.css
new file mode 100644
index 00000000..66725820
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-pueril.css
@@ -0,0 +1,3771 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #dddddd;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #dddddd;
+  background-color: #222222;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.button:hover {
+  color: #dddddd;
+  background-color: #2d2d2d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #dddddd;
+  background-color: #353535;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.popup-menu .button:insensitive {
+  color: #6c6c6c;
+  border-color: transparent;
+  background-color: rgba(221, 221, 221, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #dddddd;
+  background-color: #2d2d2d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #dddddd;
+  background-color: #353535;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #222222 !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #151515;
+  border-width: 1px;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #b0cc94;
+}
+
+.shell-link:hover {
+  color: #cadcb7;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  selection-background-color: #7ea951;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #222222;
+  border-color: #314120;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #6c6c6c;
+  border-color: #2a2a2a;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 221, 221, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #dddddd;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #7ea951;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #151515;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #151515;
+  -barlevel-active-background-color: #7ea951;
+  -barlevel-active-border-color: #83ae56;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-border-color: #bc171e;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #dddddd;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #979797;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #bababa;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #7ea951;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #dddddd;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #aaaaaa;
+  caret-color: #aaaaaa;
+  background-color: rgba(221, 221, 221, 0.1);
+  border-color: #151515;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: #151515;
+  color: #dddddd;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+  border-color: #7ea951;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #6c6c6c;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #dddddd !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #aaaaaa !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #151515;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  color: #dddddd !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #7ea951 !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #719749 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #dddddd;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #151515;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #151515;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.25);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #aaaaaa;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.events-section-title:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-section-title:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #aaaaaa;
+}
+
+.datemenu-today-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.datemenu-today-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.calendar:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #eaeaea;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar .pager-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #aaaaaa;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #6c6c6c;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #7ea951;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #85af5a;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #7ea951;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #85af5a;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #dddddd;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #2a2a2a;
+  color: #eaeaea;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.events-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #aaaaaa;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.world-clocks-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #dddddd;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #dddddd;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.weather-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.weather-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: #919191;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.message:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(221, 221, 221, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.message .message-body {
+  color: #aaaaaa;
+}
+
+.url-highlighter {
+  link-color: #b0cc94;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 221, 221, 0.2);
+  color: #dddddd;
+}
+
+.message-media-control:insensitive {
+  color: #5a5a5a;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #b2b2b2;
+  background-color: #2f2f2f;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #aaaaaa;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.candidate-box:selected {
+  background-color: #7ea951;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #dddddd;
+  background-color: #222222;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #7ea951;
+  color: #ffffff;
+  border: 2px solid #dddddd;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #c4c4c4;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: white;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: white;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #d0d0d0;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #aaaaaa;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #3c3c3c;
+}
+
+.audio-selection-device:active {
+  background-color: #7ea951;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #dddddd;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #151515;
+  padding: 0;
+  background-color: #272727;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #151515;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #7ea951;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #6c6c6c;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.1);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #151515;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 221, 221, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #dddddd;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #7ea951;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #7ea951;
+  border: 1px solid #8ab361;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #222222;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #222222;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #7ea951;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(227, 237, 217, 0.3);
+  box-shadow: 0 0 2px 2px #b0cc94;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #2f2f2f;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #3c3c3c;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #626262;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #2f2f2f;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #3c3c3c;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #7ea951;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #7ea951;
+  background-color: rgba(126, 169, 81, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #7ea951;
+  background-color: rgba(126, 169, 81, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #272727;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(47, 47, 47, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #7ea951;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #7ea951;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(202, 220, 183, 0.3);
+  box-shadow: 0 0 2px 2px #b0cc94;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #7ea951;
+  -pie-background-color: rgba(227, 237, 217, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #7ea951;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(126, 169, 81, 0.3);
+  border: 1px solid #7ea951;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #2f2f2f;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(126, 169, 81, 0.5);
+  border: 1px solid #7ea951;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(26, 26, 26, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #dddddd;
+  background-color: #2f2f2f;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #393939;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key:active {
+  color: #dddddd;
+  background-color: #404040;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #272727;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #dddddd;
+  background-color: #414141;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #dddddd;
+  background-color: #4a4a4a;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:active {
+  color: #dddddd;
+  background-color: #505050;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #7ea951;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #dddddd;
+  background-color: #8bb262;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:active {
+  color: #dddddd;
+  background-color: #83a85c;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #7ea951;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #3c3c3c;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #525252;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #dddddd;
+  background-color: #2f2f2f;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #393939;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #dddddd;
+  background-color: #404040;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #8ab361;
+  background-color: #7ea951;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #3c3c3c;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #3c3c3c;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #8ab361;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(72, 72, 72, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #7ea951;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #b0cc94;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #cadcb7;
+}
+
+.lg-dialog .shell-link:active {
+  color: #97bb72;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #484848;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #3c3c3c;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+  background-color: #272727;
+  color: #dddddd;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #272727;
+  border-color: #272727;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #3c3c3c;
+  border-color: #3c3c3c;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #222222;
+  border-color: #222222;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #222222;
+  background-color: #222222;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #7ea951;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-color: #7ea951;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #85ae5c;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  background-color: #8ab361;
+  border-color: #8ab361;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #8bb163;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #719749;
+  border-color: #719749;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #648641;
+  background-color: #648641;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #272727;
+  background-color: #272727;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #7ea951;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #7ea951;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(60, 60, 60, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(60, 60, 60, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #3c3c3c;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #2f2f2f;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(47, 47, 47, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(47, 47, 47, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(126, 169, 81, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #222222;
+  border: 1px solid #090909;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #3c3c3c;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #577538;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #7ea951;
+  background-color: rgba(126, 169, 81, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #7ea951;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #7ea951;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(34, 34, 34, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #7ea951;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #7ea951;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #dddddd;
+  background-color: #222222;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:hover {
+  color: #dddddd;
+  background-color: #2d2d2d;
+  border-color: #151515;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(126, 169, 81, 0.6);
+}
+
+.openweather-provider:active {
+  color: #dddddd;
+  background-color: #353535;
+  border-color: #151515;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #6c6c6c;
+  border-color: #1a1a1a;
+  background-color: #2a2a2a;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #dddddd;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #6c6c6c;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #dddddd;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-pueril.scss b/src/gnome-shell/42.0/gnome-shell-dark-pueril.scss
new file mode 100644
index 00000000..9af4bfa3
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-pueril.scss
@@ -0,0 +1,10 @@
+$variant: 'dark';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'pueril';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-sea.css b/src/gnome-shell/42.0/gnome-shell-dark-sea.css
new file mode 100644
index 00000000..3e075cb5
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-sea.css
@@ -0,0 +1,3771 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #dddddd;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #dddddd;
+  background-color: #1b2224;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #dddddd;
+  background-color: #1b2224;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.button:hover {
+  color: #dddddd;
+  background-color: #272d2f;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.button:insensitive {
+  color: #666c6e;
+  border-color: #141a1b;
+  background-color: #222a2d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #dddddd;
+  background-color: #2e3537;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.popup-menu .button:insensitive {
+  color: #666c6e;
+  border-color: transparent;
+  background-color: rgba(221, 221, 221, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #dddddd;
+  background-color: #1b2224;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #666c6e;
+  border-color: #141a1b;
+  background-color: #222a2d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #dddddd;
+  background-color: #272d2f;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #dddddd;
+  background-color: #2e3537;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #1b2224 !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #101415;
+  border-width: 1px;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #45cfb3;
+}
+
+.shell-link:hover {
+  color: #6ddac4;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #dddddd;
+  background-color: #1b2224;
+  border-color: #101415;
+  selection-background-color: #248a76;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #1b2224;
+  border-color: #04110e;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #666c6e;
+  border-color: #222a2d;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(221, 221, 221, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #dddddd;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #248a76;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #101415;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #101415;
+  -barlevel-active-background-color: #248a76;
+  -barlevel-active-border-color: #26937c;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-border-color: #bc171e;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #dddddd;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #949899;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #b8babb;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #248a76;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #dddddd;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #aaaaaa;
+  caret-color: #aaaaaa;
+  background-color: rgba(221, 221, 221, 0.1);
+  border-color: #101415;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: #101415;
+  color: #dddddd;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+  border-color: #248a76;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #666c6e;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #dddddd !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #aaaaaa !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #101415;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  color: #dddddd !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #248a76 !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #1e7664 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #dddddd;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.15) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #101415;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #101415;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.25);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #aaaaaa;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.events-section-title:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-section-title:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(221, 221, 221, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #aaaaaa;
+}
+
+.datemenu-today-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.datemenu-today-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.calendar:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #eaeaea;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.calendar .pager-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #aaaaaa;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #666c6e;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #248a76;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #279780;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #248a76;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #279780;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #dddddd;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(221, 221, 221, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #222a2d;
+  color: #eaeaea;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.events-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.events-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #aaaaaa;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.world-clocks-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #dddddd;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #dddddd;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #aaaaaa;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.weather-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.weather-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #aaaaaa;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: #919191;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #dddddd;
+  background-color: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.message:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.message:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(221, 221, 221, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #aaaaaa;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #dddddd;
+  background-color: rgba(221, 221, 221, 0.15);
+}
+
+.message .message-body {
+  color: #aaaaaa;
+}
+
+.url-highlighter {
+  link-color: #45cfb3;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #aaaaaa;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.message-media-control:active {
+  background-color: rgba(221, 221, 221, 0.2);
+  color: #dddddd;
+}
+
+.message-media-control:insensitive {
+  color: #545b5c;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #b2b2b2;
+  background-color: #263033;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #aaaaaa;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+}
+
+.candidate-box:active {
+  background-color: rgba(221, 221, 221, 0.15);
+  color: #dddddd;
+}
+
+.candidate-box:selected {
+  background-color: #248a76;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #dddddd;
+  background-color: #1b2224;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #248a76;
+  color: #ffffff;
+  border: 2px solid #dddddd;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #c4c4c4;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: white;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: white;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #d0d0d0;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #aaaaaa;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #313e41;
+}
+
+.audio-selection-device:active {
+  background-color: #248a76;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #dddddd;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #101415;
+  padding: 0;
+  background-color: #1f282a;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #101415;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #248a76;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #666c6e;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.1);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #b2161d;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #101415;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(221, 221, 221, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #dddddd;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #248a76;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #248a76;
+  border: 1px solid #299f87;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #1b2224;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #1b2224;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #248a76;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(150, 228, 212, 0.3);
+  box-shadow: 0 0 2px 2px #45cfb3;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #263033;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #313e41;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #52676d;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #263033;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #313e41;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #248a76;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #248a76;
+  background-color: rgba(36, 138, 118, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #248a76;
+  background-color: rgba(36, 138, 118, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #1f282a;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(38, 48, 51, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #248a76;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(221, 221, 221, 0.1);
+  color: #dddddd;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #248a76;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(109, 218, 196, 0.3);
+  box-shadow: 0 0 2px 2px #45cfb3;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #248a76;
+  -pie-background-color: rgba(150, 228, 212, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #248a76;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(36, 138, 118, 0.3);
+  border: 1px solid #248a76;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #263033;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(36, 138, 118, 0.5);
+  border: 1px solid #248a76;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(20, 26, 27, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #dddddd;
+  background-color: #263033;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #313a3d;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key:active {
+  color: #dddddd;
+  background-color: #384144;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #1f282a;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #dddddd;
+  background-color: #354347;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #dddddd;
+  background-color: #3f4c50;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:active {
+  color: #dddddd;
+  background-color: #465256;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #248a76;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #dddddd;
+  background-color: #329b85;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.enter-key:active {
+  color: #dddddd;
+  background-color: #348b7a;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #248a76;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #313e41;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #45565b;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #dddddd;
+  background-color: #263033;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #dddddd;
+  background-color: #313a3d;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #dddddd;
+  background-color: #384144;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #299f87;
+  background-color: #248a76;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #313e41;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #313e41;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #299f87;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(60, 75, 80, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #248a76;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #45cfb3;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #6ddac4;
+}
+
+.lg-dialog .shell-link:active {
+  color: #2eb398;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #3c4b50;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #313e41;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+  background-color: #1f282a;
+  color: #dddddd;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #1f282a;
+  border-color: #1f282a;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #313e41;
+  border-color: #313e41;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #1b2224;
+  border-color: #1b2224;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #666c6e;
+  border-color: #141a1b;
+  background-color: #222a2d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #1b2224;
+  background-color: #1b2224;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #248a76;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  border-color: #248a76;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #31917e;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  background-color: #299f87;
+  border-color: #299f87;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #3a9683;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #1e7664;
+  border-color: #1e7664;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #666c6e;
+  border-color: #141a1b;
+  background-color: #222a2d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #196253;
+  background-color: #196253;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #1f282a;
+  background-color: #1f282a;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #248a76;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #248a76;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(49, 62, 65, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(49, 62, 65, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #313e41;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #263033;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(38, 48, 51, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(38, 48, 51, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(36, 138, 118, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #1b2224;
+  border: 1px solid #050607;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(221, 221, 221, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #313e41;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #144e42;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #248a76;
+  background-color: rgba(36, 138, 118, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #248a76;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #248a76;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(27, 34, 36, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #248a76;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #248a76;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #dddddd;
+  background-color: #1b2224;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:hover {
+  color: #dddddd;
+  background-color: #272d2f;
+  border-color: #101415;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.openweather-provider:focus {
+  color: #dddddd;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(36, 138, 118, 0.6);
+}
+
+.openweather-provider:active {
+  color: #dddddd;
+  background-color: #2e3537;
+  border-color: #101415;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #666c6e;
+  border-color: #141a1b;
+  background-color: #222a2d;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #dddddd;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #666c6e;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #dddddd;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #aaaaaa;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #aaaaaa;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-dark-sea.scss b/src/gnome-shell/42.0/gnome-shell-dark-sea.scss
new file mode 100644
index 00000000..9be1dcae
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-dark-sea.scss
@@ -0,0 +1,10 @@
+$variant: 'dark';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'sea';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-pueril.css b/src/gnome-shell/42.0/gnome-shell-pueril.css
new file mode 100644
index 00000000..bdd3b353
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-pueril.css
@@ -0,0 +1,3765 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #363636;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #363636;
+  background-color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.popup-menu .button:insensitive {
+  color: #b2b2b2;
+  border-color: transparent;
+  background-color: rgba(54, 54, 54, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #ffffff !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #cfcfcf;
+  border-width: 0;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #7ea951;
+}
+
+.shell-link:hover {
+  color: #97bb72;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  selection-background-color: #97BB72;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #ffffff;
+  border-color: #719749;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #b2b2b2;
+  border-color: #f9f9f9;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(54, 54, 54, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #363636;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #97BB72;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #cfcfcf;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #cfcfcf;
+  -barlevel-active-background-color: #97BB72;
+  -barlevel-active-border-color: #8db464;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-border-color: #ce1921;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #cfcfcf;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #828282;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #5c5c5c;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #97BB72;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #363636;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #555555;
+  caret-color: #555555;
+  background-color: rgba(54, 54, 54, 0.1);
+  border-color: #cfcfcf;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: #cfcfcf;
+  color: #363636;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+  border-color: #97BB72;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #b2b2b2;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #363636 !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #555555 !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #cfcfcf;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  color: #363636 !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #97BB72 !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #8ab361 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #363636;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #cfcfcf;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #cfcfcf;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #555555;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.1);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #555555;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.events-section-title:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-section-title:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #555555;
+}
+
+.datemenu-today-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.datemenu-today-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.calendar:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #434343;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar .pager-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #555555;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #b2b2b2;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #97BB72;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #9fc07c;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #97BB72;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #9fc07c;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #363636;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #f0f0f0;
+  color: #434343;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.events-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #555555;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.world-clocks-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #363636;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #363636;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.weather-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.weather-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: black;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.message:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(54, 54, 54, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #555555;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.message .message-body {
+  color: #555555;
+}
+
+.url-highlighter {
+  link-color: #7ea951;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.message-media-control:active {
+  background-color: rgba(54, 54, 54, 0.2);
+  color: #363636;
+}
+
+.message-media-control:insensitive {
+  color: #bdbdbd;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #0b0b0b;
+  background-color: #f5f5f5;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #555555;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.candidate-box:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.candidate-box:selected {
+  background-color: #97BB72;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #363636;
+  background-color: #ffffff;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #97BB72;
+  color: #ffffff;
+  border: 2px solid #363636;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #1d1d1d;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: #5c5c5c;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: #646464;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #292929;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #030303;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #ededed;
+}
+
+.audio-selection-device:active {
+  background-color: #97BB72;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #363636;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #cfcfcf;
+  padding: 0;
+  background-color: #ededed;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #cfcfcf;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #97BB72;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #b2b2b2;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.3);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #cfcfcf;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(54, 54, 54, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #363636;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #97BB72;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #97BB72;
+  border: 1px solid #83ae56;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #222222;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #222222;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #97BB72;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(253, 253, 252, 0.3);
+  box-shadow: 0 0 2px 2px #cadcb7;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #2f2f2f;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #3c3c3c;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #626262;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #2f2f2f;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #3c3c3c;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #97BB72;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #97BB72;
+  background-color: rgba(151, 187, 114, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #97BB72;
+  background-color: rgba(151, 187, 114, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #272727;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(47, 47, 47, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #97BB72;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #97BB72;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(227, 237, 217, 0.3);
+  box-shadow: 0 0 2px 2px #cadcb7;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #97BB72;
+  -pie-background-color: rgba(253, 253, 252, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #97BB72;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(151, 187, 114, 0.3);
+  border: 1px solid #97BB72;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #2f2f2f;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(151, 187, 114, 0.5);
+  border: 1px solid #97BB72;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(232, 232, 232, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #ededed;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #363636;
+  background-color: #1f1f1f;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #363636;
+  background-color: #222222;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:active {
+  color: #363636;
+  background-color: #232323;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #97BB72;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #363636;
+  background-color: #94b275;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:active {
+  color: #363636;
+  background-color: #84a463;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #97BB72;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #3c3c3c;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #525252;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #a4c383;
+  background-color: #97BB72;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #3c3c3c;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #3c3c3c;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #a4c383;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(72, 72, 72, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #97BB72;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #7ea951;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #97bb72;
+}
+
+.lg-dialog .shell-link:active {
+  color: #648641;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #484848;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #3c3c3c;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #272727;
+  border-color: #272727;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #3c3c3c;
+  border-color: #3c3c3c;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #222222;
+  border-color: #222222;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #222222;
+  background-color: #222222;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #97BB72;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-color: #97BB72;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #a1c280;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  background-color: #a4c383;
+  border-color: #a4c383;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #a7c587;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #8ab361;
+  border-color: #8ab361;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #7ea951;
+  background-color: #7ea951;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #272727;
+  background-color: #272727;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #97BB72;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #97BB72;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(60, 60, 60, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(60, 60, 60, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #3c3c3c;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #2f2f2f;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(245, 245, 245, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(245, 245, 245, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(151, 187, 114, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #222222;
+  border: 1px solid #090909;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #3c3c3c;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #719749;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #97BB72;
+  background-color: rgba(151, 187, 114, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #97BB72;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #3c3c3c;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #97BB72;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(34, 34, 34, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #97BB72;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #97BB72;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(151, 187, 114, 0.6);
+}
+
+.openweather-provider:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #363636;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #555555;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #b2b2b2;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #555555;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #363636;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #555555;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #555555;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-pueril.scss b/src/gnome-shell/42.0/gnome-shell-pueril.scss
new file mode 100644
index 00000000..90ea2aa4
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-pueril.scss
@@ -0,0 +1,10 @@
+$variant: 'light';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'pueril';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/42.0/gnome-shell-sea.css b/src/gnome-shell/42.0/gnome-shell-sea.css
new file mode 100644
index 00000000..37ec2a5e
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-sea.css
@@ -0,0 +1,3765 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 11pt;
+  color: #363636;
+}
+
+/* Common Stylings */
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: #efefef;
+}
+
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 3px;
+  padding: 12px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: #efefef;
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon {
+  border-radius: 3px;
+  padding: 6px;
+  border: 2px solid transparent;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.modal-dialog {
+  color: #363636;
+  background-color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.button {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  min-height: 22px;
+  padding: 3px 24px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .button {
+  border: none;
+}
+
+.popup-menu .button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.popup-menu .button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.popup-menu .button:insensitive {
+  color: #b2b2b2;
+  border-color: transparent;
+  background-color: rgba(54, 54, 54, 0.01);
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.popup-menu .button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  border-style: solid;
+  border-width: 1px;
+  border-left-width: 0;
+  border-bottom-width: 0;
+  margin: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 3px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 3px 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  background-color: #ffffff !important;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  border: solid #cfcfcf;
+  border-width: 0;
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #248a76;
+}
+
+.shell-link:hover {
+  color: #2eb398;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Entries */
+StEntry {
+  border-radius: 3px;
+  padding: 8px;
+  border-width: 1px;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  selection-background-color: #2eb398;
+  selected-color: #ffffff;
+}
+
+StEntry:focus {
+  background-color: #ffffff;
+  border-color: #1e7664;
+  box-shadow: none;
+}
+
+StEntry:insensitive {
+  color: #b2b2b2;
+  border-color: #f9f9f9;
+  box-shadow: none;
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #f57900;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.09em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(54, 54, 54, 0.7);
+}
+
+/* Buttons */
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #363636;
+  height: 20px;
+  width: 40px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.popup-menu-item.selected .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.popup-menu-item.selected .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 15px;
+  color: #2eb398;
+  -barlevel-height: 3px;
+  -barlevel-background-color: #cfcfcf;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: #cfcfcf;
+  -barlevel-active-background-color: #2eb398;
+  -barlevel-active-border-color: #2aa38a;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-border-color: #ce1921;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 7.5px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: #cfcfcf;
+}
+
+.popup-menu-item.selected .slider {
+  color: #ffffff;
+  -slider-background-color: rgba(0, 0, 0, 0.2);
+  -slider-active-background-color: #ffffff;
+  -slider-handle-border-color: rgba(0, 0, 0, 0.2);
+  -barlevel-background-color: rgba(0, 0, 0, 0.2);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-border-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 14px;
+  min-height: 14px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #828282;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #5c5c5c;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #2eb398;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-border-radius: 7px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 24px;
+  -arrow-rise: 6px;
+  -arrow-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #363636;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  font-size: 10pt;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu .search-entry {
+  color: #555555;
+  caret-color: #555555;
+  background-color: rgba(54, 54, 54, 0.1);
+  border-color: #cfcfcf;
+}
+
+.popup-menu .search-entry:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: #cfcfcf;
+  color: #363636;
+}
+
+.popup-menu .search-entry:focus, .popup-menu .search-entry:focus:hover {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+  border-color: #2eb398;
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: #b2b2b2;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px 0;
+  margin: 0 4px 10px 8px;
+  color: #363636 !important;
+}
+
+.popup-menu-item {
+  spacing: 6px;
+  padding: 6px;
+  margin: 0;
+  border-radius: 0;
+  color: #555555 !important;
+}
+
+.popup-menu-item:ltr {
+  padding-right: 24px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu-item:rtl {
+  padding-left: 24px !important;
+  padding-right: 12px !important;
+}
+
+.popup-menu-item:checked {
+  box-shadow: inset 0 1px #cfcfcf;
+  border: none;
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  color: #363636 !important;
+}
+
+.popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus {
+  color: #ffffff !important;
+  background-color: #2eb398 !important;
+  border-image: none;
+}
+
+.popup-menu-item:active {
+  background-color: #299f87 !important;
+  color: #ffffff !important;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5) !important;
+}
+
+.popup-inactive-menu-item {
+  color: #363636;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.09em;
+}
+
+.popup-sub-menu {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px #cfcfcf;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 6px 32px;
+  background-color: #cfcfcf;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 0 32px 0 0;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 0 !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 0 !important;
+  margin-right: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.system-menu-action {
+  color: #555555;
+  border-radius: 1000px;
+  padding: 12px;
+  border: none;
+  -st-icon-style: symbolic;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 1.09em;
+}
+
+/* Date/Time Menu */
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(0, 0, 0, 0.1);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 8px;
+  border-left-width: 1px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 8px;
+  border-right-width: 1px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.events-section-title {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  color: #555555;
+  font-weight: bold;
+  padding: .4em;
+}
+
+.events-section-title:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.events-section-title:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-section-title:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none;
+  padding: 9px;
+  color: #555555;
+}
+
+.datemenu-today-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.datemenu-today-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.datemenu-today-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 6px;
+  box-shadow: none;
+}
+
+.calendar:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.calendar:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-month-label {
+  color: #434343;
+  font-weight: bold;
+  padding: 8px 0;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 1.09em;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0;
+}
+
+.calendar .pager-button {
+  background-color: transparent;
+  height: 32px;
+  width: 32px;
+  margin: 2px;
+  border-radius: 1000px;
+  border: none;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.calendar .pager-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.calendar .calendar-day-base {
+  font-size: 9pt;
+  text-align: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 100%;
+  border: none;
+  font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  color: #555555;
+  margin-top: 1em;
+  font-size: 9pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 1px;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 1px;
+}
+
+.calendar .calendar-nonwork-day {
+  color: #b2b2b2;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  border: none;
+  background-color: #2eb398;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: #31bfa2;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected {
+  background-color: #2eb398;
+  color: #ffffff;
+}
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #31bfa2;
+  color: #ffffff;
+}
+
+.calendar .calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: #363636;
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(54, 54, 54, 0.5);
+}
+
+.calendar .calendar-week-number {
+  font-size: 7pt;
+  font-weight: bold;
+  height: 1.8em;
+  width: 2.3em;
+  border-radius: 2px;
+  margin: 6px;
+  background-color: #f0f0f0;
+  color: #434343;
+}
+
+/* Events */
+.events-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.events-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.events-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.events-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+}
+
+.events-button .events-title {
+  color: #555555;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.events-button .event-time {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* World clocks */
+.world-clocks-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.world-clocks-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.world-clocks-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.world-clocks-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: #363636;
+  font-size: 11pt;
+  font-weight: normal;
+}
+
+.world-clocks-button .world-clocks-time {
+  font-weight: bold;
+  color: #363636;
+  font-feature-settings: "tnum";
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: #030303;
+  font-feature-settings: "tnum";
+  font-size: 10pt;
+}
+
+/* Weather */
+.weather-button {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  padding: 12px;
+  box-shadow: none;
+}
+
+.weather-button:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.weather-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.weather-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: #555555;
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 6px;
+}
+
+.weather-button .weather-forecast-time {
+  color: black;
+  font-feature-settings: "tnum";
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 2.18em;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+  border: none;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 0;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 3.27em;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 6px;
+  margin: 0 12px 0 16px;
+  padding-bottom: 6px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  border: none;
+  border-radius: 3px;
+  margin: 4px 0;
+  color: #363636;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.message:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.08);
+  border-color: transparent;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.message:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+  border-color: transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.popup-menu .message {
+  box-shadow: none;
+}
+
+.message .message-icon-bin {
+  padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 2.18em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
+.message .message-content {
+  spacing: 4px;
+  padding: 9px;
+  margin-bottom: 8px;
+}
+
+.message .message-title {
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(54, 54, 54, 0.5);
+  font-size: 9pt;
+  /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-close-button {
+  color: #555555;
+  border-radius: 1000px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+}
+
+.message .message-close-button:hover {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.message .message-close-button:active {
+  color: #363636;
+  background-color: rgba(54, 54, 54, 0.15);
+}
+
+.message .message-body {
+  color: #555555;
+}
+
+.url-highlighter {
+  link-color: #248a76;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  margin: 20px 0;
+  border-radius: 1000px;
+  color: #555555;
+  border: none;
+}
+
+.message-media-control:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.message-media-control:active {
+  background-color: rgba(54, 54, 54, 0.2);
+  color: #363636;
+}
+
+.message-media-control:insensitive {
+  color: #bdbdbd;
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 12px;
+}
+
+.media-message-cover-icon {
+  icon-size: 3.27em !important;
+  border-radius: 3px;
+}
+
+.media-message-cover-icon.fallback {
+  color: #0b0b0b;
+  background-color: #f5f5f5;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  icon-size: 2.18em !important;
+  padding: 12px;
+}
+
+.candidate-popup-content {
+  padding: 0.5em;
+  spacing: 0.3em;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: #555555;
+}
+
+.candidate-box:selected .candidate-index {
+  color: #ffffff;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  border-radius: 3px;
+  margin-right: 2px;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-box:hover {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+}
+
+.candidate-box:active {
+  background-color: rgba(54, 54, 54, 0.15);
+  color: #363636;
+}
+
+.candidate-box:selected {
+  background-color: #2eb398;
+  color: #ffffff;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 3px 0px 0px 3px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 3px 3px 0px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 6px;
+  border-radius: 3px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.notification-banner, .notification-banner:hover, .notification-banner:focus {
+  color: #363636;
+  background-color: #ffffff;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 16px;
+}
+
+.notification-banner .notification-actions {
+  spacing: 0;
+}
+
+.summary-source-counter {
+  font-size: 10pt;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #2eb398;
+  color: #ffffff;
+  border: 2px solid #363636;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #1d1d1d;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: #5c5c5c;
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: #646464;
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  border-radius: 5px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f57900;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #292929;
+  font-size: 10pt;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 14px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  font-size: 10pt;
+  text-align: center;
+  color: #030303;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+  font-size: 10pt;
+}
+
+.prompt-dialog-error-label {
+  color: #f57900;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f57900;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #ededed;
+}
+
+.audio-selection-device:active {
+  background-color: #2eb398;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 4.36em;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #363636;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 2.18em;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: 1px solid #cfcfcf;
+  padding: 0;
+  background-color: #ededed;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: 1px solid #cfcfcf;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #2eb398;
+  color: #ffffff;
+}
+
+.nm-dialog-icon {
+  icon-size: 1.09em;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: #b2b2b2;
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window > * {
+  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 {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(239, 239, 239, 0.3);
+  -barlevel-active-background-color: #efefef;
+  -barlevel-overdrive-color: #e01b24;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(239, 239, 239, 0.3);
+  color: #efefef;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: #cfcfcf;
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(54, 54, 54, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  color: #363636;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #2eb398;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  border: 1px solid rgba(239, 239, 239, 0.1);
+  border-radius: 3px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #2eb398;
+  border: 1px solid #26937c;
+  border-radius: 3px;
+  color: #ffffff;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #1b2224;
+  font-weight: bold;
+  height: 2.2em;
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #1b2224;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  font-weight: bold;
+  color: #dddddd;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+  text-shadow: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 0 none transparent;
+  border-radius: 0;
+}
+
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  border-image: none;
+}
+
+#panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  background: none;
+  box-shadow: none;
+}
+
+#panel .panel-button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px #2eb398;
+  text-shadow: none;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.09em;
+  padding: 5px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
+  box-shadow: none;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57900;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(191, 238, 229, 0.3);
+  box-shadow: 0 0 2px 2px #6ddac4;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #263033;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 3px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #313e41;
+  color: #efefef;
+  border-radius: 1000px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+  background-image: url("assets/window-close-symbolic.svg");
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  color: white;
+  icon-size: 1px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: #52676d;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: rgba(239, 239, 239, 0.8);
+  background-color: #263033;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #313e41;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+
+.search-entry {
+  width: 320px;
+  padding: 7px 9px;
+  border-radius: 18px;
+  color: rgba(255, 255, 255, 0.75);
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: rgba(0, 0, 0, 0.65);
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+
+
+.search-entry:hover {
+  background-color: rgba(255, 255, 255, 0.18);
+  border-color: rgba(0, 0, 0, 0.75);
+  color: rgba(255, 255, 255, 0.85);
+}
+
+
+.search-entry:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+  padding: 6px 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #2eb398;
+  color: rgba(255, 255, 255, 0.85);
+  box-shadow: none;
+}
+
+
+.search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+
+.search-entry .search-entry-icon {
+  icon-size: 1.09em;
+  padding: 0 4px;
+  color: inherit;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+}
+
+.search-section .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 5px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  color: #efefef;
+  padding: 18px;
+  spacing: 8px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(255, 255, 255, 0.1);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #dbdbdb;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #a3a3a3;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+  margin-top: 18px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 13px;
+}
+
+.dash-item-container .app-well-app, .show-apps {
+  padding: 10px 1.5px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 6.5px 16px;
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.dash-label {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 3px;
+  padding: 6px 12px;
+  text-align: center;
+  margin: 6px;
+  -y-offset: 12px;
+}
+
+.show-apps .overview-icon {
+  color: #efefef;
+}
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  background-color: rgba(239, 239, 239, 0.1);
+}
+
+.show-apps:focus .overview-icon {
+  background-color: rgba(239, 239, 239, 0.3);
+}
+
+.show-apps:drop .overview-icon {
+  border: 2px solid #2eb398;
+  background-color: rgba(46, 179, 152, 0.2);
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  background-color: rgba(239, 239, 239, 0.25);
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fff;
+}
+
+.app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon {
+  border: 2px solid #2eb398;
+  background-color: rgba(46, 179, 152, 0.2);
+}
+
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #1f282a;
+  border-radius: 3px;
+}
+
+.app-folder-dialog {
+  border-radius: 7.5px;
+  background-color: rgba(38, 48, 51, 0.9);
+  padding: 8px !important;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+  /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(247, 247, 247, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  border-color: #2eb398;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 5px 7px;
+  color: #efefef;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 30px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 100px;
+  background-color: #efefef;
+  margin-bottom: 1px;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 100px;
+  background-color: white;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(54, 54, 54, 0.1);
+  color: #363636;
+  border-radius: 1000px;
+  icon-size: 48px;
+  border: none;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  width: 24px;
+  height: 24px;
+  color: #efefef;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  border-radius: 3px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #2eb398;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(150, 228, 212, 0.3);
+  box-shadow: 0 0 2px 2px #6ddac4;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #2eb398;
+  -pie-background-color: rgba(191, 238, 229, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #2eb398;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(46, 179, 152, 0.3);
+  border: 1px solid #2eb398;
+}
+
+.user-icon {
+  background-size: contain;
+  color: #efefef;
+  border-radius: 99px;
+  icon-size: 4.36em;
+}
+
+.user-icon:hover {
+  color: white;
+}
+
+.user-icon StIcon {
+  background-color: rgba(239, 239, 239, 0.05);
+  border-radius: 99px;
+  padding: 12px;
+  width: 2.725em;
+  height: 2.725em;
+}
+
+.user-icon.user-avatar {
+  border: 2px #efefef;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 6.54em;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 5.995em;
+  height: 5.995em;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #f57900;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #263033;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(46, 179, 152, 0.5);
+  border: 1px solid #2eb398;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 4px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 4px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 4px 4px 0 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(232, 232, 232, 0.9);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  font-size: 16pt;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
+}
+
+.keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: #ededed;
+  color: #efefef;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+
+.keyboard-key.default-key {
+  color: #363636;
+  background-color: #191f21;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #363636;
+  background-color: #1c2223;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.default-key:active {
+  color: #363636;
+  background-color: #1d2324;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #2eb398;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #363636;
+  background-color: #32b198;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key.enter-key:active {
+  color: #363636;
+  background-color: #2d9983;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.keyboard-key.shift-key-uppercase {
+  color: #2eb398;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: #efefef;
+  -arrow-border-radius: 5px;
+  -arrow-background-color: #313e41;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #45565b;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #363636;
+  background-color: #f5f5f5;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-radius: 3px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #363636;
+  background-color: #e2e2e2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #363636;
+  background-color: #d8d8d8;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #33c7a9;
+  background-color: #2eb398;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #313e41;
+  spacing: 6px;
+  padding: 4px;
+  border: 1px solid rgba(239, 239, 239, 0.2);
+  border-radius: 3px;
+  color: #efefef;
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  border-radius: 3px;
+  background-color: #313e41;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #c9c9c9;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em;
+  border-bottom-width: 2px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  color: #efefef;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 2px;
+  box-shadow: inset 0 -2px 0 0 #33c7a9;
+  color: #efefef;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+}
+
+.lg-dialog StEntry {
+  background-color: rgba(60, 75, 80, 0.6);
+  color: #efefef;
+  border-color: rgba(239, 239, 239, 0.2);
+  min-height: 22px;
+  selection-background-color: #2eb398;
+  selected-color: #ffffff;
+}
+
+.lg-dialog .shell-link {
+  color: #248a76;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #2eb398;
+}
+
+.lg-dialog .shell-link:active {
+  color: #196253;
+}
+
+.lg-dialog .actor-link {
+  color: #ccc;
+}
+
+.lg-dialog .actor-link:hover {
+  color: white;
+}
+
+.lg-dialog .actor-link:active {
+  color: #999999;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  padding: 4px;
+  border-radius: 3px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: 1px solid rgba(13, 13, 13, 0.7);
+  background-color: #3c4b50;
+  border-radius: 3px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #313e41;
+  border: 1px solid rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  padding: 6px;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.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: #1f282a;
+  border-color: #1f282a;
+  color: #efefef;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  background-color: #313e41;
+  border-color: #313e41;
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  box-shadow: none;
+  background-color: #1b2224;
+  border-color: #1b2224;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #1b2224;
+  background-color: #1b2224;
+  color: rgba(239, 239, 239, 0.7);
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #ffffff;
+  background-color: #2eb398;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  border-color: #2eb398;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #ffffff;
+  background-color: #43bba2;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  background-color: #33c7a9;
+  border-color: #33c7a9;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #ffffff;
+  background-color: #4dbea7;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+  background-color: #299f87;
+  border-color: #299f87;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+  border-color: #248a76;
+  background-color: #248a76;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 99px;
+  width: 2.18em;
+  height: 2.18em;
+  border-color: #1f282a;
+  background-color: #1f282a;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 1.09em;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: #efefef;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: #d6d6d6;
+}
+
+.login-dialog-button-box {
+  width: 23em;
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #efefef;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 10pt;
+  font-weight: bold;
+  color: #a3a3a3;
+  padding-top: 1em;
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: #2eb398;
+  color: #ffffff;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #2eb398;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 7px;
+  padding: 6px;
+  color: #a3a3a3;
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #efefef;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #ffffff;
+}
+
+.user-widget-label {
+  color: #efefef;
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: #bcbcbc;
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: white;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 6px;
+  border: none;
+  background-color: rgba(49, 62, 65, 0.3);
+  color: #efefef;
+  border-radius: 5px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(49, 62, 65, 0.9);
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #313e41;
+  background-color: rgba(239, 239, 239, 0.3);
+  border-radius: 99px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #263033;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(245, 245, 245, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(245, 245, 245, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(46, 179, 152, 0.5);
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  background-color: transparent;
+  border: none;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 24px;
+  padding: 18px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  color: #efefef;
+  background-color: #1b2224;
+  border: 1px solid #050607;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 8px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 8px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px !important;
+  border-radius: 6px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 1000px;
+  border: 4px white;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: white;
+  transition-duration: 200ms;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(54, 54, 54, 0.1);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #ff8080;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #ff9a9a;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ff5c5c;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 1000px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 0px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 0px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 1000px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: white;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 1000px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 1000px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #313e41;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 3px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 1000px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #1e7664;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #2eb398;
+  background-color: rgba(46, 179, 152, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: white;
+  background-color: #2eb398;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  color: #efefef;
+  background-color: #313e41;
+  border-radius: 1000px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: #ffffff;
+  background-color: #2eb398;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 1000px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top.straight-corner, #dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner .dash-background, #dashtodockContainer.top.shrink.straight-corner .dash-background, #dashtodockContainer.top.extended .dash-background, #dashtodockContainer.top.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.top.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.straight-corner .show-apps, #dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner, #dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-background, #dashtodockContainer.bottom.shrink.straight-corner .dash-background, #dashtodockContainer.bottom.extended .dash-background, #dashtodockContainer.bottom.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps, #dashtodockContainer.bottom.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner, #dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner .dash-background, #dashtodockContainer.left.shrink.straight-corner .dash-background, #dashtodockContainer.left.extended .dash-background, #dashtodockContainer.left.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.left.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.straight-corner .show-apps, #dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner, #dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner .dash-background, #dashtodockContainer.right.shrink.straight-corner .dash-background, #dashtodockContainer.right.extended .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0;
+}
+
+#dashtodockContainer.right.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .show-apps, #dashtodockContainer.right.shrink.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.straight-corner .show-apps, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.shrink .dash-background {
+  border-radius: 6px;
+}
+
+#dashtodockContainer.shrink .dash-item-container .app-well-app, #dashtodockContainer.shrink .show-apps {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.shrink.extended .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+  padding: 1.5px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.left.shrink.extended .dash-background, #dashtodockContainer.right.shrink .dash-background, #dashtodockContainer.right.shrink.extended .dash-background {
+  padding: 2px 4px !important;
+}
+
+#dashtodockContainer.left.shrink .dash-item-container .app-well-app, #dashtodockContainer.left.shrink .show-apps, #dashtodockContainer.left.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.extended .show-apps, #dashtodockContainer.right.shrink .dash-item-container .app-well-app, #dashtodockContainer.right.shrink .show-apps, #dashtodockContainer.right.shrink.extended .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.extended .show-apps {
+  margin: 0 !important;
+  padding: 2px 0 !important;
+}
+
+#dashtodockContainer.left.extended .dash-item-container .app-well-app, #dashtodockContainer.left.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.right.extended .dash-item-container .app-well-app, #dashtodockContainer.right.straight-corner .dash-item-container .app-well-app {
+  padding: 1.5px 10px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 1.5px 10px 20px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 10px 8.5px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-item-container .app-well-app, #dashtodockContainer.top.shrink .show-apps, #dashtodockContainer.bottom.shrink .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink .show-apps {
+  margin: 0 !important;
+  padding: 0 2px 16px !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 6.5px !important;
+}
+
+#dashtodockContainer.top.extended .dash-item-container .app-well-app, #dashtodockContainer.top.extended .show-apps, #dashtodockContainer.top.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.top.straight-corner .show-apps, #dashtodockContainer.bottom.extended .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended .show-apps, #dashtodockContainer.bottom.straight-corner .dash-item-container .app-well-app, #dashtodockContainer.bottom.straight-corner .show-apps {
+  padding: 10px 1.5px !important;
+}
+
+#dashtodockContainer #dash {
+  background: none;
+}
+
+#dashtodockContainer #dash .dash-background {
+  color: #dddddd;
+  background-color: rgba(27, 34, 36, 0.9);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #2eb398;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #2eb398;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 2px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent !important;
+  background: none;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent !important;
+  color: #363636;
+  background-color: #ffffff;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:hover {
+  color: #363636;
+  background-color: #ebebeb;
+  border-color: #cfcfcf;
+  box-shadow: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+}
+
+.openweather-provider:focus {
+  color: #363636;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 0 0 2px rgba(46, 179, 152, 0.6);
+}
+
+.openweather-provider:active {
+  color: #363636;
+  background-color: #e1e1e1;
+  border-color: #cfcfcf;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: none;
+}
+
+.openweather-provider:insensitive {
+  color: #b2b2b2;
+  border-color: #e2e2e2;
+  background-color: #f9f9f9;
+  box-shadow: none;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: #363636;
+  -st-icon-style: symbolic;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: #555555;
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: #b2b2b2;
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: #555555;
+  -st-icon-style: symbolic;
+}
+
+.openweather-forecast-day {
+  background: none;
+  color: #363636;
+}
+
+.openweather-forecast-temperature {
+  background: none;
+  color: #555555;
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: #555555;
+  -st-icon-style: symbolic;
+}
diff --git a/src/gnome-shell/42.0/gnome-shell-sea.scss b/src/gnome-shell/42.0/gnome-shell-sea.scss
new file mode 100644
index 00000000..b7e8f618
--- /dev/null
+++ b/src/gnome-shell/42.0/gnome-shell-sea.scss
@@ -0,0 +1,10 @@
+$variant: 'light';
+$laptop: 'true';
+$topbar: 'light';
+$color: 'sea';
+
+@import "../sass/40.0/colors";
+@import "../sass/40.0/drawing";
+@import "../sass/40.0/common";
+@import "../sass/40.0/widgets-42";
+@import "../sass/40.0/extensions";
diff --git a/src/gnome-shell/sass/40.0/_colors.scss b/src/gnome-shell/sass/40.0/_colors.scss
index ed68b5ea..d25e55a5 100644
--- a/src/gnome-shell/sass/40.0/_colors.scss
+++ b/src/gnome-shell/sass/40.0/_colors.scss
@@ -47,7 +47,7 @@ $osd_outer_borders_color: transparentize(white, 0.84);
 $shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
 
 //insensitive state derived colors
-$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
+$insensitive_fg_color: mix($fg_color, $bg_color, 35%);
 $insensitive_bg_color: mix($bg_color, $base_color, 60%);
 $insensitive_borders_color: mix($borders_color, $base_color, 60%);
 
diff --git a/src/gnome-shell/sass/40.0/_common.scss b/src/gnome-shell/sass/40.0/_common.scss
index 8146a80f..9dee7bcb 100644
--- a/src/gnome-shell/sass/40.0/_common.scss
+++ b/src/gnome-shell/sass/40.0/_common.scss
@@ -33,6 +33,7 @@ $base_spacing: 6px;
 // border radii
 $base_border_radius: 3px;
 $modal_radius: 5px;
+$circular_radius: 1000px;
 
 // fonts
 $base_font_size: 11;
@@ -122,6 +123,7 @@ stage {
   border-width: 1px;
   border-left-width: 0;
   border-bottom-width: 0;
+  margin: 0;
 
   &:insensitive { @include button(insensitive, $shadow: none); }
   &:hover { @include button(hover, $shadow: none); }
@@ -144,7 +146,7 @@ stage {
 }
 
 %theme_dialogs {
-  background-color: $base_color;
+  background-color: $base_color !important;
   border-radius: $base_border_radius;
   box-shadow: 0 2px 6px rgba(black, 0.15);
   border: solid $borders_color;
diff --git a/src/gnome-shell/sass/40.0/_widgets-42.scss b/src/gnome-shell/sass/40.0/_widgets-42.scss
new file mode 100644
index 00000000..d1b32153
--- /dev/null
+++ b/src/gnome-shell/sass/40.0/_widgets-42.scss
@@ -0,0 +1,52 @@
+//
+// Shell widgets stylesheets are placed in separate .scss files
+// in 'widgets' and imported into the main stylesheet in this file.
+// To create or update a widget for the shell modify the list below.
+//
+
+/* WIDGETS */
+
+// Primary widgets
+@import 'widgets/base';
+@import 'widgets/entries';
+@import 'widgets/buttons';
+@import 'widgets/check-box';
+@import 'widgets/switches';
+@import 'widgets/slider';
+@import 'widgets/scrollbars';
+// Popovers
+@import 'widgets/popovers-42';
+@import 'widgets/calendar';
+@import 'widgets/message-list';
+@import 'widgets/ibus-popup';
+// Notifications
+@import 'widgets/notifications';
+@import 'widgets/hotplug';
+// Dialogs
+@import 'widgets/dialogs';
+@import 'widgets/network-dialog';
+// OSDs
+@import 'widgets/osd-42';
+@import 'widgets/switcher-popup';
+@import 'widgets/workspace-switcher';
+// Panel
+@import 'widgets/panel';
+@import 'widgets/corner-ripple';
+// Overview
+@import 'widgets/overview';
+@import 'widgets/window-picker';
+@import 'widgets/search-entry';
+@import 'widgets/search-results';
+@import 'widgets/dash';
+@import 'widgets/app-grid';
+@import 'widgets/workspace-thumbnails';
+// A11y / misc
+@import 'widgets/a11y';
+@import 'widgets/misc';
+@import 'widgets/tiled-previews';
+@import 'widgets/keyboard';
+@import 'widgets/looking-glass';
+// Lock / login screens
+@import 'widgets/login-dialog';
+@import 'widgets/screen-shield';
+@import 'widgets/screenshot';
diff --git a/src/gnome-shell/sass/40.0/widgets/_message-list.scss b/src/gnome-shell/sass/40.0/widgets/_message-list.scss
index 57704e11..7107ab4b 100644
--- a/src/gnome-shell/sass/40.0/widgets/_message-list.scss
+++ b/src/gnome-shell/sass/40.0/widgets/_message-list.scss
@@ -4,14 +4,29 @@
 // main list
 .message-list {
   width: 31.5em;
-  padding: 0 $base_padding * 2;
+  padding: 0;
+  border: none;
 
-  .message-list-placeholder { spacing: 12px; }
+  // padding and margins to account for scrollbar
+  &:ltr { margin-left: 0; margin-right: 0; padding-right: 0; border-right-width: 0; }
+  &:rtl { margin-right: 0; margin-left: 0; padding-left: 0; border-left-width: 0; }
+
+  .message-list-placeholder {
+    spacing: 12px;
+
+    // icon size and color
+    > StIcon {
+      icon-size: $base_icon_size * 3; // 48px
+      margin-bottom: $base_margin * 3;
+      -st-icon-style: symbolic;
+    }
+  }
 }
 
 .message-list-sections {
   spacing: $base_spacing;
-  margin: 0 $base_margin * 4; // to account for scrollbar
+  margin: 0 $base_margin * 3 0 $base_margin * 4; // to account for scrollbar
+  padding-bottom: $base_padding;
 }
 
 .message-list-section,
@@ -35,15 +50,14 @@
 
   // icon container
   .message-icon-bin {
-    padding: ($base_padding * 3) 0 ($base_padding * 3) ($base_padding * 2);
+    padding: $base_padding * 3;
 
-    &:rtl {
-      padding: ($base_padding * 3) ($base_padding * 2) ($base_padding * 3) 0;
-    }
+    &:ltr { padding-right: $base_padding; }
+    &:rtl { padding-left: $base_padding; }
 
     // icon size and color
     > StIcon {
-      icon-size: $base_icon_size*2; // 32px
+      icon-size: $base_icon_size * 2; // 32px
       -st-icon-style: symbolic;
     }
 
@@ -56,13 +70,15 @@
 
   // content
   .message-content {
-    padding: $base_padding + $base_margin * 2;
     spacing: 4px;
+    padding: $base_padding * 1.5;
+    margin-bottom: $base_margin * 2;
   }
 
   // title
   .message-title {
     font-weight: bold;
+    padding-top: 0.57em;
   }
 
   // secondary container in title box
@@ -76,15 +92,15 @@
       /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
       padding-bottom: 0.13em;
 
-      &:ltr { text-align: right };
-      &:rtl { text-align: left };
+      &:ltr { text-align: right; }
+      &:rtl { text-align: left; }
     }
   }
 
   // close button
   .message-close-button {
     color: $alt_fg_color;
-    border-radius: 100px;
+    border-radius: $circular_radius;
     width: 24px;
     height: 24px;
     padding: 0;
@@ -113,30 +129,33 @@
 
 /* Media Controls */
 .message-media-control {
-  padding: $base_padding * 2 1.64em; // $base_padding * 4 = 24px
-  color: darken($fg_color, 15%);
+  padding: 0 $base_padding * 3;
+  margin: $base_padding * 3 + 2px 0;
+  border-radius: $circular_radius;
+  color: $alt_fg_color;
+  border: none;
 
   // uses $hover_bg_color since the media controls are in a notification_bubble
   &:hover {
-    background-color: lighten($hover_bg_color, 5%);
+    background-color: rgba($fg_color, 0.1);
     color: $fg_color;
   }
 
   &:active {
-    background-color: darken($hover_bg_color, 2%);
+    background-color: rgba($fg_color, 0.2);
     color: $fg_color;
   }
 
-  &:insensitive { color: darken($fg_color,40%); }
+  &:insensitive { color: mix($alt_fg_color, $bg_color, 35%);; }
 
   // fix border-radius for last button
-  &:last-child:ltr { border-radius: 0 $base_border_radius+2 $base_border_radius+2 0; }
-  &:last-child:rtl { border-radius: $base_border_radius+2 0 0 $base_border_radius+2; }
+  &:last-child:ltr { margin-right: $base_margin * 3; }
+  &:last-child:rtl { margin-left: $base_margin * 3; }
 }
 
 // album-art
 .media-message-cover-icon {
-  icon-size: $base_icon_size*2 !important; // 48px
+  icon-size: $base_icon_size * 3 !important; // 48px
   border-radius: $base_border_radius;
 
   // when there is no artwork
@@ -146,5 +165,6 @@
     border: 1px solid transparent;
     border-radius: $base_border_radius;
     icon-size: $base_icon_size * 2 !important;
+    padding: $base_padding * 2;
   }
 }
diff --git a/src/gnome-shell/sass/40.0/widgets/_osd-42.scss b/src/gnome-shell/sass/40.0/widgets/_osd-42.scss
new file mode 100644
index 00000000..f3bdd92b
--- /dev/null
+++ b/src/gnome-shell/sass/40.0/widgets/_osd-42.scss
@@ -0,0 +1,53 @@
+/* OSD */
+
+$osd_levelbar_height: 8px;
+
+.osd-window {
+  @extend %osd_panel;
+  text-align: center;
+  font-weight: bold;
+  spacing: $base_padding * 2; // 12px
+  padding: $base_padding * 2 $base_padding * 3;
+  margin-bottom: 4em;
+  min-width: 64px;
+  min-height: 64px;
+
+  & > * { spacing: 8px; }
+
+  StIcon {
+    icon-size: $base_icon_size * 2;
+  }
+
+  .osd-monitor-label { font-size: 3em; }
+
+  StLabel {
+    &:ltr { margin-right: $base_padding; }
+    &:rtl { margin-left: $base_padding; }
+  }
+
+  .level {
+    height: $osd_levelbar_height;
+    -barlevel-height: $osd_levelbar_height;
+    -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
+    -barlevel-active-background-color: $osd_fg_color;
+    -barlevel-overdrive-color: $destructive_color;
+    -barlevel-overdrive-separator-width: 3px;
+  }
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: transparentize(#000, 0.2);
+
+  .pad-osd-title-box { spacing: 12px; }
+  .pad-osd-title-menu-box { spacing: 6px; }
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+.resize-popup {
+  @extend %osd_panel;
+}
diff --git a/src/gnome-shell/sass/40.0/widgets/_popovers-42.scss b/src/gnome-shell/sass/40.0/widgets/_popovers-42.scss
new file mode 100644
index 00000000..0209723d
--- /dev/null
+++ b/src/gnome-shell/sass/40.0/widgets/_popovers-42.scss
@@ -0,0 +1,189 @@
+/* Popovers/Menus */
+
+$popover_arrow_height: 12px;
+
+//.the popover itself
+.popup-menu-boxpointer {
+  -arrow-border-radius: $base_border_radius + 4px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: $popover_arrow_height * 2;
+  -arrow-rise: $popover_arrow_height / 2;
+  -arrow-box-shadow: 0 1px 3px rgba(black, 0.35); // dreaming bugzilla #689995
+}
+
+// container of the popover menu
+.popup-menu {
+  min-width: 15em;
+  color: $fg_color;
+  padding: 0 0;
+  background: none;
+  border-image: none;
+  @include fontsize($base_font_size - 1);
+
+  //.popup-status-menu-item { font-weight: normal;  color: pink; } //dunno what that is
+  &.panel-menu {
+    -boxpointer-gap: $base_margin; // distance from the panel
+    margin-bottom: 1.75em;
+  }
+
+  .search-entry {
+    color: $alt_fg_color;
+    caret-color: $alt_fg_color;
+    background-color: rgba($fg_color, 0.10);
+    border-color: $borders_color;
+
+    &:hover {
+      background-color: rgba($fg_color, 0.15);
+      border-color: $borders_color;
+      color: $fg_color;
+    }
+
+    &:focus, &:focus:hover {
+      background-color: rgba($fg_color, 0.15);
+      color: $fg_color;
+      border-color: $selected_bg_color;
+    }
+
+    StLabel.hint-text {
+      color: $insensitive_fg_color;
+    }
+  }
+}
+
+.popup-menu-content {
+  padding: $base_padding 0;
+  margin: 0 $base_margin 10px 8px;
+  color: $fg_color !important;
+  @extend %theme_dialogs;
+}
+
+// menu items
+.popup-menu-item {
+  spacing: $base_padding;
+  padding: $base_padding;
+  margin: 0;
+  border-radius: 0;
+  color: $alt_fg_color !important;
+
+  &:ltr { padding-right: $base_padding * 4 !important; padding-left: $base_padding * 2 !important; }
+  &:rtl { padding-left: $base_padding * 4 !important; padding-right: $base_padding * 2 !important; }
+
+  &:checked {
+    box-shadow: inset 0 1px $borders_color;
+    border: none;
+    border-image: none;
+    background-color: if($variant == 'light', rgba(black, 0.05), rgba(black, 0.15)) !important;
+    color: $fg_color !important;
+  }
+
+  &.selected, &:hover, &:focus {
+    color: $selected_fg_color !important;
+    background-color: $selected_bg_color !important;
+    border-image: none;
+  }
+
+  &:active {
+    background-color: darken($selected_bg_color, 5%) !important;
+    color: $selected_fg_color !important;
+  }
+
+  &:insensitive { color: transparentize($fg_color,0.5) !important; }
+}
+
+// all icons and other graphical elements
+.popup-inactive-menu-item {
+  color: $fg_color;
+
+  &:insensitive { color: transparentize($fg_color,0.5); }
+}
+
+// symbolic icons in popover
+.popup-menu-arrow,
+.popup-menu-icon { icon-size: $base_icon_size; }
+
+// popover submenus
+.popup-sub-menu {
+  background-color: if($variant == 'light', rgba(black, 0.05), rgba(black, 0.15)) !important;
+  border-image: none;
+  box-shadow: inset 0 -1px $borders_color;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+// container for radio and check boxes
+.popup-menu-ornament {
+  width: 1.2em;
+
+  &:ltr { text-align: right };
+  &:rtl { text-align: left };
+}
+
+// separator
+.popup-separator-menu-item {
+  padding: 0;
+  margin: $base_spacing;
+
+  .popup-separator-menu-item-separator {
+    //-margin-horizontal: 24px;
+    height: 1px; //not really the whole box
+    margin: $base_spacing 32px;
+    background-color: $borders_color;
+
+    .popup-sub-menu & { //submenu separators
+      margin: 0 32px 0 0;
+    }
+  }
+}
+
+// desktop background menu
+.background-menu {
+  -boxpointer-gap: $base_margin;
+  -arrow-rise: 0px; // hide the beak on the menu
+}
+
+// system status menu
+.aggregate-menu {
+  min-width: 21em;
+
+  // lock screen, shutdown, etc. buttons
+  .popup-menu-icon {
+    padding:0;
+    margin: 0 $base_margin;
+    -st-icon-style: symbolic;
+  }
+
+  .popup-menu-item > :first-child {
+    &:ltr { padding-left: 0 !important; margin-left: 0 !important; }
+    &:rtl { padding-right: 0 !important; margin-right: 0 !important; }
+  }
+
+  .popup-sub-menu .popup-menu-item > :first-child {
+    &:ltr { padding-left: $base_padding * 2 !important; margin-left: $base_padding / 2 !important; }
+    &:rtl { padding-right: $base_padding * 2 !important; margin-right: $base_padding / 2 !important; }
+  }
+}
+
+.system-menu-action {
+  color: $alt_fg_color;
+  border-radius: $circular_radius;
+  padding: $base_padding * 2;
+  border: none;
+  -st-icon-style: symbolic; // >= 3.29.90
+
+  &:hover, &:focus {
+    background-color: rgba($fg_color, 0.1);
+    color: $fg_color;
+    border: none;
+    padding: $base_padding * 2;
+  }
+
+  &:active {
+    background-color: rgba($fg_color, 0.15);
+    color: $fg_color;
+  }
+
+  & > StIcon { icon-size: $base_icon_size; }
+}
diff --git a/src/gnome-shell/sass/40.0/widgets/_screenshot.scss b/src/gnome-shell/sass/40.0/widgets/_screenshot.scss
new file mode 100644
index 00000000..2316b9bb
--- /dev/null
+++ b/src/gnome-shell/sass/40.0/widgets/_screenshot.scss
@@ -0,0 +1,216 @@
+// Screenshot UI
+
+%osd_button {
+  background-color: transparent;
+  border: none;
+
+  &:hover { background-color: rgba(white, 0.1); }
+  &:active { background-color: rgba(white, 0.2); }
+}
+
+.icon-label-button-container {
+  spacing: $base_padding;
+
+  StIcon { icon-size: 32px; }
+}
+
+$screenshot_ui_panel_padding: $base_padding * 3;
+$screenshot_ui_shot_cast_margin: $base_padding * 3;
+$screenshot_ui_panel_border_radius: $base_padding * 4;
+$screenshot_ui_shot_cast_spacing: $base_padding / 2;
+
+$screenshot_ui_button_red: $error_color;
+
+.screenshot-ui-panel {
+  border-radius: $screenshot_ui_panel_border_radius;
+  padding: $screenshot_ui_panel_padding;
+  // Reduce the bottom padding a little to accommodate the large capture button.
+  margin-bottom: 4em;
+  spacing: $base_padding * 2;
+  color: $osd_fg_color;
+  background-color: darken($system_bg_color, 5%);
+  border: 1px solid darken($system_bg_color, 15%);
+  box-shadow: 0 3px 8px 0 rgba(black, 0.25);
+}
+
+.screenshot-ui-close-button {
+  @extend .window-close; // copy window close button
+  padding: $base_padding !important; // but with more padding
+
+  &.left { margin-left: $base_padding + 2px; }
+  &.right { margin-right: $base_padding + 2px; }
+}
+
+.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;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: $circular_radius;
+  border: 4px white;
+  padding: $base_margin;
+
+  .screenshot-ui-capture-button-circle {
+    background-color: white;
+    transition-duration: 200ms;
+    border-radius: $circular_radius;
+
+    &:hover, &:focus { background-color: rgba($fg_color, 0.1); }
+  }
+
+  &:hover, &:focus {
+    .screenshot-ui-capture-button-circle {
+      background-color: darken(white, 15%);
+    }
+  }
+
+  &:active {
+    .screenshot-ui-capture-button-circle {
+      background-color: darken(white, 50%);
+    }
+  }
+
+  &:cast {
+    .screenshot-ui-capture-button-circle {
+      background-color: $screenshot_ui_button_red;
+    }
+
+    &:hover, &:focus {
+      .screenshot-ui-capture-button-circle {
+        background-color: lighten($screenshot_ui_button_red, 5%);
+      }
+    }
+
+    &:active {
+      .screenshot-ui-capture-button-circle {
+        background-color: darken($screenshot_ui_button_red, 7%);
+      }
+    }
+  }
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(white, 0.06);
+  border-radius: $circular_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; }
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: $base_padding $base_padding * 2;
+  background-color: transparent;
+  border-radius: $circular_radius;
+
+  &:hover, &:focus { background-color: rgba(white, 0.1); }
+  &:active { background-color: rgba(white, 0.2); }
+  &:checked { background-color: white; color: black; }
+
+  StIcon { icon-size: 16px; }
+}
+
+.screenshot-ui-show-pointer-button {
+  @extend %osd_button;
+  border-radius: $circular_radius;
+  padding: $base_padding * 2 !important;
+
+  StIcon { icon-size: 16px; }
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0,0,0,.3);
+}
+
+.screenshot-ui-area-selector {
+  .screenshot-ui-area-indicator-shade {
+    background-color: rgba(0,0,0,.5);
+  }
+
+  .screenshot-ui-area-indicator-selection {
+    border: 2px white;
+  }
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: $circular_radius;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: $osd_bg_color;
+
+  .screenshot-ui-window-selector-window-container {
+    margin: 100px;
+  }
+
+  &:primary-monitor {
+    .screenshot-ui-window-selector-window-container {
+      // Make some room for the panel.
+      margin-bottom: 200px;
+    }
+  }
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: $base_border_radius;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: $circular_radius;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window {
+  &:hover {
+    .screenshot-ui-window-selector-window-border {
+      border-color: darken($selected_bg_color, 15%);
+    }
+  }
+  &:checked {
+    .screenshot-ui-window-selector-window-border {
+      border-color: $selected_bg_color;
+      background-color: transparentize($selected_bg_color, 0.8);
+    }
+
+    .screenshot-ui-window-selector-check {
+      color: white;
+      background-color: $selected_bg_color;
+    }
+  }
+}
+
+.screenshot-ui-screen-selector {
+  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);}
+  &:checked {
+    background-color: transparent;
+    border: 2px white;
+  }
+}
+
+.screenshot-ui-tooltip {
+  color: $osd_fg_color;
+  background-color: $osd_bg_color;
+  border-radius: $circular_radius;
+  padding: $base_padding $base_padding * 2;
+  text-align: center;
+  -y-offset: 24px;
+}
diff --git a/src/gtk/gtk-3.0/gtk-aliz.css b/src/gtk/gtk-3.0/gtk-aliz.css
index d79ed82b..74b0a570 100644
--- a/src/gtk/gtk-3.0/gtk-aliz.css
+++ b/src/gtk/gtk-3.0/gtk-aliz.css
@@ -1753,6 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2710,7 +2711,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2746,13 +2747,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4844,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4855,19 @@ headerbar button.titlebutton,
   background-color: rgba(34, 34, 34, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #d0c8c8;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(208, 200, 200, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #F0544C;
   background-color: #F0544C;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4877,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5071,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #d0c8c8;
@@ -5112,45 +5085,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(240, 84, 76, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #d0c8c8;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F0544C 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(208, 200, 200, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(208, 200, 200, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(240, 84, 76, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #d0c8c8;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5151,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F0544C 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(208, 200, 200, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(208, 200, 200, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(208, 200, 200, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #d0c8c8;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #d0c8c8;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9502,7 +9559,7 @@ scale.warmth trough {
   border-bottom-right-radius: 3px;
   border: solid rgba(0, 0, 0, 0.1);
   border-width: 0 1px 1px 1px;
-  box-shadow: inset 0 1px rgba(41, 41, 41, 0.95);
+  box-shadow: inset 0 1px #f2f2f2;
 }
 
 #buttonbox_frame button {
@@ -9786,7 +9843,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 filechooser paned > separator:dir(ltr),
@@ -9990,7 +10047,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-azul.css b/src/gtk/gtk-3.0/gtk-azul.css
index 3926bb81..564a95a9 100644
--- a/src/gtk/gtk-3.0/gtk-azul.css
+++ b/src/gtk/gtk-3.0/gtk-azul.css
@@ -1753,6 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2710,7 +2711,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2746,13 +2747,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4844,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4855,19 @@ headerbar button.titlebutton,
   background-color: rgba(27, 29, 36, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #c6cbcf;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(198, 203, 207, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #3498db;
   background-color: #3498db;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4877,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5071,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #c6cbcf;
@@ -5112,45 +5085,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(52, 152, 219, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #c6cbcf;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(198, 203, 207, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(198, 203, 207, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(52, 152, 219, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #c6cbcf;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5151,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(198, 203, 207, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(198, 203, 207, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(198, 203, 207, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #c6cbcf;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #c6cbcf;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9502,7 +9559,7 @@ scale.warmth trough {
   border-bottom-right-radius: 3px;
   border: solid rgba(0, 0, 0, 0.1);
   border-width: 0 1px 1px 1px;
-  box-shadow: inset 0 1px rgba(37, 40, 48, 0.95);
+  box-shadow: inset 0 1px #f2f2f2;
 }
 
 #buttonbox_frame button {
@@ -9786,7 +9843,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 40, 48, 0.95), rgba(37, 40, 48, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 filechooser paned > separator:dir(ltr),
@@ -9990,7 +10047,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 40, 48, 0.95), rgba(37, 40, 48, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-dark-aliz.css b/src/gtk/gtk-3.0/gtk-dark-aliz.css
index 9fa8c93a..da55dda5 100644
--- a/src/gtk/gtk-3.0/gtk-dark-aliz.css
+++ b/src/gtk/gtk-3.0/gtk-dark-aliz.css
@@ -1753,7 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
 }
 
 .tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar {
@@ -2710,7 +2710,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #222222;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
@@ -2746,13 +2746,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4843,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4854,19 @@ headerbar button.titlebutton,
   background-color: rgba(26, 26, 26, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #d0c8c8;
   border-color: rgba(0, 0, 0, 0.25);
   background-color: rgba(208, 200, 200, 0.18);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: transparent;
   background-color: #F0544C;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4876,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5070,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #d0c8c8;
@@ -5112,45 +5084,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(240, 84, 76, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #d0c8c8;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F0544C 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(208, 200, 200, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(208, 200, 200, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(240, 84, 76, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #d0c8c8;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5150,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F0544C 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.25);
   background-color: rgba(208, 200, 200, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(208, 200, 200, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(208, 200, 200, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #d0c8c8;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #d0c8c8;
+  background-color: rgba(208, 200, 200, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #d0c8c8;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9785,7 +9841,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #191919, #191919);
 }
 
 filechooser.csd.background, filechooser placessidebar list,
@@ -9979,7 +10035,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #191919, #191919);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-dark-azul.css b/src/gtk/gtk-3.0/gtk-dark-azul.css
index 6610a096..78c077bb 100644
--- a/src/gtk/gtk-3.0/gtk-dark-azul.css
+++ b/src/gtk/gtk-3.0/gtk-dark-azul.css
@@ -1753,7 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
 }
 
 .tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar {
@@ -2710,7 +2710,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #1b1d24;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
@@ -2746,13 +2746,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4843,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4854,19 @@ headerbar button.titlebutton,
   background-color: rgba(20, 22, 27, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #c6cbcf;
   border-color: rgba(0, 0, 0, 0.25);
   background-color: rgba(198, 203, 207, 0.18);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: transparent;
   background-color: #3498db;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4876,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5070,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #c6cbcf;
@@ -5112,45 +5084,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(52, 152, 219, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #c6cbcf;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(198, 203, 207, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(198, 203, 207, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(52, 152, 219, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #c6cbcf;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5150,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.25);
   background-color: rgba(198, 203, 207, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(198, 203, 207, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(198, 203, 207, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #c6cbcf;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #c6cbcf;
+  background-color: rgba(198, 203, 207, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #c6cbcf;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9785,7 +9841,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 40, 48, 0.95), rgba(37, 40, 48, 0.95));
+  background-image: linear-gradient(to bottom, #17191e, #17191e);
 }
 
 filechooser.csd.background, filechooser placessidebar list,
@@ -9979,7 +10035,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 40, 48, 0.95), rgba(37, 40, 48, 0.95));
+  background-image: linear-gradient(to bottom, #17191e, #17191e);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-dark-pueril.css b/src/gtk/gtk-3.0/gtk-dark-pueril.css
index d92b7098..56ae814c 100644
--- a/src/gtk/gtk-3.0/gtk-dark-pueril.css
+++ b/src/gtk/gtk-3.0/gtk-dark-pueril.css
@@ -1753,7 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
 }
 
 .tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar {
@@ -2710,7 +2710,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #222222;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
@@ -2746,13 +2746,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4843,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4854,19 @@ headerbar button.titlebutton,
   background-color: rgba(26, 26, 26, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #cbcdc9;
   border-color: rgba(0, 0, 0, 0.25);
   background-color: rgba(203, 205, 201, 0.18);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: transparent;
   background-color: #97BB72;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4876,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5070,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #cbcdc9;
@@ -5112,45 +5084,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(151, 187, 114, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #cbcdc9;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #97BB72 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(203, 205, 201, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(203, 205, 201, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(151, 187, 114, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #cbcdc9;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5150,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #97BB72 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.25);
   background-color: rgba(203, 205, 201, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(203, 205, 201, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(203, 205, 201, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #cbcdc9;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #cbcdc9;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9785,7 +9841,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #191919, #191919);
 }
 
 filechooser.csd.background, filechooser placessidebar list,
@@ -9979,7 +10035,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #191919, #191919);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-dark-sea.css b/src/gtk/gtk-3.0/gtk-dark-sea.css
index 7695005b..ba0156a8 100644
--- a/src/gtk/gtk-3.0/gtk-dark-sea.css
+++ b/src/gtk/gtk-3.0/gtk-dark-sea.css
@@ -1753,7 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
 }
 
 .tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar {
@@ -2710,7 +2710,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #1b2224;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
@@ -2746,13 +2746,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4843,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4854,19 @@ headerbar button.titlebutton,
   background-color: rgba(20, 26, 27, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #c6cdcb;
   border-color: rgba(0, 0, 0, 0.25);
   background-color: rgba(198, 205, 203, 0.18);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: transparent;
   background-color: #2eb398;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4876,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5070,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #c6cdcb;
@@ -5112,45 +5084,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(46, 179, 152, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #c6cdcb;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #2eb398 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(198, 205, 203, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(198, 205, 203, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(46, 179, 152, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #c6cdcb;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5150,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #2eb398 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.25);
   background-color: rgba(198, 205, 203, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(198, 205, 203, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(198, 205, 203, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #c6cdcb;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #c6cdcb;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9785,7 +9841,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 45, 48, 0.95), rgba(37, 45, 48, 0.95));
+  background-image: linear-gradient(to bottom, #171d1f, #171d1f);
 }
 
 filechooser.csd.background, filechooser placessidebar list,
@@ -9979,7 +10035,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 45, 48, 0.95), rgba(37, 45, 48, 0.95));
+  background-image: linear-gradient(to bottom, #171d1f, #171d1f);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-light-aliz.css b/src/gtk/gtk-3.0/gtk-light-aliz.css
index 98aa7625..48b12086 100644
--- a/src/gtk/gtk-3.0/gtk-light-aliz.css
+++ b/src/gtk/gtk-3.0/gtk-light-aliz.css
@@ -1754,7 +1754,6 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2709,7 +2708,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2745,13 +2744,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4842,8 +4841,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4854,26 +4852,19 @@ headerbar button.titlebutton,
   background-color: rgba(242, 242, 242, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #323232;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(50, 50, 50, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #F0544C;
   background-color: #F0544C;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4883,107 +4874,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
@@ -5097,9 +5068,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #323232;
@@ -5111,45 +5082,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(240, 84, 76, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #323232;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F0544C 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(50, 50, 50, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(50, 50, 50, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(240, 84, 76, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #323232;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5157,21 +5148,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F0544C 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(50, 50, 50, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(50, 50, 50, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(50, 50, 50, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #323232;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #323232;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
diff --git a/src/gtk/gtk-3.0/gtk-light-azul.css b/src/gtk/gtk-3.0/gtk-light-azul.css
index a5a318d7..e907f874 100644
--- a/src/gtk/gtk-3.0/gtk-light-azul.css
+++ b/src/gtk/gtk-3.0/gtk-light-azul.css
@@ -1754,7 +1754,6 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2709,7 +2708,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2745,13 +2744,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4842,8 +4841,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4854,26 +4852,19 @@ headerbar button.titlebutton,
   background-color: rgba(242, 242, 242, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #2b2f3b;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(43, 47, 59, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #3498db;
   background-color: #3498db;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4883,107 +4874,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
@@ -5097,9 +5068,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #2b2f3b;
@@ -5111,45 +5082,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(52, 152, 219, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #2b2f3b;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(43, 47, 59, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(43, 47, 59, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(52, 152, 219, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #2b2f3b;
+  background-color: rgba(43, 47, 59, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #2b2f3b;
+  background-color: rgba(43, 47, 59, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #2b2f3b;
+  background-color: rgba(43, 47, 59, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #2b2f3b;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5157,21 +5148,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(43, 47, 59, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(43, 47, 59, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(43, 47, 59, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #2b2f3b;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #2b2f3b;
+  background-color: rgba(43, 47, 59, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #2b2f3b;
+  background-color: rgba(43, 47, 59, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #2b2f3b;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
diff --git a/src/gtk/gtk-3.0/gtk-light-pueril.css b/src/gtk/gtk-3.0/gtk-light-pueril.css
index 8212bf67..1feb4d46 100644
--- a/src/gtk/gtk-3.0/gtk-light-pueril.css
+++ b/src/gtk/gtk-3.0/gtk-light-pueril.css
@@ -1754,7 +1754,6 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2709,7 +2708,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2745,13 +2744,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4842,8 +4841,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4854,26 +4852,19 @@ headerbar button.titlebutton,
   background-color: rgba(242, 242, 242, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #323232;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(50, 50, 50, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #97BB72;
   background-color: #97BB72;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4883,107 +4874,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
@@ -5097,9 +5068,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #323232;
@@ -5111,45 +5082,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(151, 187, 114, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #323232;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #97BB72 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(50, 50, 50, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(50, 50, 50, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(151, 187, 114, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #323232;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5157,21 +5148,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #97BB72 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(50, 50, 50, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(50, 50, 50, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(50, 50, 50, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #323232;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #323232;
+  background-color: rgba(50, 50, 50, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #323232;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
diff --git a/src/gtk/gtk-3.0/gtk-light-sea.css b/src/gtk/gtk-3.0/gtk-light-sea.css
index c04c6a45..e3adc06f 100644
--- a/src/gtk/gtk-3.0/gtk-light-sea.css
+++ b/src/gtk/gtk-3.0/gtk-light-sea.css
@@ -1754,7 +1754,6 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2709,7 +2708,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2745,13 +2744,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4842,8 +4841,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4854,26 +4852,19 @@ headerbar button.titlebutton,
   background-color: rgba(242, 242, 242, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #273134;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(39, 49, 52, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #2eb398;
   background-color: #2eb398;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4883,107 +4874,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png"));
 }
 
@@ -5097,9 +5068,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #273134;
@@ -5111,45 +5082,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(46, 179, 152, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #273134;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #2eb398 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(39, 49, 52, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(39, 49, 52, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(46, 179, 152, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #273134;
+  background-color: rgba(39, 49, 52, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #273134;
+  background-color: rgba(39, 49, 52, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #273134;
+  background-color: rgba(39, 49, 52, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #273134;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5157,21 +5148,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #2eb398 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(39, 49, 52, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(39, 49, 52, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(39, 49, 52, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #273134;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #273134;
+  background-color: rgba(39, 49, 52, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #273134;
+  background-color: rgba(39, 49, 52, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #273134;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
diff --git a/src/gtk/gtk-3.0/gtk-pueril.css b/src/gtk/gtk-3.0/gtk-pueril.css
index 39013dfd..b663bc9a 100644
--- a/src/gtk/gtk-3.0/gtk-pueril.css
+++ b/src/gtk/gtk-3.0/gtk-pueril.css
@@ -1753,6 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2710,7 +2711,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2746,13 +2747,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4844,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4855,19 @@ headerbar button.titlebutton,
   background-color: rgba(34, 34, 34, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #cbcdc9;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(203, 205, 201, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #97BB72;
   background-color: #97BB72;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4877,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5071,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #cbcdc9;
@@ -5112,45 +5085,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(151, 187, 114, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #cbcdc9;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #97BB72 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(203, 205, 201, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(203, 205, 201, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(151, 187, 114, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #cbcdc9;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5151,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #97BB72 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(203, 205, 201, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(203, 205, 201, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(203, 205, 201, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #cbcdc9;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #cbcdc9;
+  background-color: rgba(203, 205, 201, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #cbcdc9;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9502,7 +9559,7 @@ scale.warmth trough {
   border-bottom-right-radius: 3px;
   border: solid rgba(0, 0, 0, 0.1);
   border-width: 0 1px 1px 1px;
-  box-shadow: inset 0 1px rgba(41, 41, 41, 0.95);
+  box-shadow: inset 0 1px #f2f2f2;
 }
 
 #buttonbox_frame button {
@@ -9786,7 +9843,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 filechooser paned > separator:dir(ltr),
@@ -9990,7 +10047,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.95), rgba(41, 41, 41, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/gtk-3.0/gtk-sea.css b/src/gtk/gtk-3.0/gtk-sea.css
index b713b9e3..7ab3c87a 100644
--- a/src/gtk/gtk-3.0/gtk-sea.css
+++ b/src/gtk/gtk-3.0/gtk-sea.css
@@ -1753,6 +1753,7 @@ headerbar.default-decoration button.titlebutton {
 }
 
 .titlebar, .titlebar headerbar {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.13);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.13);
 }
 
@@ -2710,7 +2711,7 @@ menu > arrow:disabled,
 
 popover,
 popover.background {
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
   background-color: #ffffff;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
@@ -2746,13 +2747,13 @@ popover.background > scrolledwindow > viewport > list {
   background-color: transparent;
 }
 
-popover > scrolledwindow > viewport > list,
-popover.background > scrolledwindow > viewport > list {
+popover.combo > scrolledwindow > viewport > list,
+popover.background.combo > scrolledwindow > viewport > list {
   margin: 6px;
 }
 
-popover > scrolledwindow > viewport > list row,
-popover.background > scrolledwindow > viewport > list row {
+popover.combo > scrolledwindow > viewport > list row,
+popover.background.combo > scrolledwindow > viewport > list row {
   padding: 6px 12px;
   border-radius: 2px;
 }
@@ -4843,8 +4844,7 @@ messagedialog.csd decoration {
   box-shadow: none;
 }
 
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+headerbar button.titlebutton {
   margin: 0;
   padding: 0;
   min-width: 28px;
@@ -4855,26 +4855,19 @@ headerbar button.titlebutton,
   background-color: rgba(27, 34, 36, 0);
 }
 
-headerbar button.titlebutton:hover,
-.titlebar button.titlebutton:hover {
+headerbar button.titlebutton:hover {
   color: #c6cdcb;
   border-color: rgba(0, 0, 0, 0.15);
   background-color: rgba(198, 205, 203, 0.12);
 }
 
-headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
-.titlebar button.titlebutton:active,
-.titlebar button.titlebutton:checked {
+headerbar button.titlebutton:active, headerbar button.titlebutton:checked {
   color: #ffffff;
   border-color: #2eb398;
   background-color: #2eb398;
 }
 
-headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.close,
-.titlebar button.titlebutton.maximize,
-.titlebar button.titlebutton.minimize,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore {
   min-width: 30px;
   min-height: 28px;
   color: transparent;
@@ -4884,107 +4877,87 @@ headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, heade
   border-width: 0;
 }
 
-headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop {
   opacity: 1;
 }
 
-headerbar button.titlebutton.close,
-.titlebar button.titlebutton.close {
+headerbar button.titlebutton.close {
   background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:backdrop,
-.titlebar button.titlebutton.close:backdrop {
+headerbar button.titlebutton.close:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:hover,
-.titlebar button.titlebutton.close:hover {
+headerbar button.titlebutton.close:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.close:active,
-.titlebar button.titlebutton.close:active {
+headerbar button.titlebutton.close:active {
   background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize,
-.titlebar button.titlebutton.maximize {
+headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:backdrop,
-.titlebar button.titlebutton.maximize:backdrop {
+headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:hover,
-.titlebar button.titlebutton.maximize:hover {
+headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.maximize:active,
-.titlebar button.titlebutton.maximize:active {
+headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize,
-.titlebar button.titlebutton.minimize {
+headerbar button.titlebutton.minimize {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:backdrop,
-.titlebar button.titlebutton.minimize:backdrop {
+headerbar button.titlebutton.minimize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:hover,
-.titlebar button.titlebutton.minimize:hover {
+headerbar button.titlebutton.minimize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.minimize:active,
-.titlebar button.titlebutton.minimize:active {
+headerbar button.titlebutton.minimize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore,
-.titlebar button.titlebutton.restore {
+headerbar button.titlebutton.restore {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:backdrop,
-.titlebar button.titlebutton.restore:backdrop {
+headerbar button.titlebutton.restore:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:hover,
-.titlebar button.titlebutton.restore:hover {
+headerbar button.titlebutton.restore:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-headerbar button.titlebutton.restore:active,
-.titlebar button.titlebutton.restore:active {
+headerbar button.titlebutton.restore:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png"));
 }
 
-.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active {
   background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png"));
 }
 
@@ -5098,9 +5071,9 @@ terminal-window notebook scrollbar,
 }
 
 window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, window.thunar .inline-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle {
   background-color: transparent;
   background-image: none;
   color: #c6cdcb;
@@ -5112,45 +5085,65 @@ window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) butto
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover {
   background-color: transparent;
   box-shadow: inset 0 -2px rgba(46, 179, 152, 0.5);
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active,
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active {
   color: #c6cdcb;
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #2eb398 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled {
   color: rgba(198, 205, 203, 0.4);
   background-color: transparent;
 }
 
 window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, window.thunar .inline-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled,
-.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
+.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled {
   color: rgba(198, 205, 203, 0.4);
   background-color: transparent;
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(46, 179, 152, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box {
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  border-radius: 2px;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:hover {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:active {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup:checked {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.15);
+}
+
+.nautilus-window headerbar.titlebar .path-bar-box {
   margin: 6px 0 4px 0;
   border-radius: 3px;
   color: #c6cdcb;
   background-color: transparent;
 }
 
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
-.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.text-button.toggle:disabled,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active,
+.nautilus-window headerbar.titlebar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled {
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 6px 4px 6px;
@@ -5158,21 +5151,85 @@ window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar butto
   border-radius: 0;
 }
 
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
-.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar.titlebar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
   border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #2eb398 100%, transparent 0%) 0 0 2/0 0 2px;
 }
 
-.nautilus-window headerbar .path-bar-box.width-maximized {
+.nautilus-window headerbar.titlebar .path-bar-box.width-maximized {
   border: 1px solid rgba(0, 0, 0, 0.15);
   background-color: rgba(198, 205, 203, 0.06);
 }
 
-.nautilus-window headerbar .path-bar-box.background.frame {
+.nautilus-window headerbar.titlebar .path-bar-box.background.frame {
   border: none;
   background-color: transparent;
 }
 
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(198, 205, 203, 0.06);
+  border-radius: 2px;
+  margin: 6px 0;
+  border: none;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar > button.popup {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box {
+  padding: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button {
+  margin: 0;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle {
+  color: rgba(198, 205, 203, 0.85);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:hover, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:hover,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:active, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:active,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.dim-label:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .slate-notification .path-buttons-box > box > button > box > label.notification-body:checked, .slate-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-notification .path-buttons-box > box > button > box > label.notification-body:checked,
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .budgie-switcher .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-notification .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked,
+.budgie-switcher .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.notification-body:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.separator:checked, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button > box > label.subtitle:checked {
+  color: #c6cdcb;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:hover {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.1);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:active, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button:checked {
+  color: #c6cdcb;
+  background-color: rgba(198, 205, 203, 0.2);
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir {
+  color: #c6cdcb;
+}
+
+.nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:hover, .nautilus-window headerbar.titlebar.windowhandle .linked.nautilus-path-bar .path-buttons-box > box > button.current-dir:active {
+  background: none;
+  box-shadow: none;
+  border-image: none;
+}
+
 .nautilus-canvas-item, .caja-canvas-item {
   border-radius: 2px;
 }
@@ -9502,7 +9559,7 @@ scale.warmth trough {
   border-bottom-right-radius: 3px;
   border: solid rgba(0, 0, 0, 0.1);
   border-width: 0 1px 1px 1px;
-  box-shadow: inset 0 1px rgba(37, 45, 48, 0.95);
+  box-shadow: inset 0 1px #f2f2f2;
 }
 
 #buttonbox_frame button {
@@ -9786,7 +9843,7 @@ GtkListBox .h4 {
 
 filechooser paned > separator,
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 45, 48, 0.95), rgba(37, 45, 48, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 filechooser paned > separator:dir(ltr),
@@ -9990,7 +10047,7 @@ filechooser actionbar label, filechooser actionbar combobox {
 }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to bottom, rgba(37, 45, 48, 0.95), rgba(37, 45, 48, 0.95));
+  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
 }
 
 .gedit-bottom-panel-paned > separator {
diff --git a/src/gtk/sass/_colors.scss b/src/gtk/sass/_colors.scss
index 94b54d66..93e3cd4e 100644
--- a/src/gtk/sass/_colors.scss
+++ b/src/gtk/sass/_colors.scss
@@ -94,7 +94,7 @@ $dark_sidebar_bg: #303b3e;
 @if $color=='azul' { $dark_sidebar_bg: if($variant == 'light' and $header == 'light', rgba(#f8f8f8, 0.95), rgba(#30343e, 0.95)); }
 @if $color=='pueril' { $dark_sidebar_bg: if($variant == 'light' and $header == 'light', rgba(#f8f8f8, 0.95), rgba(#363636, 0.95)); }
 $dark_sidebar_fg: if($variant == 'light' and $header == 'light', $text_color, mix($selected_bg_color, #cecece, 5%));
-$dark_sidebar_border: if($variant == 'light' and $header == 'light', darken($dark_sidebar_bg, 15%), darken($dark_sidebar_bg, 5%));
+$dark_sidebar_border: if($variant == 'light' and $header == 'light', darken($dark_sidebar_bg, 15%), darken($base_color, 5%));
 
 $osd_fg_color: $dark_sidebar_fg;
 $osd_bg_color: rgba($header_bg, 0.95);
diff --git a/src/gtk/sass/_common-3.0.scss b/src/gtk/sass/_common-3.0.scss
index 004708c2..d81fd120 100644
--- a/src/gtk/sass/_common-3.0.scss
+++ b/src/gtk/sass/_common-3.0.scss
@@ -1305,9 +1305,9 @@ headerbar,
   }
 
   &, & headerbar {
-    box-shadow: inset 0 1px $highlight;
+    box-shadow: inset 0 -1px $borders_color, inset 0 1px $highlight;
 
-    @if $header == 'light' { box-shadow: inset 0 -1px $borders_color, inset 0 1px $highlight; }
+    @if $header == 'dark' and $variant == 'light' { box-shadow: inset 0 1px $highlight; }
 
     .tiled &,
     .maximized &,
@@ -2103,16 +2103,14 @@ menu,
 //
 popover,
 popover.background {
-  $_popover_bg: if($variant=='light', $base_color, $bg_color);
-  padding: 2px;
+  padding: 0;
   background-clip: border-box;
-  background-color: $_popover_bg;
-
+  background-color: $menu_bg_color;
   box-shadow: 0 2px 6px 0 if($variant=='light', rgba(black, 0.07), rgba(black, 0.35));
 
   .csd &, & { border: 1px solid $borders_color; border-radius: 3px; }
 
-  & separator { background-color: $_popover_bg; }
+  & separator { background-color: $menu_bg_color; }
 
   label.separator {
     @extend .dim-label;
@@ -2128,7 +2126,7 @@ popover.background {
     background-color: transparent;
   }
 
-  > scrolledwindow > viewport > list {
+  &.combo > scrolledwindow > viewport > list {
     margin: 6px;
 
     row {
@@ -2203,52 +2201,52 @@ notebook {
 
           // tab border shadows
           @if $_pos==top {
-              &:not(:only-child) {
-                &:first-child { margin-left: 6px; }
-                &:last-child { margin-right: 6px; }
-              }
-              &:hover {
-                box-shadow: inset 0 -2px gtkalpha($selected_bg_color, 0.6), 0 1px gtkalpha($selected_bg_color, 0.6);
-              }
-              &:checked {
-                box-shadow: inset 0 -2px $selected_bg_color, 0 1px $selected_bg_color;
-              }
+            &:not(:only-child) {
+              &:first-child { margin-left: 6px; }
+              &:last-child { margin-right: 6px; }
+            }
+            &:hover {
+              box-shadow: inset 0 -2px gtkalpha($selected_bg_color, 0.6), 0 1px gtkalpha($selected_bg_color, 0.6);
+            }
+            &:checked {
+              box-shadow: inset 0 -2px $selected_bg_color, 0 1px $selected_bg_color;
+            }
           }
           @else if $_pos==bottom {
-              &:not(:only-child) {
-                &:first-child { margin-left: 6px; }
-                &:last-child { margin-right: 6px; }
-              }
-              &:hover {
-                box-shadow: inset 0 2px gtkalpha($selected_bg_color, 0.6), 0 -1px gtkalpha($selected_bg_color, 0.6);
-              }
-              &:checked {
-                box-shadow: inset 0 2px $selected_bg_color, 0 -1px $selected_bg_color;
-              }
+            &:not(:only-child) {
+              &:first-child { margin-left: 6px; }
+              &:last-child { margin-right: 6px; }
+            }
+            &:hover {
+              box-shadow: inset 0 2px gtkalpha($selected_bg_color, 0.6), 0 -1px gtkalpha($selected_bg_color, 0.6);
+            }
+            &:checked {
+              box-shadow: inset 0 2px $selected_bg_color, 0 -1px $selected_bg_color;
+            }
           }
           @else if $_pos==left {
-              &:not(:only-child) {
-                &:first-child { margin-top: 6px; }
-                &:last-child { margin-bottom: 6px; }
-              }
-              &:hover {
-                box-shadow: inset -2px 0 gtkalpha($selected_bg_color, 0.6), 1px 0 gtkalpha($selected_bg_color, 0.6);
-              }
-              &:checked {
-                box-shadow: inset -2px 0 $selected_bg_color, 1px 0 $selected_bg_color;
-              }
+            &:not(:only-child) {
+              &:first-child { margin-top: 6px; }
+              &:last-child { margin-bottom: 6px; }
+            }
+            &:hover {
+              box-shadow: inset -2px 0 gtkalpha($selected_bg_color, 0.6), 1px 0 gtkalpha($selected_bg_color, 0.6);
+            }
+            &:checked {
+              box-shadow: inset -2px 0 $selected_bg_color, 1px 0 $selected_bg_color;
+            }
           }
           @else if $_pos==right {
-              &:not(:only-child) {
-                &:first-child { margin-top: 6px; }
-                &:last-child { margin-bottom: 6px; }
-              }
-              &:hover {
-                box-shadow: inset 2px 0 gtkalpha($selected_bg_color, 0.6), -1px 0 gtkalpha($selected_bg_color, 0.6);
-              }
-              &:checked {
-                box-shadow: inset 2px 0 $selected_bg_color, -1px 0 $selected_bg_color;
-              }
+            &:not(:only-child) {
+              &:first-child { margin-top: 6px; }
+              &:last-child { margin-bottom: 6px; }
+            }
+            &:hover {
+              box-shadow: inset 2px 0 gtkalpha($selected_bg_color, 0.6), -1px 0 gtkalpha($selected_bg_color, 0.6);
+            }
+            &:checked {
+              box-shadow: inset 2px 0 $selected_bg_color, -1px 0 $selected_bg_color;
+            }
           }
         }
       }
@@ -3227,10 +3225,12 @@ placessidebar {
     > revealer {
       padding: 0 10px;
     }
+
     image.sidebar-icon {
       &:dir(ltr) { padding-right: 8px; }
       &:dir(rtl) { padding-left: 8px; }
     }
+
     label.sidebar-label {
       &:dir(ltr) { padding-right: 2px; }
       &:dir(rtl) { padding-left: 2px; }
@@ -3309,11 +3309,13 @@ paned {
 
   &.horizontal > separator {
     background-repeat: repeat-y;
+
     &:dir(ltr) {
       margin: 0 -8px 0 0;
       padding: 0 8px 0 0;
       background-position: left;
     }
+
     &:dir(rtl) {
       margin: 0 0 0 -8px;
       padding: 0 0 0 8px;
@@ -3720,9 +3722,7 @@ decoration {
 //
 // Titlebuttons
 //
-headerbar,
-.titlebar {
-
+headerbar {
   button.titlebutton { // csd titlebuttons
     margin: 0;
     padding: 0;
diff --git a/src/gtk/sass/_transparent-widgets.scss b/src/gtk/sass/_transparent-widgets.scss
index 2681b226..8f2aa9f7 100644
--- a/src/gtk/sass/_transparent-widgets.scss
+++ b/src/gtk/sass/_transparent-widgets.scss
@@ -6,7 +6,7 @@ filechooser,
   paned > separator {
     background-image: _solid($dark_sidebar_border);
 
-    @if $variant=='light' and $header == 'dark' {
+    @if $variant == 'light' and $header == 'dark' {
       &:dir(ltr) { margin-left: -1px; }
       &:dir(rtl) { margin-right: -1px; }
     }
diff --git a/src/gtk/sass/apps/_gnome.scss b/src/gtk/sass/apps/_gnome.scss
index 67d1b360..f475d874 100644
--- a/src/gtk/sass/apps/_gnome.scss
+++ b/src/gtk/sass/apps/_gnome.scss
@@ -73,51 +73,123 @@ terminal-window,
   }
 }
 
-.nautilus-window headerbar {
-  .path-bar-box {
-    margin: 6px 0 4px 0;
-    border-radius: 3px;
+%nautilus_dir_buttons {
+  border-radius: 2px;
+  border: none;
+
+  &:hover {
     color: $header_fg;
-    background-color: transparent;
+    background-color: rgba($header_fg, 0.1);
+  }
+
+  &:active {
+    color: $header_fg;
+    background-color: rgba($header_fg, 0.2);
+  }
+
+  &:checked {
+    color: $header_fg;
+    background-color: rgba($header_fg, 0.15);
+  }
+}
 
-    .path-bar {
-      button.flat.text-button.toggle,
-      button.flat.image-button.text-button.toggle {
-        @extend %pathbar_box_button;
-
-        &, &:hover, &:checked, &:active, &:disabled {
-          margin-top: 0;
-          margin-bottom: 0;
-          padding: 0 6px 4px 6px;
-          min-height: 24px;
-          border-radius: 0;
+.nautilus-window {
+  headerbar.titlebar {
+    .path-bar-box {
+      margin: 6px 0 4px 0;
+      border-radius: 3px;
+      color: $header_fg;
+      background-color: transparent;
+
+      .path-bar {
+        button.flat.text-button.toggle,
+        button.flat.image-button.text-button.toggle {
+          @extend %pathbar_box_button;
+
+          &, &:hover, &:checked, &:active, &:disabled {
+            margin-top: 0;
+            margin-bottom: 0;
+            padding: 0 6px 4px 6px;
+            min-height: 24px;
+            border-radius: 0;
+          }
         }
       }
-    }
 
-    .linked.nautilus-path-bar { // for ≥ 3.31.90
-      button.text-button,
-      button.image-button.text-button {
-        @extend %pathbar_box_button;
+      .linked.nautilus-path-bar { // for ≥ 3.31.90
+        button.text-button,
+        button.image-button.text-button {
+          @extend %pathbar_box_button;
 
-        &:not(:only-child):last-child {
-          border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
-                                        $selected_bg_color 100%,
-                                        transparent 0%)
-                                        0 0 2 / 0 0 2px;
+          &:not(:only-child):last-child {
+            border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
+                                          $selected_bg_color 100%,
+                                          transparent 0%)
+                                          0 0 2 / 0 0 2px;
+          }
         }
       }
-    }
 
-    &.width-maximized {
-      border: 1px solid $borders_color;
-      background-color: rgba($header_fg, 0.06);
+      &.width-maximized {
+        border: 1px solid $borders_color;
+        background-color: rgba($header_fg, 0.06);
+      }
+
+      // workaround for 3.30.1
+      &.background.frame {
+        border: none;
+        background-color: transparent;
+      }
     }
 
-    // workaround for 3.30.1
-    &.background.frame {
+    &.windowhandle .linked.nautilus-path-bar {
+      background-color: rgba($header_fg, 0.06);
+      border-radius: 2px;
+      margin: 6px 0;
       border: none;
-      background-color: transparent;
+
+      > button.popup {
+        margin-top: 0;
+        margin-bottom: 0;
+        @extend %nautilus_dir_buttons;
+      }
+
+      .path-buttons-box {
+        padding: 0;
+
+        > box > button {
+          margin: 0;
+          @extend %nautilus_dir_buttons;
+
+          > box > label.dim-label {
+            color: rgba($header_fg, 0.85);
+
+            &:hover, &:active, &:checked {
+              color: $header_fg;
+            }
+          }
+
+          &:hover {
+            color: $header_fg;
+            background-color: rgba($header_fg, 0.1);
+          }
+
+          &:active, &:checked {
+            color: $header_fg;
+            background-color: rgba($header_fg, 0.2);
+          }
+
+          &.current-dir {
+            color: $header_fg;
+
+            &:hover, &:active {
+              background: none;
+              box-shadow: none;
+              border-image: none;
+            }
+          }
+        }
+      }
     }
   }
 }