luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 23:39:51 +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 617107e60c
commit 5bb08cbddb
3 changed files with 138 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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;
}
}