IMprovement: Gnome 40 - notification list appearance

thekomer · Mar 1, 2022 · c8254d3 · c8254d3
1 parent e8fb4cc
commit c8254d3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 23 deletions.
diff --git a/gnome-shell/v40/_common.scss b/gnome-shell/v40/_common.scss
@@ -20,7 +20,7 @@ stage {
 /* Buttons */
 .button, %button  {
   @include button(normal);
-  border-radius: 4px;
+	border-radius: 6px;
   padding: 4px 32px;
   &:focus { @include button(focus); }
   &:insensitive { @include button(insensitive); }
@@ -568,7 +568,7 @@ StScrollBar {
   .popup-menu-boxpointer,
   .candidate-popup-boxpointer {
     -arrow-border-radius: 7px;
-    -arrow-background-color: $bg_color;
+    -arrow-background-color: darken($bg_color, 1%);
     -arrow-border-width: 1px;
     -arrow-border-color: $borders_color;
     -arrow-base: 24px;
@@ -914,10 +914,9 @@ StScrollBar {
 
     .datemenu-calendar-column {
       border: 0 solid transparent;
-      &:ltr { border-left-width: 1px; }
-      &:rtl { border-right-width: 1px; }
-      background: darken($bg_color, 0.7%);
-     //@include gradient();
+      background: lighten($bg_color, 1%);
+      border-radius: 7px;
+      box-shadow: 0px 0px 1px 1px $borders_color inset;
     }
 
     .datemenu-today-button,
@@ -1119,13 +1118,13 @@ StScrollBar {
 
         .message {
           &:hover,&:focus {
-            background-color: darken($bg_color, 1%);
-            //@include gradient();
+            background-color: lighten($bg_color, 4%);
             box-shadow: 2px 0px 0px 0px $g2 inset;
+            border-radius: 0px 7px 7px 0px;
            }
-          border: 1px solid darken($bg_color, 5%);
-          border-radius: 3px;
-          background: darken($bg_color, 1%);
+          border: 1px solid $borders_color;
+          border-radius: 7px;
+          background: lighten($bg_color, 1.5%);
           box-shadow: none;
         }
 

diff --git a/gnome-shell/v40/gnome-shell.css b/gnome-shell/v40/gnome-shell.css
@@ -16,7 +16,7 @@ stage {
   text-shadow: 0 1px black;
   icon-shadow: 0 1px black;
   border: 1px solid #0b0d16;
-  border-radius: 4px;
+  border-radius: 6px;
   padding: 4px 32px; }
   .button:focus {
     background-color: #1e233b;
@@ -546,7 +546,7 @@ StScrollBar {
 .popup-menu-boxpointer,
 .candidate-popup-boxpointer {
   -arrow-border-radius: 7px;
-  -arrow-background-color: #0e111d;
+  -arrow-background-color: #0c0f1a;
   -arrow-border-width: 1px;
   -arrow-border-color: #0b0d16;
   -arrow-base: 24px;
@@ -824,11 +824,9 @@ StScrollBar {
 
 .datemenu-calendar-column {
   border: 0 solid transparent;
-  background: #0d101b; }
-  .datemenu-calendar-column:ltr {
-    border-left-width: 1px; }
-  .datemenu-calendar-column:rtl {
-    border-right-width: 1px; }
+  background: #101320;
+  border-radius: 7px;
+  box-shadow: 0px 0px 1px 1px #0b0d16 inset; }
 
 .datemenu-today-button,
 .world-clocks-button,
@@ -1013,13 +1011,14 @@ StScrollBar {
   background: transparent; }
 
 .message {
-  border: 1px solid #06070c;
-  border-radius: 3px;
-  background: #0c0f1a;
+  border: 1px solid #0b0d16;
+  border-radius: 7px;
+  background: #101422;
   box-shadow: none; }
   .message:hover, .message:focus {
-    background-color: #0c0f1a;
-    box-shadow: 2px 0px 0px 0px #ffa100 inset; }
+    background-color: #15192b;
+    box-shadow: 2px 0px 0px 0px #ffa100 inset;
+    border-radius: 0px 7px 7px 0px; }
 
 .message-icon-bin {
   padding: 10px 3px 10px 10px; }