Skip to content

Commit

Permalink
Improvement: GTK3 - buttons and entries visibilit
Browse files Browse the repository at this point in the history
  • Loading branch information
@thekomer
thekomer committed Dec 28, 2021
1 parent a6ef972 commit e9fc050
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 25 deletions.
2 changes: 1 addition & 1 deletion gtk-3.0/_colors.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ $highlight_text_color: darken($selected_bg_color, 10%);
//$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
// first try:
$borders_color: if($variant == 'light', transparentize(black,0.87), transparentize(white,0.95));
$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(black, 0.5));
$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.5));

$theme-gradient-start: adjust-hue($orange, -$gradient_degree);
$theme-gradient-end: adjust-hue($orange, $gradient_degree);
Expand Down
4 changes: 2 additions & 2 deletions gtk-3.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-3.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 @@ -354,7 +354,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 @@ -1079,13 +1079,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 @@ -1731,7 +1731,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 @@ -1837,7 +1837,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 @@ -1903,7 +1903,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:not(.vertical),
Expand All @@ -1917,7 +1917,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:not(.vertical),
Expand Down Expand Up @@ -2519,7 +2519,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 @@ -2565,7 +2565,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 @@ -6608,7 +6608,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-3.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 @@ -354,7 +354,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 @@ -1079,13 +1079,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 @@ -1731,7 +1731,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 @@ -1837,7 +1837,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 @@ -1903,7 +1903,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:not(.vertical),
Expand All @@ -1917,7 +1917,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:not(.vertical),
Expand Down Expand Up @@ -2519,7 +2519,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 @@ -2565,7 +2565,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 @@ -6608,7 +6608,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 e9fc050

Please sign in to comment.