update #96

install.sh

@@ -133,6 +133,7 @@ install() {
 
   if [[ ${alt} == '-alt' || ${opacity} == '-solid' ]] &&  [[ ${color} == '-light' ]]; then
     cp -r ${SRC_DIR}/assets/gnome-shell/activities-black/activities${icon}.svg          ${THEME_DIR}/gnome-shell/assets/activities.svg
+    cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg                ${THEME_DIR}/gnome-shell/assets/activities-white.svg
   fi
 
   mkdir -p                                                                              ${THEME_DIR}/gtk-2.0

src/main/gnome-shell/gdm3-dark.css

@@ -65,7 +65,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content {
   background-color: rgba(36, 36, 36, 0.95);
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0.75);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough {
@@ -975,8 +975,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -985,8 +986,8 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -994,8 +995,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -1003,7 +1005,7 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
   color: rgba(255, 255, 255, 0.45);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;

src/main/gnome-shell/gdm3-light.css

@@ -65,7 +65,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content {
   background-color: rgba(245, 245, 245, 0.95);
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough {
@@ -975,8 +975,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -985,7 +986,7 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -994,8 +995,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }

src/main/gnome-shell/gnome-shell-dark-alt.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #dedede;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -113,7 +114,7 @@ stage {
 
 .hotplug-notification-item:insensitive {
   color: rgba(222, 222, 222, 0.35);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
@@ -121,8 +122,8 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #dedede;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -131,12 +132,14 @@ stage {
   color: #dedede;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #dedede;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: rgba(36, 36, 36, 0.95);
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0.75);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.16);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,8 +2108,8 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2100,7 +2127,7 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
   color: rgba(255, 255, 255, 0.45);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;

src/main/gnome-shell/gnome-shell-dark-solid-alt.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #dedede;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -113,7 +114,7 @@ stage {
 
 .hotplug-notification-item:insensitive {
   color: rgba(222, 222, 222, 0.35);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
@@ -121,8 +122,8 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #dedede;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -131,12 +132,14 @@ stage {
   color: #dedede;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #dedede;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: #242424;
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0.75);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.16);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,8 +2108,8 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2100,7 +2127,7 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
   color: rgba(255, 255, 255, 0.45);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
@@ -3093,7 +3120,7 @@ StEntry StLabel.hint-text {
 }
 
 #panel {
-  background-color: rgba(42, 42, 42, 0.75);
+  background-color: rgba(42, 42, 42, 0.95);
   /* transition from solid to transparent */
   transition-duration: 250ms;
   font-weight: bold;
@@ -3132,7 +3159,7 @@ StEntry StLabel.hint-text {
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: rgba(42, 42, 42, 0.75);
+  -panel-corner-background-color: rgba(42, 42, 42, 0.95);
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
 }

src/main/gnome-shell/gnome-shell-dark-solid.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #dedede;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -113,7 +114,7 @@ stage {
 
 .hotplug-notification-item:insensitive {
   color: rgba(222, 222, 222, 0.35);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
@@ -121,8 +122,8 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #dedede;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -131,12 +132,14 @@ stage {
   color: #dedede;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #dedede;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: #242424;
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0.75);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.16);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,8 +2108,8 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2100,7 +2127,7 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
   color: rgba(255, 255, 255, 0.45);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
@@ -3093,7 +3120,7 @@ StEntry StLabel.hint-text {
 }
 
 #panel {
-  background-color: rgba(42, 42, 42, 0.75);
+  background-color: rgba(42, 42, 42, 0.95);
   /* transition from solid to transparent */
   transition-duration: 250ms;
   font-weight: bold;
@@ -3132,7 +3159,7 @@ StEntry StLabel.hint-text {
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: rgba(42, 42, 42, 0.75);
+  -panel-corner-background-color: rgba(42, 42, 42, 0.95);
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
 }

src/main/gnome-shell/gnome-shell-dark.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #dedede;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -113,7 +114,7 @@ stage {
 
 .hotplug-notification-item:insensitive {
   color: rgba(222, 222, 222, 0.35);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
@@ -121,8 +122,8 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #dedede;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -131,12 +132,14 @@ stage {
   color: #dedede;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #dedede;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: rgba(36, 36, 36, 0.95);
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0.75);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #dedede;
+  background-color: rgba(255, 255, 255, 0.16);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #242424;
+  background-color: #656565;
   border: 1px solid rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,8 +2108,8 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
-  background-color: #2c2c2c;
+  background-color: #6d6d6d;
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.15);
+  background-image: #727272;
+  border: 1px solid rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2100,7 +2127,7 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:insensitive,
 .unlock-dialog .modal-dialog-button:default:insensitive {
   color: rgba(255, 255, 255, 0.45);
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: #656565;
   border-color: rgba(0, 0, 0, 0.15);
   text-shadow: none;
   icon-shadow: none;

src/main/gnome-shell/gnome-shell-light-alt.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #242424;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -121,7 +122,7 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #242424;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -131,12 +132,14 @@ stage {
   color: #242424;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #242424;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: rgba(245, 245, 245, 0.95);
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.12);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,7 +2108,7 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -3307,6 +3334,10 @@ StEntry StLabel.hint-text {
   border: none;
 }
 
+#panel #panelActivities.panel-button:overview > * {
+  background-image: url("assets/activities-white.svg");
+}
+
 .popup-menu {
   min-width: 12em;
   color: #424242;

src/main/gnome-shell/gnome-shell-light-solid-alt.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #242424;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -121,7 +122,7 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #242424;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -131,12 +132,14 @@ stage {
   color: #242424;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #242424;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: #f5f5f5;
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.12);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,7 +2108,7 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -3093,7 +3120,7 @@ StEntry StLabel.hint-text {
 }
 
 #panel {
-  background-color: rgba(241, 241, 241, 0.75);
+  background-color: rgba(241, 241, 241, 0.95);
   /* transition from solid to transparent */
   transition-duration: 250ms;
   font-weight: bold;
@@ -3132,7 +3159,7 @@ StEntry StLabel.hint-text {
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: rgba(241, 241, 241, 0.75);
+  -panel-corner-background-color: rgba(241, 241, 241, 0.95);
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
 }
@@ -3307,6 +3334,10 @@ StEntry StLabel.hint-text {
   border: none;
 }
 
+#panel #panelActivities.panel-button:overview > * {
+  background-image: url("assets/activities-white.svg");
+}
+
 .popup-menu {
   min-width: 12em;
   color: #424242;

src/main/gnome-shell/gnome-shell-light-solid.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #242424;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -121,7 +122,7 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #242424;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -131,12 +132,14 @@ stage {
   color: #242424;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #242424;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: #f5f5f5;
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.12);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,7 +2108,7 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -3093,7 +3120,7 @@ StEntry StLabel.hint-text {
 }
 
 #panel {
-  background-color: rgba(241, 241, 241, 0.75);
+  background-color: rgba(241, 241, 241, 0.95);
   /* transition from solid to transparent */
   transition-duration: 250ms;
   font-weight: bold;
@@ -3132,7 +3159,7 @@ StEntry StLabel.hint-text {
 
 #panel .panel-corner {
   -panel-corner-radius: 0;
-  -panel-corner-background-color: rgba(241, 241, 241, 0.75);
+  -panel-corner-background-color: rgba(241, 241, 241, 0.95);
   -panel-corner-border-width: 2px;
   -panel-corner-border-color: transparent;
 }
@@ -3307,6 +3334,10 @@ StEntry StLabel.hint-text {
   border: none;
 }
 
+#panel #panelActivities.panel-button:overview > * {
+  background-image: url("assets/activities-white.svg");
+}
+
 .popup-menu {
   min-width: 12em;
   color: #424242;

src/main/gnome-shell/gnome-shell-light.css

@@ -100,8 +100,9 @@ stage {
 
 .hotplug-notification-item {
   color: #242424;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
   padding: 8px;
@@ -121,7 +122,7 @@ stage {
 
 .hotplug-notification-item:hover {
   color: #242424;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -131,12 +132,14 @@ stage {
   color: #242424;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
 }
 
 .hotplug-notification-item:active {
-  color: white;
+  color: #242424;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -157,7 +160,7 @@ stage {
 .candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog {
   background-color: rgba(245, 245, 245, 0.95);
   border-radius: 12px;
-  border: none;
+  border: 1px solid rgba(0, 0, 0, 0);
 }
 
 #screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
@@ -1288,6 +1291,28 @@ StWidget.focused .app-well-app-running-dot {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
+.modal-dialog-linked-button:first-child {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.12);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #242424;
+  background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
 .modal-dialog .modal-dialog-content-box {
   margin: 32px 40px;
   spacing: 32px;
@@ -2072,8 +2097,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default,
 .unlock-dialog .modal-dialog-button:default {
   color: white;
-  background-color: #ffffff;
+  background-color: white;
   border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
   text-shadow: none;
   icon-shadow: none;
 }
@@ -2082,7 +2108,7 @@ StEntry StLabel.hint-text {
 .unlock-dialog .modal-dialog-button:default:hover,
 .unlock-dialog .modal-dialog-button:default:focus {
   color: white;
-  border-color: rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: #f7f7f7;
   text-shadow: none;
   icon-shadow: none;
@@ -2091,8 +2117,9 @@ StEntry StLabel.hint-text {
 .login-dialog .modal-dialog-button:default:active,
 .unlock-dialog .modal-dialog-button:default:active {
   color: white;
-  background-color: #0860F2;
+  background-color: transparent;
-  border-color: #487afa;
+  background-image: #f2f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.12);
   text-shadow: none;
   icon-shadow: none;
 }

src/sass/gnome-shell/_drawing.scss

@@ -174,7 +174,7 @@
   }
 }
 
-@mixin button($t, $c: $base_color, $tc: $fg_color) {
+@mixin button($t, $c: $button_bg, $tc: $fg_color) {
 //
 // button
 //
@@ -184,10 +184,15 @@
 //
 
   @if $t == normal {
-    color: if($tc == $fg_color, $fg_color, $tc);
+    color: $tc;
     background-color: $c;
     border: 1px solid $button_borders;
 
+    @if $variant=='light' { box-shadow: 0 1px 2px 0 rgba(black, 0.02); }
+    @if $variant=='dark' {
+      box-shadow: inset 0 1px $button_highlight;
+    }
+
     text-shadow: none;
     icon-shadow: none;
   }
@@ -196,20 +201,22 @@
     color: $tc;
     text-shadow: none;
     icon-shadow: none;
+    box-shadow: none;
   }
 
   @if $t == hover {
     color: $tc;
-    border-color: $button_borders_hover;
+    border: 1px solid $button_borders_hover;
     background-color: if($variant=='light', darken($c, 3%), lighten($c, 3%));
     text-shadow: none;
     icon-shadow: none;
   }
 
   @if $t == active {
-    color: $light_fg_color;
+    color: $tc;
-    background-color: $primary_color;
+    background-color: transparent;
-    border-color: $button_borders_active;
+    background-image: if($variant=='light', darken($c, 5%), lighten($c, 5%));
+    border: 1px solid $button_borders;
     text-shadow: none;
     icon-shadow: none;
   }

src/sass/gnome-shell/widgets/_base.scss

@@ -120,7 +120,7 @@ stage {
 %theme_dialogs {
   background-color: $dialog_bg_color;
   border-radius: $wm_radius;
-  border: none;
+  border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75));
 }
 
 %overview_scrollbar {

src/sass/gnome-shell/widgets/_dialogs.scss

@@ -43,6 +43,7 @@
     margin: 3px 3px;
     border: none !important;
     border-radius: $bt_radius;
+
     @include font(button);
     @include button(flat-normal);
     &:hover { @include button(flat-hover); }
@@ -51,6 +52,12 @@
     &:focus { @include button(flat-focus); }
   }
 
+  &-linked-button:first-child {
+    background: $entry_bg;
+    &:hover { @include button(flat-hover); }
+    &:active { @include button(flat-active); }
+  }
+
   &-linked-button:last-child {
     @extend %last_dialog_button;
   }

src/sass/gnome-shell/widgets/_panel.scss

@@ -1,5 +1,5 @@
 @if $trans == 'true' { $panel_bg:   if($variant == 'light', rgba(white, $panel_opacity), rgba(black, $panel_opacity)); }
-$shell_panel_bg: if($trans == 'true', $panel_bg, rgba($panel_bg, 0.75));
+$shell_panel_bg: if($trans == 'true', $panel_bg, rgba($panel_bg, 0.95));
 
 #panel {
   background-color: $shell_panel_bg;
@@ -199,4 +199,10 @@ $shell_panel_bg: if($trans == 'true', $panel_bg, rgba($panel_bg, 0.75));
 
     // > * { background-image: url("assets/activities-active.svg"); }
   }
+
+  @if $variant == 'light' and $black == 'true' {
+    &:overview {
+      > * { background-image: url("assets/activities-white.svg"); }
+    }
+  }
 }