mirror of
https://github.com/EliverLara/Nordic.git
synced 2026-09-28 01:46:08 -04:00
Gnome-shell: Improve buttons appearance in hover state
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user