luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Gtk-4: Fix error buttons style

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

34
gtk-4.0/gtk-dark.css
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 *

34
gtk-4.0/gtk.css
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 *

180
gtk-4.0/widgets/_infobars.scss
View File

@@ -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 { &, &: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 {
color: $error_color;
background-color: transparent;
}
}
&:backdrop {
background-color:lighten($error_color,10%);
color: $backdrop_selected_fg_color;
}
}