Skip to content

Commit

Permalink
Improvement: GTK3&4: LightDM - button color
Browse files Browse the repository at this point in the history
  • Loading branch information
@thekomer
thekomer committed Feb 19, 2022
1 parent 4a45022 commit dda9906
Show file tree
Hide file tree
Showing 6 changed files with 132 additions and 72 deletions.
8 changes: 4 additions & 4 deletions gtk-3.0/apps/_lightdm.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,11 +51,11 @@
}

#content_frame button {
@include button(normal);
@include button(osd);

&:hover { @include button(hover, $selected_bg_color, $selected_fg_color); }
&:active, &:checked { @include button(active, $selected_bg_color, $selected_fg_color); }
&:disabled { @include button(insensitive); }
&:hover { @include button(osd-hover, $selected_bg_color, $selected_fg_color); }
&:active, &:checked { @include button(osd-active, $selected_bg_color, $selected_fg_color); }
&:disabled { @include button(osd-insensitive, $selected_bg_color, $selected_fg_color); }
}

// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
Expand Down
47 changes: 31 additions & 16 deletions gtk-3.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6782,25 +6782,40 @@ ConversationListView {
border-width: 1px 1px 0 1px; }

#content_frame button {
font-weight: normal;
color: #BFC3CD;
background-color: #181c31;
text-shadow: none; }
color: #fefefe;
border-color: rgba(0, 0, 0, 0.15);
background-color: rgba(20, 23, 26, 0.8);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:hover {
color: #fefefe;
background: rgba(255, 106, 0, 0.5);
outline-color: rgba(254, 254, 254, 0.3);
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:active, #content_frame button:checked {
color: #fefefe;
outline-color: rgba(254, 254, 254, 0.3);
background-color: #ff6a00;
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to right, #ff3300, #ffa100);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:disabled {
color: #9da1ad;
outline-color: rgba(191, 195, 205, 0.3);
background-color: #0f1320;
text-shadow: none; }
color: #898b8c;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }

#buttonbox_frame {
padding-top: 0em;
Expand Down
47 changes: 31 additions & 16 deletions gtk-3.0/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6782,25 +6782,40 @@ ConversationListView {
border-width: 1px 1px 0 1px; }

#content_frame button {
font-weight: normal;
color: #BFC3CD;
background-color: #181c31;
text-shadow: none; }
color: #fefefe;
border-color: rgba(0, 0, 0, 0.15);
background-color: rgba(20, 23, 26, 0.8);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:hover {
color: #fefefe;
background: rgba(255, 106, 0, 0.5);
outline-color: rgba(254, 254, 254, 0.3);
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:active, #content_frame button:checked {
color: #fefefe;
outline-color: rgba(254, 254, 254, 0.3);
background-color: #ff6a00;
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to right, #ff3300, #ffa100);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:disabled {
color: #9da1ad;
outline-color: rgba(191, 195, 205, 0.3);
background-color: #0f1320;
text-shadow: none; }
color: #898b8c;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }

#buttonbox_frame {
padding-top: 0em;
Expand Down
8 changes: 4 additions & 4 deletions gtk-4.0/apps/_lightdm.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,11 +51,11 @@
}

#content_frame button {
@include button(normal);
@include button(osd);

&:hover { @include button(hover, $selected_bg_color, $selected_fg_color); }
&:active, &:checked { @include button(active, $selected_bg_color, $selected_fg_color); }
&:disabled { @include button(insensitive); }
&:hover { @include button(osd-hover, $selected_bg_color, $selected_fg_color); }
&:active, &:checked { @include button(osd-active, $selected_bg_color, $selected_fg_color); }
&:disabled { @include button(osd-insensitive, $selected_bg_color, $selected_fg_color); }
}

// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
Expand Down
47 changes: 31 additions & 16 deletions gtk-4.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6676,25 +6676,40 @@ ConversationListView {
border-width: 1px 1px 0 1px; }

#content_frame button {
font-weight: normal;
color: #BFC3CD;
background-color: #181c31;
text-shadow: none; }
color: #fefefe;
border-color: rgba(0, 0, 0, 0.15);
background-color: rgba(20, 23, 26, 0.8);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:hover {
color: #fefefe;
background: rgba(255, 106, 0, 0.5);
outline-color: rgba(254, 254, 254, 0.3);
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:active, #content_frame button:checked {
color: #fefefe;
outline-color: rgba(254, 254, 254, 0.3);
background-color: #ff6a00;
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to right, #ff3300, #ffa100);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:disabled {
color: #9da1ad;
outline-color: rgba(191, 195, 205, 0.3);
background-color: #0f1320;
text-shadow: none; }
color: #898b8c;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }

#buttonbox_frame {
padding-top: 0em;
Expand Down
47 changes: 31 additions & 16 deletions gtk-4.0/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6676,25 +6676,40 @@ ConversationListView {
border-width: 1px 1px 0 1px; }

#content_frame button {
font-weight: normal;
color: #BFC3CD;
background-color: #181c31;
text-shadow: none; }
color: #fefefe;
border-color: rgba(0, 0, 0, 0.15);
background-color: rgba(20, 23, 26, 0.8);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:hover {
color: #fefefe;
background: rgba(255, 106, 0, 0.5);
outline-color: rgba(254, 254, 254, 0.3);
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(255, 106, 0, 0.7), rgba(255, 106, 0, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:active, #content_frame button:checked {
color: #fefefe;
outline-color: rgba(254, 254, 254, 0.3);
background-color: #ff6a00;
text-shadow: none; }
color: white;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to right, #ff3300, #ffa100);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(254, 254, 254, 0.3); }
#content_frame button:disabled {
color: #9da1ad;
outline-color: rgba(191, 195, 205, 0.3);
background-color: #0f1320;
text-shadow: none; }
color: #898b8c;
border-color: rgba(0, 0, 0, 0.15);
background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }

#buttonbox_frame {
padding-top: 0em;
Expand Down

0 comments on commit dda9906

Please sign in to comment.