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;
|
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 *
|
||||||
|
|||||||
@@ -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 *
|
||||||
|
|||||||
@@ -1,119 +1,115 @@
|
|||||||
/**************
|
/**************
|
||||||
* GtkInfoBar *
|
* GtkInfoBar *
|
||||||
**************/
|
**************/
|
||||||
%infobar,
|
%infobar,
|
||||||
infobar {
|
infobar {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
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);
|
|
||||||
|
}
|
||||||
}
|
|
||||||
|
%color_infobar {
|
||||||
%color_infobar {
|
|
||||||
|
@extend %infobar;
|
||||||
@extend %infobar;
|
|
||||||
|
text-shadow: none;
|
||||||
text-shadow: none;
|
color: $selected_fg_color;
|
||||||
color: $selected_fg_color;
|
border:none;
|
||||||
border:none;
|
|
||||||
|
.label {
|
||||||
.label {
|
color: $selected_fg_color;
|
||||||
color: $selected_fg_color;
|
|
||||||
|
&:backdrop {
|
||||||
&:backdrop {
|
color: $backdrop_selected_fg_color;
|
||||||
color: $backdrop_selected_fg_color;
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
button {
|
||||||
button {
|
border-radius: 2px;
|
||||||
border-radius: 2px;
|
border: none;
|
||||||
border: none;
|
background: transparentize($base_color, 0.02);
|
||||||
background: transparentize($base_color, 0.02);
|
color: $fg_color;
|
||||||
color: $fg_color;
|
box-shadow: 0 1px 0 0 transparentize(black, 0.8);
|
||||||
box-shadow: 0 1px 0 0 transparentize(black, 0.8);
|
|
||||||
|
.label {
|
||||||
.label {
|
color: $fg_color;
|
||||||
color: $fg_color;
|
}
|
||||||
}
|
|
||||||
|
&:active {
|
||||||
&:active {
|
background: $base_color;
|
||||||
background: $base_color;
|
color: $fg_color;
|
||||||
color: $fg_color;
|
|
||||||
|
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
||||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
|
||||||
|
&:backdrop {
|
||||||
&:backdrop {
|
background: transparentize($base_color, 0.2);
|
||||||
background: transparentize($base_color, 0.2);
|
color: transparentize($fg_color, 0.5);
|
||||||
color: transparentize($fg_color, 0.5);
|
box-shadow: none;
|
||||||
box-shadow: none;
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
&:hover,
|
||||||
&:hover,
|
&:focus {
|
||||||
&:focus {
|
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
||||||
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
|
}
|
||||||
}
|
|
||||||
|
&:disabled {
|
||||||
&:disabled {
|
background: transparentize($base_color, 0.4);
|
||||||
background: transparentize($base_color, 0.4);
|
color: transparentize($fg_color, 0.5);
|
||||||
color: transparentize($fg_color, 0.5);
|
box-shadow: none;
|
||||||
box-shadow: none;
|
|
||||||
|
&:backdrop {
|
||||||
&:backdrop {
|
background: transparentize($base_color, 0.5);
|
||||||
background: transparentize($base_color, 0.5);
|
color: transparentize($fg_color, 0.5);
|
||||||
color: transparentize($fg_color, 0.5);
|
box-shadow: none;
|
||||||
box-shadow: none;
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
&:backdrop {
|
||||||
&:backdrop {
|
background: transparentize($base_color, 0.2);
|
||||||
background: transparentize($base_color, 0.2);
|
color: transparentize($fg_color, 0.5);
|
||||||
color: transparentize($fg_color, 0.5);
|
box-shadow: none;
|
||||||
box-shadow: none;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.info {
|
||||||
.info {
|
@extend %color_infobar;
|
||||||
@extend %color_infobar;
|
|
||||||
background-color: $info_color;
|
&, &:backdrop {
|
||||||
|
color: $info_color;
|
||||||
&:backdrop {
|
background-color: transparent;
|
||||||
background-color:lighten($info_color,10%);
|
}
|
||||||
color: $backdrop_selected_fg_color;
|
}
|
||||||
}
|
|
||||||
}
|
.warning {
|
||||||
|
@extend %color_infobar;
|
||||||
.warning {
|
|
||||||
@extend %color_infobar;
|
&, &:backdrop {
|
||||||
background-color: $warning_color;
|
color: $warning_color;
|
||||||
|
background-color: transparent;
|
||||||
&:backdrop {
|
}
|
||||||
background-color:lighten($warning_color,10%);
|
}
|
||||||
color: $backdrop_selected_fg_color;
|
|
||||||
}
|
.question {
|
||||||
}
|
@extend %color_infobar;
|
||||||
|
|
||||||
.question {
|
&, &:backdrop {
|
||||||
@extend %color_infobar;
|
color: $question_color;
|
||||||
background-color: $question_color;
|
background-color: transparent;
|
||||||
|
}
|
||||||
&:backdrop {
|
|
||||||
background-color:lighten($question_color,10%);
|
}
|
||||||
color: $backdrop_selected_fg_color;
|
|
||||||
}
|
.error {
|
||||||
|
@extend %color_infobar;
|
||||||
}
|
|
||||||
|
&, &:backdrop {
|
||||||
.error {
|
color: $error_color;
|
||||||
@extend %color_infobar;
|
background-color: transparent;
|
||||||
background-color: $error_color;
|
}
|
||||||
|
}
|
||||||
&:backdrop {
|
|
||||||
background-color:lighten($error_color,10%);
|
|
||||||
color: $backdrop_selected_fg_color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user