130 lines
2.4 KiB
SCSS
130 lines
2.4 KiB
SCSS
/**************
|
|
* 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;
|
|
|
|
&, &: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;
|
|
}
|
|
}
|
|
|
|
|
|
// Gnome 47 info bars
|
|
banner revealer widget {
|
|
background: transparentize($info_color, 0.1);
|
|
padding: 5px;
|
|
color: $fg_color;
|
|
button.suggested-action {
|
|
@include button(undecorated);
|
|
background-color: transparentize(#000, 0.5);
|
|
&:hover, &:active {
|
|
@include button(hover, transparentize(#000, 0.3), $selected_fg_color );
|
|
}
|
|
}
|
|
} |