fixed rounded corners in dialog windows, fixed suggested and destruct…

…ive button colors in gtk4
witalihirsch · Nov 23, 2022 · 67b197d · 67b197d
1 parent 2e37f30
commit 67b197d
Show file tree

Hide file tree

Showing 4 changed files with 182 additions and 6 deletions.
diff --git a/MonoTheme/gtk-4.0/gtk-dark.css b/MonoTheme/gtk-4.0/gtk-dark.css
@@ -1900,7 +1900,7 @@ menubar>item popover.menu popover.menu>contents {
 
 window.dialog.message.csd.background,
 window.dialog.message.csd .titlebar {
-    border-radius: 0px;
+    border-radius: 12px;
     min-height: 28px;
     background-color: #252525;
 }
@@ -1990,6 +1990,50 @@ window.dialog.message .dialog-action-area>button.destructive-action {
     color: white;
 }
 
+window.dialog.message .dialog-action-area>button.suggested-action:hover {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:active {
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:checked {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:disabled {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:hover {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:active {
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:checked {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:disabled {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
 window.aboutdialog image.large-icons {
     -gtk-icon-size: 128px;
 }

diff --git a/MonoTheme/gtk-4.0/gtk.css b/MonoTheme/gtk-4.0/gtk.css
@@ -1902,7 +1902,7 @@ menubar>item popover.menu popover.menu>contents {
 
 window.dialog.message.csd.background,
 window.dialog.message.csd .titlebar {
-    border-radius: 0px;
+    border-radius: 12px;
     min-height: 28px;
     background-color: #f0f0f0;
 }
@@ -1989,7 +1989,51 @@ window.dialog.message.csd .dialog-action-area>button:disabled {
 window.dialog.message .dialog-action-area>button.suggested-action,
 window.dialog.message .dialog-action-area>button.destructive-action {
     border-radius: 6px;
-    color: #252525;
+    color: white;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:hover {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:active {
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:checked {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:disabled {
+    color: rgba(40, 40, 40, 0.5);
+    background-color: rgba(40, 40, 40, 0.05);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:hover {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:active {
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:checked {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:disabled {
+    color: rgba(40, 40, 40, 0.5);
+    background-color: rgba(40, 40, 40, 0.05);
 }
 
 window.aboutdialog image.large-icons {

diff --git a/MonoThemeDark/gtk-4.0/gtk-dark.css b/MonoThemeDark/gtk-4.0/gtk-dark.css
@@ -1902,7 +1902,7 @@ menubar>item popover.menu popover.menu>contents {
 
 window.dialog.message.csd.background,
 window.dialog.message.csd .titlebar {
-    border-radius: 0px;
+    border-radius: 12px;
     min-height: 28px;
     background-color: #f0f0f0;
 }
@@ -1989,7 +1989,51 @@ window.dialog.message.csd .dialog-action-area>button:disabled {
 window.dialog.message .dialog-action-area>button.suggested-action,
 window.dialog.message .dialog-action-area>button.destructive-action {
     border-radius: 6px;
-    color: #252525;
+    color: white;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:hover {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:active {
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:checked {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:disabled {
+    color: rgba(40, 40, 40, 0.5);
+    background-color: rgba(40, 40, 40, 0.05);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:hover {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:active {
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:checked {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:disabled {
+    color: rgba(40, 40, 40, 0.5);
+    background-color: rgba(40, 40, 40, 0.05);
 }
 
 window.aboutdialog image.large-icons {

diff --git a/MonoThemeDark/gtk-4.0/gtk.css b/MonoThemeDark/gtk-4.0/gtk.css
@@ -1900,7 +1900,7 @@ menubar>item popover.menu popover.menu>contents {
 
 window.dialog.message.csd.background,
 window.dialog.message.csd .titlebar {
-    border-radius: 0px;
+    border-radius: 12px;
     min-height: 28px;
     background-color: #252525;
 }
@@ -1990,6 +1990,50 @@ window.dialog.message .dialog-action-area>button.destructive-action {
     color: white;
 }
 
+window.dialog.message .dialog-action-area>button.suggested-action:hover {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:active {
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:checked {
+    background-color: #2094c9;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #196b93;
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:disabled {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:hover {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:active {
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:checked {
+    background-color: #d65451;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:backdrop {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: #a8403e;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:disabled {
+    color: rgba(255, 255, 255, 0.5);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
 window.aboutdialog image.large-icons {
     -gtk-icon-size: 128px;
 }