Improvement Gnome 40 - modal dialogs appearance

thekomer · Apr 6, 2022 · fb1abdd · fb1abdd
1 parent f8ab8a8
commit fb1abdd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/gnome-shell/v40/_common.scss b/gnome-shell/v40/_common.scss
@@ -52,9 +52,9 @@ stage {
     @include button(hover);
   }
 
-  &:first-child { border-radius: 0px 0px 0px 2px; }
-  &:last-child { border-radius: 0px 0px 2px 0px; }
-  &:first-child:last-child { border-radius: 0px 0px 2px 2px; }
+  &:first-child { border-radius: 0px 0px 0px 10px; }
+  &:last-child { border-radius: 0px 0px 10px 0px; }
+  &:first-child:last-child { border-radius: 0px 0px 10px 10px; }
 }
 
 /* Entries */
@@ -178,10 +178,10 @@ StScrollBar {
 .flashspot { background-color: white; }
 
 .modal-dialog {
-  border: none;
-  border-radius: 2px;
+  border: 1px solid $borders_color;
+  border-radius: 10px;
   color: $osd_fg_color;
-  background-color: darken($osd_bg_color,5%);
+  background-color: darken($osd_bg_color, 2%);
   box-shadow: $depth6;
 
   .modal-dialog-content-box { padding: 24px; }

diff --git a/gnome-shell/v40/gnome-shell.css b/gnome-shell/v40/gnome-shell.css
@@ -87,11 +87,11 @@ stage {
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black; }
   .modal-dialog-linked-button:first-child {
-    border-radius: 0px 0px 0px 2px; }
+    border-radius: 0px 0px 0px 10px; }
   .modal-dialog-linked-button:last-child {
-    border-radius: 0px 0px 2px 0px; }
+    border-radius: 0px 0px 10px 0px; }
   .modal-dialog-linked-button:first-child:last-child {
-    border-radius: 0px 0px 2px 2px; }
+    border-radius: 0px 0px 10px 10px; }
 
 /* Entries */
 StEntry {
@@ -217,10 +217,10 @@ StScrollBar {
   background-color: white; }
 
 .modal-dialog {
-  border: none;
-  border-radius: 2px;
+  border: 1px solid #0b0d16;
+  border-radius: 10px;
   color: #bfc3cd;
-  background-color: rgba(6, 7, 12, 0.95);
+  background-color: rgba(11, 13, 22, 0.95);
   box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); }
   .modal-dialog .modal-dialog-content-box {
     padding: 24px; }