Gtk-4: Fix error buttons style

This commit is contained in:
EliverLara
2021-12-05 14:10:22 -06:00
parent 064c88fcb4
commit 8e4ad5b12c
3 changed files with 138 additions and 158 deletions

View File

@@ -2528,7 +2528,7 @@ infobar {
color: #C3C7D1; color: #C3C7D1;
background-color: #161925; background-color: #161925;
border-bottom: 1px solid #030305; border-bottom: 1px solid #030305;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } box-shadow: none; }
.info, .warning, .question, .error { .info, .warning, .question, .error {
text-shadow: none; text-shadow: none;
@@ -2569,29 +2569,21 @@ infobar {
color: rgba(195, 199, 209, 0.5); color: rgba(195, 199, 209, 0.5);
box-shadow: none; } box-shadow: none; }
.info { .info, .info:backdrop {
background-color: #71f79f; } color: #71f79f;
.info:backdrop { background-color: transparent; }
background-color: #a1fac0;
color: rgba(254, 254, 254, 0.5); }
.warning { .warning, .warning:backdrop {
background-color: #cc5500; } color: #cc5500;
.warning:backdrop { background-color: transparent; }
background-color: #ff6a00;
color: rgba(254, 254, 254, 0.5); }
.question { .question, .question:backdrop {
background-color: #00c1e4; } color: #00c1e4;
.question:backdrop { background-color: transparent; }
background-color: #18dcff;
color: rgba(254, 254, 254, 0.5); }
.error { .error, .error:backdrop {
background-color: #e6133e; } color: #e6133e;
.error:backdrop { background-color: transparent; }
background-color: #ef3d61;
color: rgba(254, 254, 254, 0.5); }
/************* /*************
* Level Bar * * Level Bar *

View File

@@ -2528,7 +2528,7 @@ infobar {
color: #C3C7D1; color: #C3C7D1;
background-color: #161925; background-color: #161925;
border-bottom: 1px solid #030305; border-bottom: 1px solid #030305;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } box-shadow: none; }
.info, .warning, .question, .error { .info, .warning, .question, .error {
text-shadow: none; text-shadow: none;
@@ -2569,29 +2569,21 @@ infobar {
color: rgba(195, 199, 209, 0.5); color: rgba(195, 199, 209, 0.5);
box-shadow: none; } box-shadow: none; }
.info { .info, .info:backdrop {
background-color: #71f79f; } color: #71f79f;
.info:backdrop { background-color: transparent; }
background-color: #a1fac0;
color: rgba(254, 254, 254, 0.5); }
.warning { .warning, .warning:backdrop {
background-color: #cc5500; } color: #cc5500;
.warning:backdrop { background-color: transparent; }
background-color: #ff6a00;
color: rgba(254, 254, 254, 0.5); }
.question { .question, .question:backdrop {
background-color: #00c1e4; } color: #00c1e4;
.question:backdrop { background-color: transparent; }
background-color: #18dcff;
color: rgba(254, 254, 254, 0.5); }
.error { .error, .error:backdrop {
background-color: #e6133e; } color: #e6133e;
.error:backdrop { background-color: transparent; }
background-color: #ef3d61;
color: rgba(254, 254, 254, 0.5); }
/************* /*************
* Level Bar * * Level Bar *

View File

@@ -7,8 +7,7 @@ infobar {
color: $fg_color; color: $fg_color;
background-color: $bg_color; background-color: $bg_color;
border-bottom:1px solid darken($bg_color,10%); border-bottom:1px solid darken($bg_color,10%);
box-shadow: 0 1px 0 0 transparentize(black, 0.95), box-shadow: none;
0 1px 2px 0 transparentize(black, 0.85);
} }
@@ -79,41 +78,38 @@ infobar {
.info { .info {
@extend %color_infobar; @extend %color_infobar;
background-color: $info_color;
&:backdrop { &, &:backdrop {
background-color:lighten($info_color,10%); color: $info_color;
color: $backdrop_selected_fg_color; background-color: transparent;
} }
} }
.warning { .warning {
@extend %color_infobar; @extend %color_infobar;
background-color: $warning_color;
&:backdrop { &, &:backdrop {
background-color:lighten($warning_color,10%); color: $warning_color;
color: $backdrop_selected_fg_color; background-color: transparent;
} }
} }
.question { .question {
@extend %color_infobar; @extend %color_infobar;
background-color: $question_color;
&:backdrop { &, &:backdrop {
background-color:lighten($question_color,10%); color: $question_color;
color: $backdrop_selected_fg_color; background-color: transparent;
} }
} }
.error { .error {
@extend %color_infobar; @extend %color_infobar;
background-color: $error_color;
&:backdrop { &, &:backdrop {
background-color:lighten($error_color,10%); color: $error_color;
color: $backdrop_selected_fg_color; background-color: transparent;
} }
} }