diff --git a/src/gnome-shell/gnome-shell-aliz.css b/src/gnome-shell/gnome-shell-aliz.css
index b0688f6e..59ebf166 100644
--- a/src/gnome-shell/gnome-shell-aliz.css
+++ b/src/gnome-shell/gnome-shell-aliz.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.48);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(0, 0, 0, 0.32);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #F0544C;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #F0544C;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {
diff --git a/src/gnome-shell/gnome-shell-azul.css b/src/gnome-shell/gnome-shell-azul.css
index f1633934..a01afac6 100644
--- a/src/gnome-shell/gnome-shell-azul.css
+++ b/src/gnome-shell/gnome-shell-azul.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.48);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(0, 0, 0, 0.32);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #3498db;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #3498db;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {
diff --git a/src/gnome-shell/gnome-shell-dark-aliz.css b/src/gnome-shell/gnome-shell-dark-aliz.css
index fdea4842..9ff8e1dc 100644
--- a/src/gnome-shell/gnome-shell-dark-aliz.css
+++ b/src/gnome-shell/gnome-shell-dark-aliz.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(255, 255, 255, 0.6);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #F0544C;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #F0544C;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {
diff --git a/src/gnome-shell/gnome-shell-dark-azul.css b/src/gnome-shell/gnome-shell-dark-azul.css
index a65daa51..7711182f 100644
--- a/src/gnome-shell/gnome-shell-dark-azul.css
+++ b/src/gnome-shell/gnome-shell-dark-azul.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(255, 255, 255, 0.6);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #3498db;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #3498db;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {
diff --git a/src/gnome-shell/gnome-shell-dark-sea.css b/src/gnome-shell/gnome-shell-dark-sea.css
index 256a1cd8..bc0e23d2 100644
--- a/src/gnome-shell/gnome-shell-dark-sea.css
+++ b/src/gnome-shell/gnome-shell-dark-sea.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(255, 255, 255, 0.6);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #2eb398;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #2eb398;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {
diff --git a/src/gnome-shell/gnome-shell-sea.css b/src/gnome-shell/gnome-shell-sea.css
index c5c92a4d..1c90e57a 100644
--- a/src/gnome-shell/gnome-shell-sea.css
+++ b/src/gnome-shell/gnome-shell-sea.css
@@ -1553,6 +1553,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .message {
   min-height: 56px;
   background-color: transparent;
+  border: none;
   border-radius: 2px;
 }
 
@@ -1576,6 +1577,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   icon-size: 32px;
 }
 
+.message-icon-bin > .fallback-window-icon {
+  width: 1.09em;
+  height: 1.09em;
+}
+
 .message-secondary-bin:ltr {
   padding-left: 8px;
 }
@@ -1588,6 +1594,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.48);
 }
 
+.message-secondary-bin > .event-time {
+  color: rgba(0, 0, 0, 0.32);
+  font-size: 0.7em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0.13em;
+}
+
 .message-secondary-bin > StIcon {
   icon-size: 16px;
 }
@@ -1877,13 +1891,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   margin: 0;
   font-weight: bold;
   color: rgba(255, 255, 255, 0.75);
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.8);
 }
 
 #overview .app-view-control:hover {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.15);
   box-shadow: none;
 }
 
@@ -1959,16 +1973,25 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0 8px;
   border-radius: 20px;
   color: #FAFAFA;
-  background-color: rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid rgba(0, 0, 0, 0.8);
   text-shadow: none;
 }
 
+.search-entry:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.search-entry:hover .search-entry-icon {
+  color: #FFFFFF;
+}
+
 .search-entry:focus {
   padding: 0 8px;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   box-shadow: none;
   border: 1px solid #2eb398;
 }
@@ -1979,15 +2002,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: #FAFAFA;
 }
 
-.search-entry:hover {
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.search-entry:hover .search-entry-icon {
-  color: #FFFFFF;
-}
-
 #searchResultsBin {
   max-width: 1000px;
 }
@@ -2047,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 #dash {
   font-size: 1em;
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   padding: 3px 0;
   border: none;
   border-left: 0px;
@@ -2131,9 +2145,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app-running-dot {
-  width: 32px;
+  width: 24px;
   height: 2px;
-  background-color: #FFFFFF;
+  background-color: #2eb398;
   margin-bottom: 0;
 }
 
@@ -2151,7 +2165,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .app-well-app.app-folder > .overview-icon {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 .show-apps .show-apps-icon {
@@ -2168,7 +2182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .app-folder-popup {
   -arrow-border-radius: 2px;
-  -arrow-background-color: rgba(0, 0, 0, 0.25);
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
   -arrow-base: 24px;
   -arrow-rise: 12px;
 }
@@ -2264,7 +2278,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .workspace-thumbnails {
   color: #FFFFFF;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
   border: none;
 }
 
@@ -3238,7 +3252,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #dashtodockContainer:overview #dash {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 #dashtodockContainer.extended:overview #dash {
diff --git a/src/gnome-shell/sass/_colors.scss b/src/gnome-shell/sass/_colors.scss
index 32551c2a..edfe25bc 100644
--- a/src/gnome-shell/sass/_colors.scss
+++ b/src/gnome-shell/sass/_colors.scss
@@ -37,7 +37,7 @@ $base_color: if($variant =='light', #FAFAFA, #1b2224);
 $secondary_base_color: scale-alpha($fg_color, 0.05);
 $bg_color: scale-alpha(#000000, $middle_opacity);
 $osd_bg_color: scale-alpha(#000000, $lower_opacity);
-$overview_bg_color: scale-alpha(#000000, 0.25);
+$overview_bg_color: scale-alpha(#ffffff, 0.10);
 $topbar_color: #1b2224;
 @if $color=='sea' { $topbar_color: #1b2224; }
 @if $color=='aliz' { $topbar_color: #222222; }
diff --git a/src/gnome-shell/sass/_common.scss b/src/gnome-shell/sass/_common.scss
index 1a20f2f2..0aab5c1a 100644
--- a/src/gnome-shell/sass/_common.scss
+++ b/src/gnome-shell/sass/_common.scss
@@ -1346,6 +1346,7 @@ StScrollBar {
         .message {
           min-height: $menuitem_size * 2;
           background-color: transparent;
+          border: none;
           &:hover,&:focus { background-color: $semi_track_color; }
           &:active { background-color: $track_color; }
           border-radius: 2px;
@@ -1360,6 +1361,11 @@ StScrollBar {
             icon-size: 32px;
           }
 
+          .message-icon-bin > .fallback-window-icon {
+            width: 1.09em;
+            height: 1.09em;
+          }
+
           .message-secondary-bin {
             &:ltr { padding-left: 8px; }
             &:rtl { padding-right: 8px; }
@@ -1369,6 +1375,14 @@ StScrollBar {
             color: $tertiary_fg_color;
           }
 
+          .message-secondary-bin > .event-time {
+            color: $insensitive_fg_color;
+            font-size: 0.7em;
+            /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+            padding-bottom: 0.13em;
+          }
+
           .message-secondary-bin > StIcon {
             icon-size: 16px;
           }
@@ -1589,12 +1603,12 @@ StScrollBar {
     margin: 0;
     font-weight: bold;
     color: $secondary_selected_fg_color;
-    background-color: rgba(black, 0.35);
+    background-color: rgba(white, 0.10);
     border: 1px solid rgba(black, 0.8);
 
     &:hover {
       color: $selected_fg_color;
-      background-color: rgba(black, 0.25);
+      background-color: rgba(white, 0.15);
       box-shadow: none;
     }
     &:active {
@@ -1659,26 +1673,26 @@ StScrollBar {
   padding: 0 8px;
   border-radius: 20px;
   color: $entry_color;
-  background-color: rgba(black, 0.35);
+  background-color: rgba(white, 0.10);
   box-shadow: none;
   border: 1px solid rgba(black, 0.8);
   text-shadow: none;
 
+  &:hover {
+    .search-entry-icon { color: $entry_hover_color; }
+    box-shadow: none;
+    background-color: rgba(white, 0.15);
+  }
+
   &:focus {
     padding: 0 8px;
     color: $entry_hover_color;
-    background-color: rgba(black, 0.25);
+    background-color: rgba(white, 0.10);
     box-shadow: none;
     border: 1px solid $selected_bg_color;
   }
 
   .search-entry-icon { icon-size: 16px; padding: 0 0; color: $entry_color; }
-
-  &:hover {
-    .search-entry-icon { color: $entry_hover_color; }
-    box-shadow: none;
-    background-color: rgba(black, 0.25);
-  }
 }
 
 //search results
@@ -1799,8 +1813,8 @@ StScrollBar {
 }
 
 .app-well-app-running-dot { //running apps indicator
-  width: 32px; height: 2px;
-  background-color: $selected_fg_color;
+  width: 24px; height: 2px;
+  background-color: $selected_bg_color;
   margin-bottom: 0;
 }