Skip to content

Commit

Permalink
Improvement: GTK4 - buttons and entries visibility
Browse files Browse the repository at this point in the history
  • Loading branch information
@thekomer
thekomer committed Dec 28, 2021
1 parent e9fc050 commit 66fc951
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 24 deletions.
4 changes: 2 additions & 2 deletions gtk-4.0/_drawing.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@
@if $t==normal {
color: $text_color;
border-color: $borders_color;
background-color: $base_color;
background-color: lighten($base_color, 4%);
// for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here.
}
@if $t==focus {
Expand Down Expand Up @@ -222,7 +222,7 @@
//
font-weight: normal;
color: $tc;
background-color: mix($bg_color, $base_color, 15%);
background-color: lighten(mix($bg_color, $base_color, 15%), 4%);
text-shadow: none;
} @else if $t==hover {
//
Expand Down
22 changes: 11 additions & 11 deletions gtk-4.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ read if you used those and something break with a version upgrade you're on your
@define-color wm_title shade(#BFC3CD, 1.8);
@define-color wm_unfocused_title #676a75;
@define-color wm_highlight rgba(0, 0, 0, 0);
@define-color wm_borders_edge rgba(0, 0, 0, 0.5);
@define-color wm_borders_edge rgba(255, 255, 255, 0.5);
@define-color wm_bg_a shade(#0E111D, 1.2);
@define-color wm_bg_b #0E111D;
@define-color wm_shadow alpha(black, 0.35);
Expand Down Expand Up @@ -347,7 +347,7 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }
notebook > header > tabs > arrow,
button.flat {
Expand Down Expand Up @@ -1072,13 +1072,13 @@ button {
toolbar button:hover {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }

toolbar button:active {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }

.inline-toolbar toolbutton > button {
Expand Down Expand Up @@ -1715,7 +1715,7 @@ colorswatch#add-color-button {
colorswatch#add-color-button overlay {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }
colorswatch#add-color-button overlay:hover {
color: #ff6a00;
Expand Down Expand Up @@ -1821,7 +1821,7 @@ entry {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #BFC3CD;
border-color: rgba(255, 255, 255, 0.05);
background-color: #111524; }
background-color: #181d32; }
spinbutton:not(.vertical) image.left,
entry image.left {
padding-left: 0;
Expand Down Expand Up @@ -1887,7 +1887,7 @@ entry {
entry.error {
color: #BFC3CD;
border-color: rgba(255, 255, 255, 0.05);
background-color: #111524;
background-color: #181d32;
color: #e60000;
border-color: #330000; }
spinbutton.error:focus-within:not(.vertical),
Expand All @@ -1901,7 +1901,7 @@ entry {
entry.warning {
color: #BFC3CD;
border-color: rgba(255, 255, 255, 0.05);
background-color: #111524;
background-color: #181d32;
color: #cc5500;
border-color: #1a0b00; }
spinbutton.warning:focus-within:not(.vertical),
Expand Down Expand Up @@ -2496,7 +2496,7 @@ headerbar {
border-radius: 4px;
font-weight: normal;
color: white;
background-color: #111423;
background-color: #181c31;
text-shadow: none;
box-shadow: none; }
.titlebar button.suggested-action:hover,
Expand Down Expand Up @@ -2542,7 +2542,7 @@ headerbar {
border-radius: 4px;
font-weight: normal;
color: white;
background-color: #111423;
background-color: #181c31;
text-shadow: none;
box-shadow: none; }
.titlebar button.destructive-action:hover,
Expand Down Expand Up @@ -6553,7 +6553,7 @@ ConversationListView {
#content_frame button {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }
#content_frame button:hover {
color: #fefefe;
Expand Down
22 changes: 11 additions & 11 deletions gtk-4.0/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ read if you used those and something break with a version upgrade you're on your
@define-color wm_title shade(#BFC3CD, 1.8);
@define-color wm_unfocused_title #676a75;
@define-color wm_highlight rgba(0, 0, 0, 0);
@define-color wm_borders_edge rgba(0, 0, 0, 0.5);
@define-color wm_borders_edge rgba(255, 255, 255, 0.5);
@define-color wm_bg_a shade(#0E111D, 1.2);
@define-color wm_bg_b #0E111D;
@define-color wm_shadow alpha(black, 0.35);
Expand Down Expand Up @@ -347,7 +347,7 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }
notebook > header > tabs > arrow,
button.flat {
Expand Down Expand Up @@ -1072,13 +1072,13 @@ button {
toolbar button:hover {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }

toolbar button:active {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }

.inline-toolbar toolbutton > button {
Expand Down Expand Up @@ -1715,7 +1715,7 @@ colorswatch#add-color-button {
colorswatch#add-color-button overlay {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }
colorswatch#add-color-button overlay:hover {
color: #ff6a00;
Expand Down Expand Up @@ -1821,7 +1821,7 @@ entry {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #BFC3CD;
border-color: rgba(255, 255, 255, 0.05);
background-color: #111524; }
background-color: #181d32; }
spinbutton:not(.vertical) image.left,
entry image.left {
padding-left: 0;
Expand Down Expand Up @@ -1887,7 +1887,7 @@ entry {
entry.error {
color: #BFC3CD;
border-color: rgba(255, 255, 255, 0.05);
background-color: #111524;
background-color: #181d32;
color: #e60000;
border-color: #330000; }
spinbutton.error:focus-within:not(.vertical),
Expand All @@ -1901,7 +1901,7 @@ entry {
entry.warning {
color: #BFC3CD;
border-color: rgba(255, 255, 255, 0.05);
background-color: #111524;
background-color: #181d32;
color: #cc5500;
border-color: #1a0b00; }
spinbutton.warning:focus-within:not(.vertical),
Expand Down Expand Up @@ -2496,7 +2496,7 @@ headerbar {
border-radius: 4px;
font-weight: normal;
color: white;
background-color: #111423;
background-color: #181c31;
text-shadow: none;
box-shadow: none; }
.titlebar button.suggested-action:hover,
Expand Down Expand Up @@ -2542,7 +2542,7 @@ headerbar {
border-radius: 4px;
font-weight: normal;
color: white;
background-color: #111423;
background-color: #181c31;
text-shadow: none;
box-shadow: none; }
.titlebar button.destructive-action:hover,
Expand Down Expand Up @@ -6553,7 +6553,7 @@ ConversationListView {
#content_frame button {
font-weight: normal;
color: #BFC3CD;
background-color: #111423;
background-color: #181c31;
text-shadow: none; }
#content_frame button:hover {
color: #fefefe;
Expand Down

0 comments on commit 66fc951

Please sign in to comment.