From 21c0d5a703914858ef8e48ea97264fa4c97b2e74 Mon Sep 17 00:00:00 2001
From: anthony <samudifferent@gmail.com>
Date: Mon, 5 Aug 2024 23:20:40 +0200
Subject: [PATCH] 	modified:   gnome-shell/gnome-shell.css

---
 gnome-shell/gnome-shell.css | 743 ++++++++++++++++++++----------------
 1 file changed, 412 insertions(+), 331 deletions(-)

diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index ca01fd3..6a805a0 100644
--- a/gnome-shell/gnome-shell.css
+++ b/gnome-shell/gnome-shell.css
@@ -1,45 +1,100 @@
 /* Apps / Dash */
 
+/* Apps Running */
+
+#dash .dash-item-container .app-grid-running-dot {
+    margin-bottom: 21px;
+    background-color: rgba(0, 215, 145, 1); }
+
 /* apps / folders / apps & folders in search */
 .app-well-app .overview-icon,
 .app-well-app.app-folder .overview-icon,
 .grid-search-result .overview-icon,
 .app-folder.grid-search-result .overview-icon {
-	box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0); /* fix default dash focused box-shadow*/
+	box-shadow: inset 0 0 0 0px rgba(85, 5, 44, 0); /* fix default dash focused box-shadow*/
 	transition-duration: 100ms;
 	border-radius: 20px;
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
+}
+
+.icon-grid .overview-tile .app-grid-running-dot {
+	background-color: rgba(85, 5, 44, 1);
+}
+
+.icon-grid .overview-tile:hover .app-grid-running-dot {
+	background-color: rgba(0, 215, 145, 1);
+}
+
+.icon-grid .overview-tile:active .app-grid-running-dot {
+	background-color: rgba(85, 5, 44, 1);
+}
+
+#dash .overview-tile {
+	background-color: rgba(85, 5, 44, 1);
+}
+
+.overview-tile,
+.search-display .grid-search-result .overview-tile,
+.icon-grid .overview-tile {
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 1);
+}
+
+.overview-tile:hover,
+.grid-search-result .overview-tile:hover,
+.icon-grid .overview-tile:hover {
+	background-color: rgba(85, 5, 44, 1);
+	color: rgba(0, 215, 145, 1);
+}
+
+.overview-tile:active,
+.grid-search-result .overview-tile:active,
+.icon-grid .overview-tile:active {
+	background-color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 /* Show Apps icon */
 .show-apps .overview-icon {
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 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(85, 5, 44, 1);
 	color: rgba(0, 215, 145, 1);
 }
 
+/*.show-apps:active .overview-icon,
+.show-apps .overview-icon:insensitive*/
+
+#dash .show-apps:active .overview-icon {
+	background-color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
+}
+
 /* folders */
 .app-well-app.app-folder .overview-icon {
-	background-color: rgba(85, 5, 44, 1);
+	background-color: rgba(227, 203, 230, 0.95);
 }
 
 
 .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 {
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
-	background-color: rgba(247, 180, 253, 0.08);
+.app-well-app.app-folder .overview-icon {
+	background-color: rgba(237, 219, 239, 0.9);
+	color: rgba(85, 5, 44, 1);
 }
 
 /* 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 {
-	box-shadow: inset 0 0 4px 1px rgba(201, 178, 203, 0.4);
-	background-color: rgba(255, 255, 255, 0.1);
+#dash .app-well-app:selected .overview-icon {
+	background-color: rgba(0, 215, 145, 1);
 }
 
 /* effect when creating new folder */
@@ -47,8 +102,8 @@
 .grid-search-result:drop .overview-icon,
 .app-well-app.app-folder:drop .overview-icon,
 .app-folder.grid-search-result:drop .overview-icon {
-	border: 2px solid rgba(201, 178, 203, 1);
-	background-color: rgba(89, 38, 94, 0.2);
+	border: 2px solid rgba(148, 102, 153, 1);
+	background-color: rgba(240, 182, 246, 0.5);
 }
 
 
@@ -57,16 +112,16 @@
 /* collapsed folder dialog */
 .app-folder-dialog {
 	border-radius: 32px;
-	background-color: rgba(21, 18, 21, 0.95);
+	background-color: rgba(85, 5, 44, 1);
 	border: none;
 	padding: 0; /* because of icon grid */
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 }
 
 /* folder title */
 .app-folder-dialog .folder-name-container .folder-name-label {
 	padding: 5px 7px;
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	font-weight: 700;
 	transition-duration: 100ms;
 }
@@ -75,26 +130,26 @@
 .app-folder-dialog .folder-name-container .folder-name-entry {
 	font-weight: 700;
 	border: none;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
-	background-color: rgba(247, 180, 253, 0.08);
-	selection-background-color: rgba(89, 38, 94, 1);
-	selected-color: rgba(249, 233, 250, 1);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+	background-color: rgba(237, 219, 239, 0.9);
+	selection-background-color: rgba(207, 127, 214, 1);
+	selected-color: rgba(40, 7, 43, 0.87);
 }
 
 /* edit folder name button */
 .app-folder-dialog .folder-name-container .edit-folder-button {
 	border-radius: 12px;
-	background-color: rgba(247, 180, 253, 0.08);
-	color: rgba(249, 233, 250, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(237, 219, 239, 0.9);
+	color: rgba(40, 7, 43, 0.87);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .app-folder-dialog .folder-name-container .edit-folder-button:hover {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(227, 203, 230, 0.95);
 }
 
 .app-folder-dialog .folder-name-container .edit-folder-button:focus {
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
 }
 
 
@@ -108,40 +163,44 @@
 	border-radius: 15px;
 	padding: 12px;
 	transition-duration: 100ms;
+	background-color: rgba(126, 106, 96, 1);
 }
 
 .page-navigation-arrow > StIcon {
 	margin: 0;
-	color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
+	box-shadow: rgba(126, 106, 96, 1);
 }
 
 .page-navigation-arrow:hover {
-	background-color: rgba(0, 215, 145, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(85, 5, 44, 1);
 }
 
 .page-navigation-arrow:hover > StIcon {
 	color: rgba(0, 215, 145, 1);
-	background-color: rgba(0, 0, 0, 0);
 }
 
 .page-navigation-arrow:active {
 	background-color: rgba(0, 215, 145, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	color: rgba(85, 5, 44, 1);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
+.page-navigation-arrow:active > StIcon {
+	color: rgba(85, 5, 44, 1);
+}
 
 /* left and right hints on edges of the screen when dragging app icon */
 .page-navigation-hint.next:ltr,
 .page-navigation-hint.previous:rtl {
-	background-gradient-start: rgba(232, 225, 233, 0.05);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-gradient-start: rgba(91, 2, 99, 0.05);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .page-navigation-hint.previous:ltr,
 .page-navigation-hint.next:rtl {
-	background-gradient-end: rgba(232, 225, 233, 0.05);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-gradient-end: rgba(91, 2, 99, 0.05);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 
@@ -149,7 +208,6 @@
 
 #dash .dash-background {
 	background-color: rgba(85, 5, 44, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
 	border: none; /* remove black border on ubuntu */
 	padding: 4px 2px 4px 2px;
 	border-radius: 21px;
@@ -164,26 +222,23 @@
 
 /* when dash in overview */
 #dashtodockContainer.overview #dash .dash-background {
-	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.07);
-	background-color: rgba(85, 5, 44, 1);
+	box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.1);
+	background-color: rgba(242, 214, 244, 0.8);
 }
 
 /* popup label when hovering the app in dash */
 .dash-label {
 	background-color: rgba(85, 5, 44, 1);
 	color: rgba(0, 215, 145, 1);
-	border-radius: 12px;
-	border: 1px solid rgba(255, 255, 255, 0.07);
-	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
+	border-color: transparent;
 }
 
-
 /* pill below if app is running */
 .app-well-app-running-dot {
 	width: 10px;
 	height: 5px;
 	border-radius: 5px;
-	background: rgba(0, 215, 145, 1);
+	background: rgba(148, 102, 153, 1);
 	transition-duration: 100ms;
 }
 
@@ -200,20 +255,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 {
-	box-shadow: 0 0 0 0.25px rgb(0, 215, 143);
+	background-color: rgba(0, 215, 145, 1);
 }
 
-
 /* ubuntu fix */
 #dashtodockContainer #dash .app-well-app:hover .overview-icon,
 #dashtodockContainer #dash .app-well-app:focus .overview-icon,
@@ -228,14 +280,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(201, 178, 203, 0.4);
-}
-
 /* ubuntu fix */
 #dashtodockContainer.bottom.extended #dash .dash-background,
 #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background,
@@ -268,7 +312,7 @@
 #dashtodockContainer.right.extended.overview #dash .dash-background,
 #dashtodockContainer.right.extended.overview.dashtodock #dash .dash-background,
 #dashtodockContainer.right.extended.overview.shrink #dash .dash-background {
-	background-color: rgba(85, 5, 44, 0.95);
+	background-color: rgba(85, 5, 44, 1);
 }
 
 /* Aylur's widgets extension */
@@ -277,10 +321,10 @@
 .quick-settings.tweaked .media,
 .quick-settings.tweaked .message,
 .quick-settings.tweaked .quick-container {
-	background-color: rgba(32, 28, 32, 1);
+	background-color: rgba(255, 0, 136, 0.2);
 	border-radius: 16px;
 	border: none;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 /* ajust sliders margins */
@@ -319,7 +363,7 @@
 /* system usage  */
 .level-bar {
 	padding: 0;
-	background-color: rgba(247, 180, 253, 0.08);
+	background-color: rgba(237, 219, 239, 0.9);
 }
 
 /* system usage levels */
@@ -364,14 +408,14 @@
 
 .toggle-switch {
 	background-image: url("./toggle-off.svg");
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(227, 203, 230, 0.95);
 	border-radius: 10px;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
 }
 
 .toggle-switch:checked {
 	background-image: url("./toggle-on.svg");
-	background-color: rgba(0, 215, 145, 1);
+	background-color: rgba(126, 106, 96, 1);
 }
 
 
@@ -383,15 +427,18 @@
 }
 
 .dnd-button .toggle-switch {
-	background-color: rgba(247, 180, 253, 0.08);
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 .dnd-button:hover .toggle-switch {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(85, 5, 44, 1);
+	color: rgba(0, 215, 145, 1);
 }
 
 .dnd-button .toggle-switch:checked {
 	background-color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 .dnd-button:hover .toggle-switch:checked {
@@ -403,37 +450,38 @@
 }
 
 .dnd-button:focus .toggle-switch {
-	box-shadow: inset 0 0 0 1px rgba(201, 178, 203, 1) !important;
+	box-shadow: inset 0 0 0 1px rgba(148, 102, 153, 1) !important;
 }
 
 
 /* Buttons */
 
 .button {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(247, 180, 253, 0.08);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(237, 219, 239, 0.9);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .button:insensitive {
 	box-shadow: none;
-	color: rgba(249, 233, 250, 0.67);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	color: rgba(40, 7, 43, 0.6);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .button:hover,
 .button:active {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(227, 203, 230, 0.95);
 }
 
 .button:focus {
-	background-color: rgba(89, 38, 94, 0.2);
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	background-color: rgba(240, 182, 246, 0.5);
+	box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
 }
 
 /* clear button */
 .message-list-clear-button {
-	rgba(237, 70, 95, 1)
+ 	color: rgba(237, 70, 95, 1);
+ 	background-color: rgba(238, 210, 211, 1);
 	padding: 3px 15px;
 	border-radius: 9px;
 }
@@ -444,7 +492,7 @@
 .slider,
 .level {
 	-barlevel-height: 16px;
-	-barlevel-background-color: rgba(247, 180, 253, 0.08);
+	-barlevel-background-color: rgba(237, 219, 239, 0.9);
 	-barlevel-active-background-color: rgba(0, 215, 145, 1);
 	-barlevel-border-width: 0px;
 	/* overfill */
@@ -473,19 +521,19 @@ StScrollBar StBin#trough {
 StScrollBar StButton#vhandle,
 StScrollBar StButton#hhandle {
 	border-radius: 8px;
-	background-color: rgba(69, 57, 70, 0.75);
+	background-color: rgba(191, 163, 193, 0.75);
 	border: 3px solid transparent;
 	transition-duration: 100ms;
 }
 
 StScrollBar StButton#vhandle:hover,
 StScrollBar StButton#hhandle:hover {
-	background-color: rgba(70, 56, 71, 1);
+	background-color: rgba(191, 163, 193, 1);
 }
 
 StScrollBar StButton#vhandle:active,
 StScrollBar StButton#hhandle:active {
-	background-color: rgba(98, 78, 99, 0.87);
+	background-color: rgba(191, 163, 193, 0.87);
 }
 /* Date / Time menu */
 
@@ -509,21 +557,21 @@ StScrollBar StButton#hhandle:active {
 
 /* today header button */
 .datemenu-today-button {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 	background-color: none;
 	border-radius: 12px;
 }
 
 .datemenu-today-button:hover {
 	transition-duration: 100ms;
-	background-color: rgba(32, 28, 32, 0.9);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
+	background-color: rgba(242, 225, 243, 0.8);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
 }
 
 .datemenu-today-button:focus {
 	transition-duration: 100ms;
-	background-color: rgba(89, 38, 94, 0.2);
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	background-color: rgba(240, 182, 246, 0.5);
+	box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
 }
 
 /* weekday label */
@@ -541,25 +589,25 @@ StScrollBar StButton#hhandle:active {
 
 .calendar {
 	border-radius: 14px;
-	background-color: rgba(85, 5, 44, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
+	background-color: rgba(242, 225, 243, 0.8);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
 	padding: 5px;
 }
 
 /* month header */
 .calendar-month-label {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 /* day of week heading */
 .calendar-day.calendar-day-heading {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 /* day buttons, prev/next month button */
 .calendar-day,
 .calendar-month-header .pager-button {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	border-radius: 10px;
 	transition-duration: 100ms;
 }
@@ -567,35 +615,35 @@ StScrollBar StButton#hhandle:active {
 .calendar-day:hover,
 .calendar-day:selected:hover,
 .calendar .calendar-month-header .pager-button:hover {
-	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(227, 203, 230, 0.95);
+	color: rgba(40, 7, 43, 0.87);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .calendar-day:focus,
 .calendar .calendar-month-header .pager-button:focus {
-	background-color: rgba(85, 5, 44, 1);
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	background-color: rgba(240, 182, 246, 0.5);
+	box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
 }
 
 .calendar-day:selected {
-	background: rgba(229, 201, 232, 0.13);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background: rgba(227, 203, 230, 0.95);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 /* today button */
 .calendar-today,
 .calendar-today:selected {
-	background-color: rgba(89, 38, 94, 1);
-	color: rgba(249, 233, 250, 1) !important;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(0, 215, 145, 1);
+	color: rgba(40, 7, 43, 0.87) !important;
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .calendar-today:hover,
 .calendar-today:selected:hover,
 .calendar-today:focus,
 .calendar-today:selected:focus {
-	background-color: rgba(86, 19, 93, 1);
+	background-color: rgba(126, 106, 96, 1);
 } 
 
 /* if day has event */
@@ -613,13 +661,13 @@ StScrollBar StButton#hhandle:active {
 /* weekend day button */
 .calendar .calendar-nonwork-day, /* up to 44 */
 .calendar-weekend { /* 45+ */
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 /* other month day button */
 .calendar .calendar-other-month-day, /* up to 44 */
 .calendar-other-month { /* 45+ */
-	color: rgba(249, 233, 250, 0.38) !important;
+	color: rgba(40, 7, 43, 0.38) !important;
 }
 
 .calendar .calendar-other-month-day.calendar-day-with-events, /* up to 44 */
@@ -629,9 +677,9 @@ StScrollBar StButton#hhandle:active {
 }
 
 .calendar .calendar-week-number {
-	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 0.67);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(237, 219, 239, 0.9);
+	color: rgba(40, 7, 43, 0.6);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 	border-radius: 7px;
 }
 
@@ -641,62 +689,62 @@ StScrollBar StButton#hhandle:active {
 .events-button,
 .world-clocks-button,
 .weather-button {
-	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 0.67);
+	background-color: rgba(242, 225, 243, 0.8);
+	color: rgba(40, 7, 43, 0.6);
 	border-radius: 14px;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .events-button:hover,
 .world-clocks-button:hover,
 .weather-button:hover {
-	background-color: rgba(247, 180, 253, 0.08);
+	background-color: rgba(237, 219, 239, 0.9);
 }
 
 .events-button:focus,
 .world-clocks-button:focus,
 .weather-button:focus {
-	background-color: rgba(89, 38, 94, 0.2);
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	background-color: rgba(240, 182, 246, 0.5);
+	box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
 }
 
 .events-button:active,
 .world-clock-button:active,
 .weather-button:active {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(227, 203, 230, 0.95);
 }
 
 /* header */
 .weather-button .weather-header,
 .events-button .events-title,
 .world-clocks-button .world-clocks-header {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 
 /* Events section */
 .events-button .events-list {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 .events-button .event-time {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 
 /* World clocks section */
 .world-clocks-button .world-clocks-time {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 .world-clocks-button .world-clocks-city,
 .world-clocks-button .world-clocks-timezone {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 
 /* Weather section */
 .weather-button .weather-forecast-time {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 /* Entries */
@@ -704,35 +752,35 @@ StScrollBar StButton#hhandle:active {
 StEntry,
 .search-entry {
 	border-radius: 13px;
+	border-color: #000;
 	padding: 8px;
 	transition-duration: 100ms;
-	border: 1px solid rgba(255, 255, 255, 0.03);
-	background-color: rgba(32, 28, 32, 0.9);
-	color: rgba(249, 233, 250, 0.67);
-	selection-background-color: rgba(89, 38, 94, 1);
-	selected-color: rgba(249, 233, 250, 1);
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 1);
+	selection-background-color: rgba(207, 127, 214, 1);
+	selected-color: rgba(40, 7, 43, 0.87);
 }
 
 /* icon in entry */
 StEntry StLabel {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 /* change icon color if entry not selected */
 StEntry StLabel:insensitive {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 StEntry:hover,
 StEntry:focus,
 StEntry:active {
-	border: 1px solid rgba(249, 233, 250, 0.38);
-	background-color: rgba(247, 180, 253, 0.08);
+	border: 1px solid rgba(40, 7, 43, 0.38);
+	background-color: rgba(237, 219, 239, 0.9);
 	box-shadow: none;
 }
 
 StEntry:focus {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 /* Lock Screen / Login screen */
 
@@ -749,17 +797,17 @@ StEntry:focus {
 .login-dialog .login-dialog-message-warning,
 .unlock-dialog .caps-lock-warning-label,
 .unlock-dialog .login-dialog-message-warning {
-  color: rgba(249, 233, 250, 0.67);
+  color: rgba(40, 7, 43, 0.6);
 }
 
 
 /* not listed button */
 .login-dialog-not-listed-label {
-    color: rgba(249, 233, 250, 0.67);
+    color: rgba(40, 7, 43, 0.6);
 }
 .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, 
 .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
-    color: rgba(249, 233, 250, 1); 
+    color: rgba(40, 7, 43, 0.87); 
 }
 .login-dialog-not-listed-button:focus .login-dialog-not-listed-label {
     text-decoration: underline;
@@ -768,9 +816,9 @@ StEntry:focus {
 
 /* users button */
 .login-dialog-user-list .login-dialog-user-list-item {
-    background-color: rgba(32, 28, 32, 0.9);
+    background-color: rgba(242, 225, 243, 0.8);
     border-radius: 20px;
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item {
@@ -778,14 +826,14 @@ StEntry:focus {
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
-    background-color: rgba(202, 65, 214, 1);
+    background-color: rgba(214, 107, 223, 1);
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:focus,
 .login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
-    background-color: rgba(202, 65, 214, 1);
-    /* color: rgba(249, 233, 250, 1); don't work*/
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
+    background-color: rgba(214, 107, 223, 1);
+    /* color: rgba(40, 7, 43, 0.87); don't work*/
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:focus:hover,
@@ -798,9 +846,9 @@ StEntry:focus {
 .login-dialog-button.cancel-button,
 .login-dialog-button.switch-user-button,
 .login-dialog-button.login-dialog-session-list-button {
-    background-color: rgba(247, 180, 253, 0.08);
-    color: rgba(249, 233, 250, 1);
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+    background-color: rgba(237, 219, 239, 0.9);
+    color: rgba(40, 7, 43, 0.87);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
     border-radius: 99px;
     transition-duration: 100ms;
 }
@@ -808,14 +856,14 @@ StEntry:focus {
 .login-dialog-button.cancel-button:hover,
 .login-dialog-button.switch-user-button:hover,
 .login-dialog-button.login-dialog-session-list-button:hover {
-    background-color: rgba(229, 201, 232, 0.13);
+    background-color: rgba(227, 203, 230, 0.95);
 }
 
 .login-dialog-button.cancel-button:focus,
 .login-dialog-button.switch-user-button:focus,
 .login-dialog-button.login-dialog-session-list-button:focus {
-    background-color: rgba(229, 201, 232, 0.13);
-    box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+    background-color: rgba(227, 203, 230, 0.95);
+    box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1) !important;
 }
 
 .login-dialog-button.cancel-button:focus:active,
@@ -824,40 +872,40 @@ StEntry:focus {
 .login-dialog-button.cancel-button:focus:hover,
 .login-dialog-button.switch-user-button:focus:hover,
 .login-dialog-button.login-dialog-session-list-button:focus:hover {
-    background-color: rgba(229, 201, 232, 0.13);
-    box-shadow: inset 0 0 0 1px rgba(201, 178, 203, 1) !important;
+    background-color: rgba(227, 203, 230, 0.95);
+    box-shadow: inset 0 0 0 1px rgba(148, 102, 153, 1) !important;
 }
 
 .login-dialog-button.cancel-button:active,
 .login-dialog-button.switch-user-button:active,
 .login-dialog-button.login-dialog-session-list-button:active {
-    background-color: rgba(229, 201, 232, 0.13);
+    background-color: rgba(227, 203, 230, 0.95);
 }
 
 
 /* password */
 .login-dialog-prompt-entry {
-    background-color: rgba(247, 180, 253, 0.08);
+    background-color: rgba(237, 219, 239, 0.9);
     border: none;
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .login-dialog-prompt-entry:focus {
-    background-color: rgba(247, 180, 253, 0.08) !important;
+    background-color: rgba(237, 219, 239, 0.9) !important;
     border: none;
-    box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.38) !important;
-    border-color: rgba(249, 233, 250, 0.38);
+    box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.38) !important;
+    border-color: rgba(40, 7, 43, 0.38);
 }
 
 .login-dialog-prompt-entry:insensitive {
-    background-color: rgba(247, 180, 253, 0.08);
-    color: rgba(249, 233, 250, 0.38);
+    background-color: rgba(237, 219, 239, 0.9);
+    color: rgba(40, 7, 43, 0.38);
 }
 
 
 /* Clock */
 .unlock-dialog-clock {
-  color: rgba(249, 233, 250, 1);
+  color: rgba(40, 7, 43, 0.87);
   spacing: 1em;
 }
 
@@ -875,7 +923,7 @@ StEntry:focus {
     margin-top: 1em;
     font-weight: 600; 
     font-size: 10pt;
-    color: rgba(249, 233, 250, 0.67);
+    color: rgba(40, 7, 43, 0.6);
 }
 
 
@@ -883,35 +931,35 @@ StEntry:focus {
 .unlock-dialog-notifications-container .notification,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
     padding: 12px 16px;
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
-    background-color: rgba(85, 5, 44, 1);
-    color: rgba(249, 233, 250, 1);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+    background-color: rgba(237, 219, 239, 0.9);
+    color: rgba(40, 7, 43, 0.87);
     border-radius: 16px;
 }
 .unlock-dialog-notifications-container .notification.critical,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
-    background-color: rgba(0, 215, 145, 1); 
+    background-color: rgba(195, 101, 204, 1); 
 }
 
 /* messages counter */
 .unlock-dialog-notification-count-text {
-    color: rgba(249, 233, 250, 0.67);
-    background-color: rgba(247, 180, 253, 0.08);
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+    color: rgba(40, 7, 43, 0.6);
+    background-color: rgba(237, 219, 239, 0.9);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
     border-radius: 99px; 
 }
 
 
 /* User widget */
 .user-widget .user-widget-label {
-    color: rgba(249, 233, 250, 1); 
+    color: rgba(40, 7, 43, 0.87); 
 }
 
 .user-widget.horizontal .user-icon StIcon,
 .user-widget.vertical .user-icon StIcon {
-    color: rgba(249, 233, 250, 1);
-    background-color: rgba(247, 180, 253, 0.08);
-    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+    color: rgba(40, 7, 43, 0.87);
+    background-color: rgba(237, 219, 239, 0.9);
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 /* Looking Glass | R.I.P. custom colors & light mode */
 
@@ -919,31 +967,31 @@ StEntry:focus {
 	border-radius: 14px;
 	margin: 5px;
 	background-color: #191919;
-	border: 1px solid rgba(255, 255, 255, 0.06);
+	border: 1px solid rgba(85, 5, 44, 0.06);
 	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
 }
 
 #LookingGlassDialog .notebook-tab,
 #LookingGlassDialog > #Toolbar .lg-toolbar-button {
 	border-radius: 9px;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(85, 5, 44, 0.03);
 }
 
 #LookingGlassDialog > #Toolbar .lg-toolbar-button,
 #LookingGlassDialog .notebook-tab:selected {
-	background-color: rgba(255, 255, 255, 0.08);
+	background-color: rgba(85, 5, 44, 0.08);
 }
 
 #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
-	background-color: rgba(255, 255, 255, 0.13);
+	background-color: rgba(85, 5, 44, 0.13);
 }
 
 .lg-dialog StEntry {
 	background-color: rgba(48, 48, 48, 0.6);
 	color: white;
-	border-color: rgba(255, 255, 255, 0.2);
+	border-color: rgba(85, 5, 44, 0.2);
 	min-height: 16px;
-	selection-background-color: rgba(89, 38, 94, 1);
+	selection-background-color: rgba(207, 127, 214, 1);
 	selected-color: #fff;
 }
 
@@ -967,7 +1015,7 @@ StEntry:focus {
 
 /* "No Notifications" text */
 .message-list-placeholder {
-	color: rgba(249, 233, 250, 0.38);
+	color: rgba(40, 7, 43, 0.38);
 	font-weight: 700;
 }
 
@@ -978,7 +1026,7 @@ StEntry:focus {
 
 /* popup messages */
 .message {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	border-radius: 18px;
 }
 
@@ -986,53 +1034,66 @@ StEntry:focus {
 /* Message OSD */
 .notification-banner {
 	background-color: rgba(85, 5, 44, 1);
+}
+
+.message .message-title {
 	color: rgba(0, 215, 145, 1);
-	border: 1px solid rgba(255, 255, 255, 0.07);
-	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
 }
 
+.message .message-body {
+	color: rgba(0, 0, 0, 1);
+}
 
 /* messages in menus */
 .message-list .message, .popup-menu-content .message {
-	background-color: rgba(85, 5, 44, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(126, 106, 96, 1);
 	transition-duration: 100ms;
 }
 .message-list .message:hover {
 	background-color: rgba(85, 5, 44, 1);
+	color: rgba(0, 215, 145, 1);
 }
 .message-list .message:focus {
 	background-color: rgba(85, 5, 44, 1);
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	box-shadow: inset 0 0 0 2px rgba(0, 215, 145, 1) !important;
 }
 
 /* text / header in message */
-.message .message-body,
-.message-title {
-	color: rgba(249, 233, 250, 1);
+.message-list .message .message-body,
+.message-list .message-title {
+	color: rgba(85, 5, 44, 1);
+}
+
+.message:hover .message-title {
+	color: rgba(0, 215, 145, 1);
+}
+
+.message:hover .message-body {
+	color: rgba(0, 0, 0, 1);
 }
 
 /* message time stamp */
 .message .message-secondary-bin > .event-time {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(85, 5, 44, 1);
 }
 
 
 /* close button */
 .message-close-button {
 	border-radius: 9px;
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(237, 70, 95, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	color: rgba(85, 5, 44, 1);
+	background-color: rgba(126, 106, 96, 1);
 	transition-duration: 100ms;
 }
 
 .message-close-button:hover {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(85, 5, 44, 1);
+	color: rgba(0, 215, 145, 1);
 }
 
 .message-close-button:active {
-	color: rgba(249, 233, 250, 0.67);
+	background-color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 
@@ -1041,17 +1102,17 @@ StEntry:focus {
 	border-radius: 12px;
 	padding: 0 14px;
 	margin: 20px 2px;
-	color: rgba(0, 215, 145, 1);
+	color: rgba(40, 7, 43, 0.87);
 	transition-duration: 100ms;
 }
 
 .message-media-control:hover {
-	background-color: rgba(0, 215, 145, 1);
-	box-shadow: inset 0 0 0 1px rgba(85, 5, 44, 1);
-	color: rgba(85, 5, 44, 1);
+	background-color: rgba(237, 219, 239, 0.9);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+	color: rgba(40, 7, 43, 0.87);
 }
 
-.message-media-control:insensitive { color: rgba(85, 5, 44, 1); }
+.message-media-control:insensitive { color: rgba(40, 7, 43, 0.38); }
 
 /* fix margin for last button */
 .message-media-control:last-child:ltr { margin-right: 20px; }
@@ -1066,9 +1127,9 @@ StEntry:focus {
 
 /* when there is no artwork */
 .media-message-cover-icon.fallback {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(229, 201, 232, 0.13);
-	border: 1px solid rgba(255, 255, 255, 0.03);
+	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(227, 203, 230, 0.95);
+	border: 1px solid rgba(0, 0, 0, 0.05);
 	border-radius: 12px;
 	icon-size: 1.6em !important;
 	padding: 0.79em;
@@ -1076,16 +1137,16 @@ StEntry:focus {
 
 
 /* URLs in messages */
-.url-highlighter { link-color: rgba(0, 215, 145, 1); }
+.url-highlighter { link-color: rgba(148, 102, 153, 1); }
 /* OSD */
 
 .switcher-list, /* alt + tab */
 .resize-popup, /* i dunno what is that :( */
 .workspace-switcher, /* ctrl + alt + arr_left/arr_right  */
 .osd-window /* volume/brightness/.. switcher */ {
-	color: rgba(0, 215, 145, 1);
+	color: rgba(40, 7, 43, 0.87);
 	background-color: rgba(85, 5, 44, 1);
-	border: 1px solid rgba(255, 255, 255, 0.07);
+	border: 1px solid rgba(0, 0, 0, 0.1);
 	border-radius: 20px;
 	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
 }
@@ -1102,32 +1163,32 @@ StEntry:focus {
 .switcher-list .item-box:focus,
 .switcher-list .item-box:selected,
 .switcher-list .item-box:outlined {
-	background-color: rgba(85, 5, 44, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(237, 219, 239, 0.9);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 
 /* arrow if app has multiple windows */
 .switcher-arrow {
-  color: rgba(249, 233, 250, 0.38);
+  color: rgba(40, 7, 43, 0.38);
   border-color: transparent;
 }
 
 .switcher-arrow:highlighted {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 
 /* ctrl + alt + arr_left/arr_right */
 .ws-switcher-indicator {
-	background-color: rgba(249, 233, 250, 0.67);
+	background-color: rgba(40, 7, 43, 0.6);
 	border-radius: 99px;
 	padding: 2.5px;
 	margin: 7.5px 5px;
 }
 
 .ws-switcher-indicator:active {
-	background-color: rgba(249, 233, 250, 1);
+	background-color: rgba(40, 7, 43, 0.87);
 	padding: 5px 20px;
 	margin: 5px;
 }
@@ -1138,8 +1199,8 @@ StEntry:focus {
 	border-radius: 20px;
 	background-color: rgba(85, 5, 44, 1);
 	border: none;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
-	color: rgba(249, 233, 250, 1);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 
@@ -1151,7 +1212,7 @@ StEntry:focus {
 
 /* password entry */
 .prompt-dialog-password-entry {
-	background-color: rgba(85, 5, 44, 1);
+	background-color: rgba(242, 225, 243, 0.8);
 }
 
 
@@ -1161,9 +1222,9 @@ StEntry:focus {
 .hotplug-notification-item {
 	padding: 10px 0 !important;
 	border-radius: 12px !important;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
-	background-color: rgba(247, 180, 253, 0.08);
-	color: rgba(249, 233, 250, 1);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+	background-color: rgba(237, 219, 239, 0.9);
+	color: rgba(40, 7, 43, 0.87);
 	animation-duration: 100ms;
 }
 
@@ -1207,25 +1268,25 @@ StEntry:focus {
 .modal-dialog-linked-button:focus,
 .notification-button:hover,
 .notification-button:focus {
-	background: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
+	background: rgba(227, 203, 230, 0.95);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 .modal-dialog-linked-button:last-child {
-	background-color: rgba(89, 38, 94, 1);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(207, 127, 214, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 .modal-dialog-linked-button:last-child:hover,
 .modal-dialog-linked-button:last-child:focus {
-	background-color: rgba(86, 19, 93, 1);
+	background-color: rgba(195, 101, 204, 1);
 }
 
 .modal-dialog-linked-button:focus,
 .hotplug-notification-item:focus,
 .notification-button:focus {
 	animation-duration: 100ms;
-	box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.38) !important;
+	box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.38) !important;
 }
 
 .modal-dialog-linked-button:focus:hover,
@@ -1234,14 +1295,14 @@ StEntry:focus {
 .modal-dialog-linked-button:focus:active,
 .hotplug-notification-item:focus:active,
 .notification-button:focus:active {
-	box-shadow: inset 0 0 0 1px rgba(249, 233, 250, 0.67) !important;
+	box-shadow: inset 0 0 0 1px rgba(40, 7, 43, 0.6) !important;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive,
 .hotplug-notification-item:insensitive,
 .notification-banner .notification-button:insensitive {
-	color: rgba(249, 233, 250, 0.67);
-	background-color: rgba(85, 5, 44, 1);
+	color: rgba(40, 7, 43, 0.6);
+	background-color: rgba(182, 61, 193, 0.5);
 }
 /* Overview */
 
@@ -1263,9 +1324,9 @@ StEntry:focus {
 .window-caption {
 	spacing: 20px;
 	border-radius: 12px;
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(32, 28, 32, 0.9);
-	border: 1px solid rgba(255, 255, 255, 0.03);
+	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(242, 225, 243, 0.8);
+	border: 1px solid rgba(0, 0, 0, 0.05);
 	padding: 4px 8px;
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
 }
@@ -1273,15 +1334,15 @@ StEntry:focus {
 
 /* Activities Ripple (Settings - Multitasking - Hot Corner) */
 .ripple-box {
-	background-color: rgba(89, 38, 94, 0.2);
-	box-shadow: 0 0 2px 2px rgba(89, 38, 94, 0.2);
+	background-color: rgba(240, 182, 246, 0.5);
+	box-shadow: 0 0 2px 2px rgba(240, 182, 246, 0.5);
 }
 
 
 /* thumbnails on overview (workspaces list under search) */
 .workspace-thumbnail {
-	background-color: rgba(247, 180, 253, 0.08) !important;
-	border: 1px solid rgba(255, 255, 255, 0.03) !important;
+	background-color: rgba(237, 219, 239, 0.9) !important;
+	border: 1px solid rgba(0, 0, 0, 0.05) !important;
 }
 
 /* drag and drop indicator */
@@ -1293,8 +1354,8 @@ StEntry:focus {
 
 /* selected indicator */
 .workspace-thumbnail-indicator {
-	background-color: rgba(89, 38, 94, 0.2);
-	border-color: rgba(249, 233, 250, 0.38);
+	background-color: rgba(240, 182, 246, 0.5);
+	border-color: rgba(40, 7, 43, 0.38);
 	border-width: 1px;
 	border-radius: 3px;
 }
@@ -1302,8 +1363,8 @@ StEntry:focus {
 
 /* Tiled window previews */
 .tile-preview {
-	background-color: rgba(89, 38, 94, 0.2);
-	border: 1px solid rgba(89, 38, 94, 1);
+	background-color: rgba(240, 182, 246, 0.5);
+	border: 1px solid rgba(207, 127, 214, 1);
 }
 
 /* .windows-close in screenshot.css */
@@ -1327,23 +1388,34 @@ StEntry:focus {
 .panel-button,
 .panel-button .clock, /* Date & clock */
 .clock-display StIcon { /* DND / new messages icon */
-	color: rgba(249, 233, 250, 1);
+	color: rgb(85, 5, 44);
 	border-radius: 14px;
 	border: 4px solid transparent !important;
-	background-color: rgba(247, 180, 253, 0.08);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(126, 106, 96, 1);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .panel-button:hover,
-.panel-button:hover .clock, 
+.panel-button:hover .clock {
+	background-color: rgba(85, 5, 44, 1);
+	color: rgba(0, 215, 145, 1);
+}
+
 .panel-button:active,
 .panel-button:active .clock {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 /* workspaces indicator in activities button (45+) */
 #panel .workspace-dot {
-	background-color: rgba(249, 233, 250, 1);
+	background-color: rgb(85, 5, 44);
+	border-radius: 99px;
+}
+
+#panel .workspace-dot:hover,
+#panel .workspace-dot:active {
+	background-color: rgb(0, 215, 145);
 	border-radius: 99px;
 }
 
@@ -1383,7 +1455,7 @@ StEntry:focus {
 #panel.unlock-screen .panel-button,
 #panel.login-screen .panel-button,
 #panel:overview .panel-button {
-	color: rgba(249, 233, 250, 1) !important;
+	color: rgba(85, 5, 44, 1) !important;
 }
 
 
@@ -1402,11 +1474,9 @@ StEntry:focus {
 
 .popup-menu-content, /* popover content */
 .candidate-popup-content { /* IBus Candidate Popup (i dunno how to call it) */
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	background: rgba(85, 5, 44, 1); 
 	padding: 10px;
-	border-radius: 20px;
-	border: 1px solid rgba(255, 255, 255, 0.07);
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);	
 }
 
@@ -1420,9 +1490,9 @@ StEntry:focus {
 .popup-menu-item:focus,
 .popup-menu-item:hover,
 .popup-menu-item:checked {
-	background-color: rgba(85, 5, 44, 1) !important;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(126, 106, 96, 1) !important;
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+	color: rgba(40, 7, 43, 0.87);
 }
 
 .popup-menu-item:checked {
@@ -1430,8 +1500,8 @@ StEntry:focus {
 }
 
 .popup-menu-item:active {
-	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(227, 203, 230, 0.95);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 /* 44 separator margin fix */
@@ -1441,7 +1511,7 @@ StEntry:focus {
 
 /* separator in popup menu */
 .popup-separator-menu-item .popup-separator-menu-item-separator {
-	height: 1px;
+	height: 2px;
 	margin: 6px 0;
 	background-color: rgba(0, 215, 145, 1);
 }
@@ -1453,9 +1523,9 @@ StEntry:focus {
 
 /* popover submenus */
 .popup-sub-menu {
-	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(237, 219, 239, 0.9);
+	color: rgba(40, 7, 43, 0.87);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 	border-radius: 0 0 12px 12px;
 	margin: 0 0 2px 0;
 }
@@ -1463,7 +1533,7 @@ StEntry:focus {
 /* submenu items */
 .popup-sub-menu .popup-menu-item {
 	margin: 0;
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	background-color: transparent;
 	border-radius: 0;
 }
@@ -1475,22 +1545,22 @@ StEntry:focus {
 
 .popup-sub-menu .popup-menu-item:hover,
 .popup-sub-menu .popup-menu-item:focus {
-	background-color: rgba(85, 5, 44, 1) !important;
+	background-color: rgba(227, 203, 230, 0.95) !important;
 }
 
 .popup-menu-item:insensitive {
-	color: rgba(249, 233, 250, 0.38);
+	color: rgba(40, 7, 43, 0.38);
 	margin: 0;
 }
 
 /* all other graphical elements (sliders), OpenWeather Extension */
 .popup-inactive-menu-item {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	background-color: transparent;
 }
 
 .popup-inactive-menu-item:insensitive {
-	color: rgba(249, 233, 250, 0.67) !important;
+	color: rgba(40, 7, 43, 0.6) !important;
 }
 /* Quick Settings */
 
@@ -1503,30 +1573,31 @@ StEntry:focus {
 
 /* screenshot / settings / lock / power options; part of quick-toggle-arrow [44+] */
 .icon-button {
-	background-color: rgba(247, 180, 253, 0.08);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 1);
 	transition-duration: 100ms;
 	border-radius: 99px;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .icon-button:hover {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(85, 5, 44, 1);
+	color: rgba(0, 215, 145, 1);
 }
 
 .icon-button:focus,
 .quick-toggle:focus,
 .slider-bin:focus {
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1) !important;
+	box-shadow: inset 0 0 0 2px rgba(0, 215, 145, 1) !important;
 }
 
 
 /* toggles in QS */
 .quick-toggle, /* 43 */
 .quick-menu-toggle .quick-toggle { /* 44+ */
-	color: rgba(249, 233, 250, 1);
+	color: rgba(85, 5, 44, 1);
 	border-radius: 15px;
-	background-color: rgba(85, 5, 44, 1);
+	background-color: rgba(126, 106, 96, 1);
 	transition-duration: 100ms;
 }
 
@@ -1546,6 +1617,8 @@ StEntry:focus {
 
 .quick-menu-toggle .quick-toggle-arrow {
 	border-color: transparent;
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 /* adjust borders in expandable menu button */
@@ -1562,14 +1635,14 @@ StEntry:focus {
 .quick-toggle:hover,
 .quick-menu-toggle .quick-toggle:hover,
 .quick-menu-toggle .quick-toggle-arrow:hover {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(0, 215, 145, 1);
 	background-color: rgba(85, 5, 44, 1);
 }
 
 .quick-toggle:checked,
 .quick-menu-toggle .quick-toggle:checked,
 .quick-menu-toggle .quick-toggle-arrow:checked {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(85, 5, 44, 1);
 	background-color: rgba(0, 215, 145, 1);
 	border-color: transparent;
 }
@@ -1577,8 +1650,8 @@ StEntry:focus {
 .quick-toggle:checked:hover,
 .quick-menu-toggle .quick-toggle:checked:hover,
 .quick-menu-toggle .quick-toggle-arrow:checked:hover {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(0, 215, 145, 1);
+	color: rgba(0, 215, 145, 1);
+	background-color: rgba(85, 5, 44, 1);
 }
 
 
@@ -1587,17 +1660,18 @@ StEntry:focus {
 .quick-slider .slider-bin {
 	padding: 4px;
 	margin: 0;
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	border-radius: 99px;
 }
 
 .quick-slider .slider-bin:focus {
-	background-color: rgba(247, 180, 253, 0.08);
+	background-color: rgba(237, 219, 239, 0.9);
 }
 
 /* quick slider icon */
 .quick-slider .icon-button {
-	background-color: transparent;
+	background-color: rgba(126, 106, 96, 1);
+	color: rgba(85, 5, 44, 1);
 	box-shadow: none;
 	padding: 6px;
 	border-radius: 11px;
@@ -1606,8 +1680,8 @@ StEntry:focus {
 
 .quick-slider .icon-button:hover {
 	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	color: rgba(0, 215, 145, 1);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 
@@ -1616,29 +1690,29 @@ StEntry:focus {
 https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0ecd66efd50a1#fb75f14505e58d3bc51f2498ef328d1405d89e83_94_95 */
 .quick-toggle-menu {
 	background-color: rgba(85, 5, 44, 1) !important; 
-	color: rgba(0, 215, 145, 1) !important;
+	color: rgba(0, 0, 0, 1) !important;
 	border-radius: 18px;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
   	margin: 12px auto;
 }
 
 /* header icon in expanded menu */
 .quick-toggle-menu .header .icon {
 	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
+	color: rgba(0, 215, 145, 1);
 	border-radius: 12px;
 	icon-size: 1.4em;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .quick-toggle-menu .header .icon.active {
-	background-color: rgba(85, 5, 44, 1);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(0, 215, 145, 1);
+	color: rgba(85, 5, 44, 1);
 }
 
 /* connect / disconnect text color (expanded menu) */
 .device-subtitle {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
 }
 
 
@@ -1650,44 +1724,44 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 }
 
 .background-apps-quick-toggle:hover {
-	background-color: rgba(85, 5, 44, 1);
+	background-color: rgba(237, 219, 239, 0.9);
 }
 
 .background-apps-quick-toggle:focus {
-	background-color: rgba(247, 180, 253, 0.08);
-	box-shadow: inset 0 0 0 2px rgba(201, 178, 203, 1);
+	background-color: rgba(237, 219, 239, 0.9);
+	box-shadow: inset 0 0 0 2px rgba(148, 102, 153, 1);
 }
 
 /* background app name */
 .background-app-item .title {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	font-weight: 600;
 }
 
 /* close button */
 .background-app-item .close-button {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(247, 180, 253, 0.08);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(237, 219, 239, 0.9);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .background-app-item .close-button:hover {
-	background-color: rgba(229, 201, 232, 0.13);
+	background-color: rgba(227, 203, 230, 0.95);
 }
 /* Screenshot UI */
 
 /* main screenshot panel section */
 .screenshot-ui-panel {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(21, 18, 21, 0.95);
-	border: 1px solid rgba(255, 255, 255, 0.07);
+	color: rgba(0, 215, 145, 1);
+	background-color: rgba(85, 5, 44, 1);
+	border: 1px solid rgba(0, 0, 0, 0.1);
 	border-radius: 22px;
 	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
 }
 
 .screenshot-ui-show-pointer-button, /* show pointer */
 .screenshot-ui-type-button { /* Selection / Screen / Window */
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 	border-radius: 15px;
 	transition-duration: 100ms;
 }
@@ -1696,15 +1770,15 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 .screenshot-ui-type-button:hover,
 .screenshot-ui-show-pointer-button:focus,
 .screenshot-ui-type-button:focus {
-	background: rgba(247, 180, 253, 0.08);
-	color: rgba(249, 233, 250, 1);
+	background: rgba(237, 219, 239, 0.9);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 .screenshot-ui-show-pointer-button:hover,
 .screenshot-ui-type-button:hover,
 .screenshot-ui-show-pointer-button:active,
 .screenshot-ui-type-button:active {
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .screenshot-ui-show-pointer-button:checked,
@@ -1713,20 +1787,20 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 .screenshot-ui-type-button:checked:hover,
 .screenshot-ui-show-pointer-button:checked:focus,
 .screenshot-ui-type-button:checked:focus {
-	background-color: rgba(229, 201, 232, 0.13);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(227, 203, 230, 0.95);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 .screenshot-ui-show-pointer-button:insensitive,
 .screenshot-ui-type-button:insensitive {
-	color: rgba(249, 233, 250, 0.38);
+	color: rgba(40, 7, 43, 0.38);
 }
 
 
 /* window selection backround */
 .screenshot-ui-window-selector {
-	background-color: rgba(32, 28, 32, 0.9);
+	background-color: rgba(242, 225, 243, 0.8);
 }
 
 .screenshot-ui-window-selector-window-border {
@@ -1735,20 +1809,20 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 
 /* window border when selecting */
 .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
-	border-color: rgba(89, 38, 94, 1);
+	border-color: rgba(207, 127, 214, 1);
 }
 
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
-	border-color: rgba(89, 38, 94, 1);
-	background-color: rgba(89, 38, 94, 0.2);
+	border-color: rgba(207, 127, 214, 1);
+	background-color: rgba(240, 182, 246, 0.5);
 }
 
 .screenshot-ui-window-selector-check { color: transparent; }
 
 /* check icon when selected window */
 .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(89, 38, 94, 1);
+	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(207, 127, 214, 1);
 	border-radius: 99px;
 }
 
@@ -1758,25 +1832,25 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 	width: 36px;
 	height: 36px;
 	border-radius: 99px;
-	border: 4px rgba(201, 178, 203, 1);
+	border: 4px rgba(148, 102, 153, 1);
 	padding: 4px;
 }
 
 /* capture button */
 .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
-	background-color: rgba(201, 178, 203, 1);
+	background-color: rgba(148, 102, 153, 1);
 	transition-duration: 100ms;
 	border-radius: 99px;
 }
 
 .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
 .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
-	background-color: rgba(191, 163, 193, 1);
+	background-color: rgba(133, 91, 137, 1);
 }
 
 .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
 .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
-	background-color: rgba(191, 163, 193, 1);
+	background-color: rgba(133, 91, 137, 1);
 }
 
 /* capture button when Screencast */
@@ -1796,9 +1870,9 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 
 /* screenshot / screencast buttons section */
 .screenshot-ui-shot-cast-container {
-	background-color: rgba(247, 180, 253, 0.08);
+	background-color: rgba(237, 219, 239, 0.9);
 	border-radius: 99px;
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 /* screenshot / screencast buttons */
@@ -1811,13 +1885,13 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 .screenshot-ui-shot-cast-button:hover,
 .screenshot-ui-shot-cast-button:focus,
 .screenshot-ui-shot-cast-button:active {
-	background-color: rgba(229, 201, 232, 0.13);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(227, 203, 230, 0.95);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .screenshot-ui-shot-cast-button:checked {
-	background-color: rgba(201, 178, 203, 1);
-	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(148, 102, 153, 1);
+	color: rgba(249, 233, 250, 1);
 }
 
 .screenshot-ui-area-indicator-shade {
@@ -1849,10 +1923,10 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 
 /* tooltip for elements */
 .screenshot-ui-tooltip {
-	color: rgba(249, 233, 250, 1);
-	background-color: rgba(32, 28, 32, 0.9);
+	color: rgba(40, 7, 43, 0.87);
+	background-color: rgba(242, 225, 243, 0.8);
 	padding: 6px 12px;
-	border: 1px solid rgba(255, 255, 255, 0.03);
+	border: 1px solid rgba(0, 0, 0, 0.05);
 	border-radius: 12px;
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
 }
@@ -1860,9 +1934,9 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 
 .window-close, /* close button (Overview - Workspaces - Selected window) */
 .screenshot-ui-close-button { /* close button (Screenshot UI) */
-	background-color: rgba(40, 35, 40, 1);
-	color: rgba(249, 233, 250, 1);
-	border: 1px solid rgba(255, 255, 255, 0.03);
+	background-color: rgba(236, 220, 238, 1);
+	color: rgba(40, 7, 43, 0.87);
+	border: 1px solid rgba(0, 0, 0, 0.05);
 	border-radius: 99px;
 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
 	transition-duration: 100ms;
@@ -1870,40 +1944,47 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 
 .window-close:hover,
 .screenshot-ui-close-button:hover {
-	background-color: rgba(53, 47, 54, 1);
+	background-color: rgba(227, 203, 230, 1);
 }
+
 /* Search */
 
 
 /* "no results" text */
 .search-statustext {
-  color: rgba(249, 233, 250, 0.38);
+  color: rgba(40, 7, 43, 0.38);
   font-weight: 700;
 }
 
 
 /* founded results content section */
 .search-section-content {	
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 	border-radius: 15px;
 	border: none;
-	background-color: rgba(32, 28, 32, 0.9);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(242, 225, 243, 0.8);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 /* provider section label */
 .search-provider-icon .list-search-provider-content .list-search-provider-details {
 	width: 120px;
-	color: rgba(249, 233, 250, 1);
+	color: rgba(40, 7, 43, 0.87);
 }
 
 /* search result listitem -> item title (with leading icon) */
 .list-search-result .list-search-result-title {
-	color: rgba(249, 233, 250, 1);
+	color: rgba(0, 0, 0, 1);
 }
 /* search result listitem -> item description */
 .list-search-result .list-search-result-description {
-	color: rgba(249, 233, 250, 0.67);
+	color: rgba(40, 7, 43, 0.6);
+}
+
+
+.list-search-result,
+.search-provider-icon {
+	background-color: rgba(126, 106, 96, 1);
 }
 
 .list-search-result:focus,
@@ -1912,12 +1993,12 @@ https://gitlab.gnome.org/GNOME/gnome-shell/-/commit/beb77f58243265a6cc62b720a5b0
 .search-provider-icon:hover,
 .list-search-result:selected,
 .search-provider-icon:selected {
-	background-color: rgba(229, 201, 232, 0.13);
-	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+	background-color: rgba(227, 203, 230, 0.95);
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
 
 .list-search-result:active,
 .search-provider-icon:active {
-	background-color: rgba(229, 201, 232, 0.13);
-	color: rgba(249, 233, 250, 1);
+	background-color: rgba(227, 203, 230, 0.95);
+	color: rgba(40, 7, 43, 0.87);
 }