starred/Nordic
1
0
Fork 0
mirror of https://github.com/EliverLara/Nordic.git synced 2026-09-28 01:46:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Gnome-shell: Improve buttons appearance

Browse Source
This commit is contained in:
EliverLara
2022-02-09 14:54:00 -06:00
parent 9a4bd0a9bb
commit 5cf0b0e2b9
3 changed files with 52 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gnome-shell/_drawing.scss
+16 -15
View File
@@ -143,26 +143,27 @@
//
color: $fg_color;
background-color: $main_dark;
background-color: darken($bg_color, 2%);
box-shadow: none;
border: 1px solid $borders_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
}
@if $t==focus {
//
// focused button
//
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
$osd_bg_color);
color: $selected_bg_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid $borders_color;
//
// focused button
//
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
$osd_bg_color);
background-color: transparentize($selected_bg_color, 0.3);
color: $selected_fg_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid $borders_color;
}
@else if $t==hover {
//
// active osd button
@@ -170,8 +171,8 @@
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.3),
lighten($osd_bg_color,2%));
color: $selected_bg_color;
background-color: $_bg;
background-color: transparentize($selected_bg_color, 0.3);
color: $selected_fg_color;
border: 1px solid $borders_color;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
gnome-shell/earlier-versions/gnome-shell.css
+18 -14
View File
@@ -10,7 +10,7 @@ stage {
/* Buttons */
.button {
color: #d8dee9;
background-color: #232831;
background-color: #2a2f3a;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -19,7 +19,8 @@ stage {
border-width: 0;
padding: 4px 32px; }
.button:focus {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
@@ -38,8 +39,8 @@ stage {
text-shadow: none;
icon-shadow: none; }
.button:hover {
color: #81a1c1;
background-color: rgba(50, 57, 70, 0.95);
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
@@ -66,20 +67,22 @@ stage {
text-shadow: none;
icon-shadow: none; }
.modal-dialog-linked-button:focus {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
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 {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.modal-dialog-linked-button:hover {
color: #81a1c1;
background-color: rgba(50, 57, 70, 0.95);
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
@@ -1631,7 +1634,7 @@ StScrollBar {
.keyboard-key {
color: #d8dee9;
background-color: #232831;
background-color: #2a2f3a;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1643,14 +1646,15 @@ StScrollBar {
font-weight: bold;
border-radius: 5px; }
.keyboard-key:focus {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
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 {
color: #81a1c1;
background-color: rgba(50, 57, 70, 0.95);
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
@@ -1734,14 +1738,14 @@ StScrollBar {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
color: #d8dee9;
background-color: #232831;
background-color: #2a2f3a;
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 {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
gnome-shell/gnome-shell.css
+18 -14
View File
@@ -10,7 +10,7 @@ stage {
/* Buttons */
.button, .app-folder-dialog .edit-folder-button {
color: #d8dee9;
background-color: #232831;
background-color: #2a2f3a;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -18,7 +18,8 @@ stage {
border-radius: 4px;
padding: 4px 32px; }
.button:focus, .app-folder-dialog .edit-folder-button:focus {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
@@ -37,8 +38,8 @@ stage {
text-shadow: none;
icon-shadow: none; }
.button:hover, .app-folder-dialog .edit-folder-button:hover {
color: #81a1c1;
background-color: rgba(50, 57, 70, 0.95);
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
@@ -65,20 +66,22 @@ stage {
text-shadow: none;
icon-shadow: none; }
.modal-dialog-linked-button:focus {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
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 {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
box-shadow: none;
border: 1px solid #1f232b; }
.modal-dialog-linked-button:hover {
color: #81a1c1;
background-color: rgba(50, 57, 70, 0.95);
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
@@ -1620,7 +1623,7 @@ StScrollBar {
.keyboard-key {
color: #d8dee9;
background-color: #232831;
background-color: #2a2f3a;
box-shadow: none;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
@@ -1632,14 +1635,15 @@ StScrollBar {
font-weight: bold;
border-radius: 5px; }
.keyboard-key:focus {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
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 {
color: #81a1c1;
background-color: rgba(50, 57, 70, 0.95);
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
@@ -1723,14 +1727,14 @@ StScrollBar {
padding: 3px 18px; }
.login-dialog .modal-dialog-button:default {
color: #d8dee9;
background-color: #232831;
background-color: #2a2f3a;
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 {
color: #81a1c1;
background-color: rgba(129, 161, 193, 0.7);
color: #fefefe;
border: 1px solid #1f232b;
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }