Gnome-shell: Improve buttons appearance in hover state

This commit is contained in:
EliverLara
2022-02-26 15:45:06 -06:00
parent 3b220ff143
commit 03bbb451be
3 changed files with 25 additions and 25 deletions
+3 -3
View File
@@ -143,7 +143,7 @@
//
color: $fg_color;
background-color: darken($bg_color, 2%);
background-color: lighten($base_color, 3%);
box-shadow: none;
border: 1px solid $borders_color;
text-shadow: 0 1px black;
@@ -156,7 +156,7 @@
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
$osd_bg_color);
background-color: transparentize($selected_bg_color, 0.3);
background-color: lighten($base_color, 6%);
color: $selected_fg_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
@@ -171,7 +171,7 @@
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.3),
lighten($osd_bg_color,2%));
background-color: transparentize($selected_bg_color, 0.3);
background-color: lighten($base_color, 6%);
color: $selected_fg_color;
border: 1px solid $borders_color;
text-shadow: 0 1px black;
+11 -11
View File
@@ -10,7 +10,7 @@ stage {
/* Buttons */
.button {
color: #d8dee9;
background-color: #2a2f3a;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -19,7 +19,7 @@ stage {
border-width: 0;
padding: 4px 32px; }
.button:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
@@ -39,7 +39,7 @@ stage {
text-shadow: none;
icon-shadow: none; }
.button:hover {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -67,21 +67,21 @@ stage {
text-shadow: none;
icon-shadow: none; }
.modal-dialog-linked-button:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.modal-dialog-linked-button:focus:hover {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.modal-dialog-linked-button:hover {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1634,7 +1634,7 @@ StScrollBar {
.keyboard-key {
color: #d8dee9;
background-color: #2a2f3a;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1646,14 +1646,14 @@ StScrollBar {
font-weight: bold;
border-radius: 5px; }
.keyboard-key:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.keyboard-key:hover, .keyboard-key:checked {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1738,13 +1738,13 @@ StScrollBar {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
color: #d8dee9;
background-color: #2a2f3a;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
+11 -11
View File
@@ -10,7 +10,7 @@ stage {
/* Buttons */
.button, .app-folder-dialog .edit-folder-button {
color: #d8dee9;
background-color: #2a2f3a;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -18,7 +18,7 @@ stage {
border-radius: 4px;
padding: 4px 32px; }
.button:focus, .app-folder-dialog .edit-folder-button:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
@@ -38,7 +38,7 @@ stage {
text-shadow: none;
icon-shadow: none; }
.button:hover, .app-folder-dialog .edit-folder-button:hover {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -66,21 +66,21 @@ stage {
text-shadow: none;
icon-shadow: none; }
.modal-dialog-linked-button:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.modal-dialog-linked-button:focus:hover {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.modal-dialog-linked-button:hover {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1623,7 +1623,7 @@ StScrollBar {
.keyboard-key {
color: #d8dee9;
background-color: #2a2f3a;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1635,14 +1635,14 @@ StScrollBar {
font-weight: bold;
border-radius: 5px; }
.keyboard-key:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.keyboard-key:hover, .keyboard-key:checked {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1727,13 +1727,13 @@ StScrollBar {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
color: #d8dee9;
background-color: #2a2f3a;
background-color: #343b49;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
background-color: rgba(129, 161, 193, 0.7);
background-color: #3b4252;
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;