Fixed gnome-shell message issues

vinceliuice · Apr 17, 2021 · 26049c7 · 26049c7
1 parent f8e46aa
commit 26049c7
Show file tree

Hide file tree

Showing 19 changed files with 278 additions and 95 deletions.
diff --git a/src/_sass/gnome-shell/widgets-common/_message-list.scss b/src/_sass/gnome-shell/widgets-common/_message-list.scss
@@ -57,8 +57,11 @@
       .message-title,
       .message-body,
       .message-secondary-bin > .event-time,
-      .message-close-button {
+      .message-close-button,
+      .message-media-control {
         color: $selected_fg_color;
+
+        &:insensitive { color: rgba($selected_fg_color, 0.45); }
       }
     }
   }
@@ -147,22 +150,22 @@
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 6px * 2 6px * 4;
+  padding: 10px;
   color: $alt_fg_color;
-  border-radius: 100px;
+  border-radius: 1000px;
 
   &:last-child:ltr { margin-right: 16px; padding-right: 8px; }
   &:last-child:rtl { margin-left: 16px; padding-left: 8px; }
 
   // uses $hover_bg_color since the media controls are in a notification_bubble
   &:hover {
     color: $fg_color;
-    background-color: $alt_bg_color;
+    background-color: rgba($fg_color, 0.15);
   }
 
   &:active {
-    background-color: $sec_bg_color;
     color: $fg_color;
+    background-color: rgba($fg_color, 0.25);
   }
 
   &:insensitive { color: $insensitive_fg_color; }

diff --git a/src/gnome-shell/theme-3-32/gnome-shell-dark.css b/src/gnome-shell/theme-3-32/gnome-shell-dark.css
@@ -829,10 +829,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -911,9 +921,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(230, 235, 239, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -928,12 +938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #e6ebef;
-  background-color: #3d404b;
+  background-color: rgba(230, 235, 239, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(false, #1b1c21, #494c59);
   color: #e6ebef;
+  background-color: rgba(230, 235, 239, 0.25);
 }
 
 .message-media-control:insensitive {

diff --git a/src/gnome-shell/theme-3-32/gnome-shell-light.css b/src/gnome-shell/theme-3-32/gnome-shell-light.css
@@ -828,10 +828,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -910,9 +920,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(70, 72, 83, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -927,12 +937,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #464853;
-  background-color: #eaeef2;
+  background-color: rgba(70, 72, 83, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(true, #dae2e9, white);
   color: #464853;
+  background-color: rgba(70, 72, 83, 0.25);
 }
 
 .message-media-control:insensitive {

diff --git a/src/gnome-shell/theme-3-32/gnome-shell.css b/src/gnome-shell/theme-3-32/gnome-shell.css
@@ -828,10 +828,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -910,9 +920,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(70, 72, 83, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -927,12 +937,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #464853;
-  background-color: #eaeef2;
+  background-color: rgba(70, 72, 83, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(true, #dae2e9, white);
   color: #464853;
+  background-color: rgba(70, 72, 83, 0.25);
 }
 
 .message-media-control:insensitive {

diff --git a/src/gnome-shell/theme-40-0/gnome-shell-dark.css b/src/gnome-shell/theme-40-0/gnome-shell-dark.css
@@ -829,10 +829,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -911,9 +921,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(230, 235, 239, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -928,12 +938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #e6ebef;
-  background-color: #3d404b;
+  background-color: rgba(230, 235, 239, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(false, #1b1c21, #494c59);
   color: #e6ebef;
+  background-color: rgba(230, 235, 239, 0.25);
 }
 
 .message-media-control:insensitive {

diff --git a/src/gnome-shell/theme-40-0/gnome-shell-light.css b/src/gnome-shell/theme-40-0/gnome-shell-light.css
@@ -828,10 +828,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -910,9 +920,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(70, 72, 83, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -927,12 +937,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #464853;
-  background-color: #eaeef2;
+  background-color: rgba(70, 72, 83, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(true, #dae2e9, white);
   color: #464853;
+  background-color: rgba(70, 72, 83, 0.25);
 }
 
 .message-media-control:insensitive {

diff --git a/src/gnome-shell/theme-40-0/gnome-shell.css b/src/gnome-shell/theme-40-0/gnome-shell.css
@@ -828,10 +828,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -910,9 +920,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(70, 72, 83, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -927,12 +937,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #464853;
-  background-color: #eaeef2;
+  background-color: rgba(70, 72, 83, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(true, #dae2e9, white);
   color: #464853;
+  background-color: rgba(70, 72, 83, 0.25);
 }
 
 .message-media-control:insensitive {

diff --git a/src/gnome-shell/theme-manjaro-3-32/gnome-shell-dark.css b/src/gnome-shell/theme-manjaro-3-32/gnome-shell-dark.css
@@ -829,10 +829,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-menu .message:active .message-title,
 .popup-menu .message:active .message-body,
 .popup-menu .message:active .message-secondary-bin > .event-time,
-.popup-menu .message:active .message-close-button {
+.popup-menu .message:active .message-close-button,
+.popup-menu .message:active .message-media-control {
   color: #ffffff;
 }
 
+.popup-menu .message:active .message-content:insensitive,
+.popup-menu .message:active .message-title:insensitive,
+.popup-menu .message:active .message-body:insensitive,
+.popup-menu .message:active .message-secondary-bin > .event-time:insensitive,
+.popup-menu .message:active .message-close-button:insensitive,
+.popup-menu .message:active .message-media-control:insensitive {
+  color: rgba(255, 255, 255, 0.45);
+}
+
 .message .message-icon-bin {
   padding: 18px 0 18px 12px;
 }
@@ -911,9 +921,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 /* Media Controls */
 .message-media-control {
   margin: 18px 4px;
-  padding: 12px 24px;
+  padding: 10px;
   color: rgba(230, 235, 239, 0.75);
-  border-radius: 100px;
+  border-radius: 1000px;
 }
 
 .message-media-control:last-child:ltr {
@@ -928,12 +938,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .message-media-control:hover {
   color: #e6ebef;
-  background-color: #3d404b;
+  background-color: rgba(230, 235, 239, 0.15);
 }
 
 .message-media-control:active {
-  background-color: dif(false, #1b1c21, #494c59);
   color: #e6ebef;
+  background-color: rgba(230, 235, 239, 0.25);
 }
 
 .message-media-control:insensitive {