Skip to content

Commit

Permalink
Improvement: gnome - button color consistancy with gtk
Browse files Browse the repository at this point in the history
  • Loading branch information
@thekomer
thekomer committed Feb 23, 2022
1 parent e49bd82 commit f6c5798
Show file tree
Hide file tree
Showing 3 changed files with 46 additions and 38 deletions.
10 changes: 5 additions & 5 deletions gnome-shell/_drawing.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@
//

color: $fg_color;
background-color: $main_dark;
background-color: lighten(mix($bg_color, $base_color, 15%), 4%);
box-shadow: none;
border: 1px solid $borders_color;
text-shadow: 0 1px black;
Expand All @@ -156,8 +156,8 @@
//
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
$osd_bg_color);

color: $selected_bg_color;
background-color: lighten(mix($bg_color, $base_color, 15%), 8%);
color: $selected_fg_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
Expand All @@ -171,8 +171,8 @@
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.3),
lighten($main_dark, 2%));

color: $selected_bg_color;
background-color: $_bg;
background-color: lighten(mix($bg_color, $base_color, 15%), 7%);
color: $selected_fg_color;
border: 1px solid $borders_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
Expand Down
40 changes: 22 additions & 18 deletions gnome-shell/gnome-shell.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ stage {
/* Buttons */
.button {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
Expand All @@ -20,7 +20,8 @@ stage {
border-width: 0;
padding: 4px 32px; }
.button:focus {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
Expand All @@ -39,8 +40,8 @@ stage {
text-shadow: none;
icon-shadow: none; }
.button:hover {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand All @@ -67,20 +68,22 @@ stage {
text-shadow: none;
icon-shadow: none; }
.modal-dialog-linked-button:focus {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #0b0d16; }
.modal-dialog-linked-button:focus:hover {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #0b0d16; }
.modal-dialog-linked-button:hover {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down Expand Up @@ -1009,16 +1012,16 @@ StScrollBar {

.message-list-clear-button.button {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
border: 1px solid #0b0d16;
margin: 1.5em 1.5em 0; }
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down Expand Up @@ -1709,7 +1712,7 @@ StScrollBar {

.keyboard-key {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
Expand All @@ -1722,14 +1725,15 @@ StScrollBar {
font-weight: bold;
border-radius: 5px; }
.keyboard-key:focus {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #0b0d16; }
.keyboard-key:hover, .keyboard-key:checked {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down Expand Up @@ -1813,15 +1817,15 @@ StScrollBar {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
border: 1px solid #0b0d16; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
color: #ff6a00;
background-color: rgba(255, 106, 0, 0.7);
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down
34 changes: 19 additions & 15 deletions gnome-shell/v40/gnome-shell.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ stage {
/* Buttons */
.button {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
Expand All @@ -19,7 +19,8 @@ stage {
border-radius: 4px;
padding: 4px 32px; }
.button:focus {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
Expand All @@ -38,8 +39,8 @@ stage {
text-shadow: none;
icon-shadow: none; }
.button:hover {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand All @@ -66,20 +67,22 @@ stage {
text-shadow: none;
icon-shadow: none; }
.modal-dialog-linked-button:focus {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #0b0d16; }
.modal-dialog-linked-button:focus:hover {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #0b0d16; }
.modal-dialog-linked-button:hover {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down Expand Up @@ -1670,7 +1673,7 @@ StScrollBar {

.keyboard-key {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
Expand All @@ -1683,14 +1686,15 @@ StScrollBar {
font-weight: bold;
border-radius: 5px; }
.keyboard-key:focus {
color: #ff6a00;
background-color: #1e233b;
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #0b0d16; }
.keyboard-key:hover, .keyboard-key:checked {
color: #ff6a00;
background-color: #090b13;
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down Expand Up @@ -1774,15 +1778,15 @@ StScrollBar {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
color: #bfc3cd;
background-color: #06070c;
background-color: #171b2e;
box-shadow: none;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
border: 1px solid #0b0d16; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
color: #ff6a00;
background-color: rgba(255, 106, 0, 0.7);
background-color: #1c2138;
color: #fefefe;
border: 1px solid #0b0d16;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
Expand Down

0 comments on commit f6c5798

Please sign in to comment.