paper-gtk-theme/Paper/gtk-3.18/widgets/_dialogs.scss

123 lines
2.7 KiB
SCSS

/***********
* Dialogs *
***********/
GtkMessageDialog,
.message-dialog {
.header-bar,
.titlebar {
background-image: none;
background-color: $bg_color;
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: inset 0 1px $top_highlight;
&:backdrop {
background-color: $backdrop_bg_color;
}
&.default-decoration {
padding: 6px;
background-color: $bg_color;
color: $fg_color;
&:backdrop {
background-color: $backdrop_bg_color;
color: $backdrop_fg_color;
}
.button {
&.titlebutton {
padding: 1px;
border-radius:50%;
background-color:transparent;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
GtkImage {
color: $fg_color;
}
&:hover {
background-color:darken($bg_color, 10%);;
color:lighten($fg_color, 10%);
GtkImage {
color: lighten($fg_color, 10%);
}
}
&:backdrop {
background-color:transparent;
color:$backdrop_fg_color;
GtkImage {
color: lighten($backdrop_fg_color, 10%);
}
}
&:active {
background-color:$fg_color;
color:$bg_color;
border-radius:50%;
box-shadow:none;
GtkImage {
color: lighten($bg_color, 10%);
}
}
}
}
}
}
&.csd { // rounded bottom border styling for csd version
border:none;
box-shadow: 0 1px 4px 0 transparentize(black, 0.8);
&.background {
// bigger radius for better antialiasing
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.dialog-action-area .button {
padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
border-radius: 0;
background-image:none;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none;
&:first-child {
border-left-style: none;
border-bottom-left-radius: 4px;
// -gtk-outline-bottom-left-radius: 4px;
}
&:last-child {
border-bottom-right-radius: 4px;
// -gtk-outline-bottom-right-radius: 4px;
}
}
}
}
GtkFileChooserDialog {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
.dialog-action-box {
border-top: 1px solid $borders_color;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
&:backdrop { border-top-color: $backdrop_borders_color; }
}
#pathbarbox { border-bottom: 1px solid $bg_color; }
}