modified: gnome-shell/gnome-shell.css

gnome-shell/gnome-shell.css

@@ -24,9 +24,26 @@
 
 /* Show Apps icon */
 .show-apps .overview-icon {
+	background-color: rgba(255, 167, 199, 1);
+	color: rgba(255, 255, 255, 1);
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+#dash .show-apps:hover .overview-icon,
+#dash .show-apps:focus .overview-icon {
+	background-color: rgba(255, 255, 255, 1);
 	color: rgba(255, 90, 153, 1);
 }
 
+.show-apps:active .overview-icon,
+.show-apps .overview-icon:insensitive
+
+#dash .show-apps:active .overview-icon {
+	background-color: rgba(255, 90, 153, 1);
+	color: rgba(255, 255, 255, 1);
+}
+
 /* folders */
 .app-well-app.app-folder .overview-icon {
 	background-color: rgba(227, 203, 230, 0.95);
@@ -36,9 +53,7 @@
 .app-well-app:hover .overview-icon,
 .app-well-app:focus .overview-icon,
 .app-well-app:selected .overview-icon,
-.app-well-app.app-folder .overview-icon,
-.show-apps:hover .overview-icon,
-.show-apps:focus .overview-icon {
+.app-well-app.app-folder .overview-icon {
 	background-color: rgba(237, 219, 239, 0.9);
 	color: rgba(255, 255, 255, 1);
 }
@@ -46,9 +61,7 @@
 /* app icons effects in dash */
 #dash .app-well-app:hover .overview-icon,
 #dash .app-well-app:focus .overview-icon,
-#dash .app-well-app:selected .overview-icon,
-#dash .show-apps:hover .overview-icon,
-#dash .show-apps:focus .overview-icon {
+#dash .app-well-app:selected .overview-icon {
 	background-color: rgba(255, 90, 153, 1);
 }
 
@@ -129,12 +142,10 @@
 
 .page-navigation-arrow:hover {
 	background-color: rgba(255, 255, 255, 1);
-	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .page-navigation-arrow:hover > StIcon {
 	color: rgba(255, 90, 153, 1);
-
 }
 
 .page-navigation-arrow:active {
@@ -164,8 +175,7 @@
 /* Dash */
 
 #dash .dash-background {
-	background-color: rgba(251, 247, 251, 0.8);
-	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+	background-color: rgba(255, 255, 255, 1);
 	border: none; /* remove black border on ubuntu */
 	padding: 4px 2px 4px 2px;
 	border-radius: 21px;
@@ -186,13 +196,11 @@
 
 /* popup label when hovering the app in dash */
 .dash-label {
-	background-color: rgba(255, 167, 199, 1);
-	color: rgba(255, 255, 255, 1);
-	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
+	background-color: rgba(255, 255, 255, 1);
+	color: rgba(255, 90, 153, 1);
 	border-color: transparent;
 }
 
-
 /* pill below if app is running */
 .app-well-app-running-dot {
 	width: 10px;
@@ -215,20 +223,17 @@
 	margin-bottom: 6px;
 }
 
-
 /* elements in dash */
 .dash-item-container .app-well-app .overview-icon,
 .dash-item-container .show-apps .overview-icon {
 	border-radius: 21px;
 }
 
-
 /* pinned apps | running apps */
 .dash-separator {
 	background-color: rgba(255, 90, 153, 1);
 }
 
-
 /* ubuntu fix */
 #dashtodockContainer #dash .app-well-app:hover .overview-icon,
 #dashtodockContainer #dash .app-well-app:focus .overview-icon,
@@ -243,14 +248,6 @@
 	border-radius: 15px;
 }
 
-#dashtodockContainer .app-well-app.focused .overview-icon,
-.show-apps:selected .overview-icon,
-.show-apps:selected:hover .overview-icon,
-.show-apps:active .overview-icon,
-.show-apps:checked .overview-icon {
-	box-shadow: inset 0 0 4px 1px rgba(148, 102, 153, 0.4);
-}
-
 /* ubuntu fix */
 #dashtodockContainer.bottom.extended #dash .dash-background,
 #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background,
@@ -398,15 +395,18 @@
 }
 
 .dnd-button .toggle-switch {
-	background-color: rgba(237, 219, 239, 0.9);
+	background-color: rgba(255, 167, 199, 1);
+	color: rgba(255, 255, 255, 1);
 }
 
 .dnd-button:hover .toggle-switch {
-	background-color: rgba(227, 203, 230, 0.95);
+	background-color: rgba(255, 255, 255, 1);
+	color: rgba(255, 90, 153, 1);
 }
 
 .dnd-button .toggle-switch:checked {
-	background-color: rgba(207, 127, 214, 1);
+	background-color: rgba(255, 90, 153, 1);
+	color: rgba(255, 255, 255, 1);
 }
 
 .dnd-button:hover .toggle-switch:checked {
@@ -1351,13 +1351,17 @@ StEntry:focus {
 }
 
 .panel-button:hover,
-.panel-button:hover .clock, 
-.panel-button:active,
-.panel-button:active .clock {
+.panel-button:hover .clock {
 	background-color: rgba(255, 255, 255, 1);
 	color: rgba(255, 90, 153, 1);
 }
 
+.panel-button:active,
+.panel-button:active .clock {
+	background-color: rgba(255, 90, 153, 1);
+	color: rgba(255, 255, 255, 1);
+}
+
 /* workspaces indicator in activities button (45+) */
 #panel .workspace-dot {
 	background-color: rgb(255, 255, 255);
@@ -1406,7 +1410,7 @@ StEntry:focus {
 #panel.unlock-screen .panel-button,
 #panel.login-screen .panel-button,
 #panel:overview .panel-button {
-	color: rgba(40, 7, 43, 0.87) !important;
+	color: rgba(255, 255, 255, 1) !important;
 }