mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Gtk-4: Fix error buttons style
This commit is contained in:
EliverLara
@@ -2528,7 +2528,7 @@ infobar {
|
||||
color: #C3C7D1;
|
||||
background-color: #161925;
|
||||
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 {
|
||||
text-shadow: none;
|
||||
@@ -2569,29 +2569,21 @@ infobar {
|
||||
color: rgba(195, 199, 209, 0.5);
|
||||
box-shadow: none; }
|
||||
|
||||
.info {
|
||||
background-color: #71f79f; }
|
||||
.info:backdrop {
|
||||
background-color: #a1fac0;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.info, .info:backdrop {
|
||||
color: #71f79f;
|
||||
background-color: transparent; }
|
||||
|
||||
.warning {
|
||||
background-color: #cc5500; }
|
||||
.warning:backdrop {
|
||||
background-color: #ff6a00;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.warning, .warning:backdrop {
|
||||
color: #cc5500;
|
||||
background-color: transparent; }
|
||||
|
||||
.question {
|
||||
background-color: #00c1e4; }
|
||||
.question:backdrop {
|
||||
background-color: #18dcff;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.question, .question:backdrop {
|
||||
color: #00c1e4;
|
||||
background-color: transparent; }
|
||||
|
||||
.error {
|
||||
background-color: #e6133e; }
|
||||
.error:backdrop {
|
||||
background-color: #ef3d61;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.error, .error:backdrop {
|
||||
color: #e6133e;
|
||||
background-color: transparent; }
|
||||
|
||||
/*************
|
||||
* Level Bar *
|
||||
|
||||
@@ -2528,7 +2528,7 @@ infobar {
|
||||
color: #C3C7D1;
|
||||
background-color: #161925;
|
||||
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 {
|
||||
text-shadow: none;
|
||||
@@ -2569,29 +2569,21 @@ infobar {
|
||||
color: rgba(195, 199, 209, 0.5);
|
||||
box-shadow: none; }
|
||||
|
||||
.info {
|
||||
background-color: #71f79f; }
|
||||
.info:backdrop {
|
||||
background-color: #a1fac0;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.info, .info:backdrop {
|
||||
color: #71f79f;
|
||||
background-color: transparent; }
|
||||
|
||||
.warning {
|
||||
background-color: #cc5500; }
|
||||
.warning:backdrop {
|
||||
background-color: #ff6a00;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.warning, .warning:backdrop {
|
||||
color: #cc5500;
|
||||
background-color: transparent; }
|
||||
|
||||
.question {
|
||||
background-color: #00c1e4; }
|
||||
.question:backdrop {
|
||||
background-color: #18dcff;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.question, .question:backdrop {
|
||||
color: #00c1e4;
|
||||
background-color: transparent; }
|
||||
|
||||
.error {
|
||||
background-color: #e6133e; }
|
||||
.error:backdrop {
|
||||
background-color: #ef3d61;
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
.error, .error:backdrop {
|
||||
color: #e6133e;
|
||||
background-color: transparent; }
|
||||
|
||||
/*************
|
||||
* Level Bar *
|
||||
|
||||
@@ -1,119 +1,115 @@
|
||||
/**************
|
||||
* GtkInfoBar *
|
||||
**************/
|
||||
%infobar,
|
||||
infobar {
|
||||
text-shadow: none;
|
||||
color: $fg_color;
|
||||
background-color: $bg_color;
|
||||
border-bottom:1px solid darken($bg_color,10%);
|
||||
box-shadow: 0 1px 0 0 transparentize(black, 0.95),
|
||||
0 1px 2px 0 transparentize(black, 0.85);
|
||||
|
||||
}
|
||||
|
||||
%color_infobar {
|
||||
|
||||
@extend %infobar;
|
||||
|
||||
text-shadow: none;
|
||||
color: $selected_fg_color;
|
||||
border:none;
|
||||
|
||||
.label {
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:backdrop {
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
background: transparentize($base_color, 0.02);
|
||||
color: $fg_color;
|
||||
box-shadow: 0 1px 0 0 transparentize(black, 0.8);
|
||||
|
||||
.label {
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: $base_color;
|
||||
color: $fg_color;
|
||||
|
||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
||||
|
||||
&:backdrop {
|
||||
background: transparentize($base_color, 0.2);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
background: transparentize($base_color, 0.4);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
|
||||
&:backdrop {
|
||||
background: transparentize($base_color, 0.5);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
background: transparentize($base_color, 0.2);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
@extend %color_infobar;
|
||||
background-color: $info_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color:lighten($info_color,10%);
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.warning {
|
||||
@extend %color_infobar;
|
||||
background-color: $warning_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color:lighten($warning_color,10%);
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.question {
|
||||
@extend %color_infobar;
|
||||
background-color: $question_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color:lighten($question_color,10%);
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.error {
|
||||
@extend %color_infobar;
|
||||
background-color: $error_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color:lighten($error_color,10%);
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
}
|
||||
%infobar,
|
||||
infobar {
|
||||
text-shadow: none;
|
||||
color: $fg_color;
|
||||
background-color: $bg_color;
|
||||
border-bottom:1px solid darken($bg_color,10%);
|
||||
box-shadow: none;
|
||||
|
||||
}
|
||||
|
||||
%color_infobar {
|
||||
|
||||
@extend %infobar;
|
||||
|
||||
text-shadow: none;
|
||||
color: $selected_fg_color;
|
||||
border:none;
|
||||
|
||||
.label {
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:backdrop {
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
background: transparentize($base_color, 0.02);
|
||||
color: $fg_color;
|
||||
box-shadow: 0 1px 0 0 transparentize(black, 0.8);
|
||||
|
||||
.label {
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: $base_color;
|
||||
color: $fg_color;
|
||||
|
||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
||||
|
||||
&:backdrop {
|
||||
background: transparentize($base_color, 0.2);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
background: transparentize($base_color, 0.4);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
|
||||
&:backdrop {
|
||||
background: transparentize($base_color, 0.5);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
background: transparentize($base_color, 0.2);
|
||||
color: transparentize($fg_color, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
@extend %color_infobar;
|
||||
|
||||
&, &:backdrop {
|
||||
color: $info_color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.warning {
|
||||
@extend %color_infobar;
|
||||
|
||||
&, &:backdrop {
|
||||
color: $warning_color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.question {
|
||||
@extend %color_infobar;
|
||||
|
||||
&, &:backdrop {
|
||||
color: $question_color;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.error {
|
||||
@extend %color_infobar;
|
||||
|
||||
&, &:backdrop {
|
||||
color: $error_color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user