paper-gtk-theme/Paper/gtk-3.16/widgets/_toolbars.scss

346 lines
6.6 KiB
SCSS

/************
* Toolbars *
************/
%toolbar {
-GtkWidget-window-dragging: true;
padding: 0px;
background-color: $headerbar_bg_color;
color: $headerbar_fg_color;
&:backdrop {
background-color:$backdrop_headerbar_bg_color;
color:$backdrop_headerbar_fg_color;
}
}
.toolbar {
@extend %toolbar;
// on OSD
.osd & { box-shadow:none; background-color: transparent; }
// Buttons
.button {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
icon-shadow: none;
margin: 0;
padding: 10px;
text-shadow: none;
&.suggested-action,
&.text-button,
&.menu-button,
&.image-button,
&.linked,
&.flat {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
icon-shadow: none;
margin: 0;
padding: 10px;
text-shadow: none;
color: $headerbar_fg_color;
&:backdrop {
background-color: transparent;
background-image: none;
text-shadow: none;
color: $backdrop_headerbar_fg_color;
}
&:hover {
background-image:none;
background-color: transparentize(black, 0.85);
color:lighten($headerbar_fg_color, 10%);
box-shadow:none;
text-shadow:none;
}
&:insensitive {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
}
}
GtkLabel,
GtkImage {
color: $headerbar_fg_color;
&:insensitive,
&:backdrop {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
}
}
&:focus,
&:hover {
background-image:none;
background-color: transparentize(black, 0.85);
color:lighten($headerbar_fg_color, 10%);
box-shadow:none;
text-shadow:none;
}
&:backdrop {
background-color: transparent;
background-image: none;
color: $backdrop_headerbar_fg_color;
GtkImage {
color: $backdrop_headerbar_fg_color;
}
}
&:active,
&:checked {
border-radius: 0px;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 -2px 0 0 $headerbar_fg_color;
background-color: transparent;
background-image: none;
color: $headerbar_fg_color;
&:backdrop {
background-color: transparent;
background-image: none;
color: $backdrop_headerbar_fg_color;
box-shadow: inset 0 -2px 0 0 $backdrop_headerbar_fg_color;
}
&:focus,
&:hover {
background-image:none;
background-color: transparentize(black, 0.85);
color:lighten($headerbar_fg_color, 10%);
box-shadow: inset 0 -2px 0 0 $headerbar_fg_color;
}
}
&:insensitive,
&:insensitive:backdrop {
color: $backdrop_headerbar_fg_color;
background-color: transparent;
background-image: none;
image,
GtkImage {
-gtk-image-effect: dim;
}
}
// Menu Button
&.menu-button {
.menu {
.menuitem {
GtkLabel {
color: $fg_color;
&:insensitive { color: $insensitive_fg_color; }
}
.separator { color: $borders_color;}
&:hover { GtkLabel {color: $selected_fg_color;}}
}
}
}
}
.separator {
color: transparent;
background-color: transparent;
}
// stand-alone OSD toolbars
&.osd {
padding: 13px;
border: none;
border-radius: 5px;
background-color: $osd_bg_color;
&.left,
&.right,
&.top,
&.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
}
// toolbar separators
&.horizontal separator { margin: 0 7px 1px 6px; }
&.vertical separator { margin: 6px 1px 7px 0; }
}
/*******************
* Inline Toolbars *
*******************/
%inline-toolbar,
.inline-toolbar {
-GtkWidget-window-dragging: true;
background-color: darken($bg_color, 2%);
color: $fg_color;
border: 1px solid $borders_color;
border-top-width: 0;
border-radius: 0 0 5px 5px;
box-shadow: inset 0 -1px 1px -2px transparentize(black, 0.5);
padding: 0px;
&:backdrop {
background-color: darken($bg_color, 5%);
}
// buttons
.button {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
icon-shadow: none;
margin: 0;
padding: 10px;
text-shadow: none;
&.suggested-action,
&.text-button,
&.menu-button,
&.image-button,
&.linked,
&.flat {
border: none;
background: none;
text-shadow: none;
box-shadow: none;
background-color: transparent;
color: $fg_color;
border-radius: 0px;
padding: 10px;
}
&:focus,
&:active {
font:bold;
color: $fg_color;
text-shadow: none;
box-shadow: none;
background-color: transparentize(black, 0.95);
&:backdrop {
border: none;
background-color: transparent;
color: $backdrop_fg_color;
}
}
&:hover {
background-color: transparentize(black, 0.95);
text-shadow: none;
color: $fg_color;
box-shadow: none;
}
&:insensitive {
background:none;
background-color: transparent;
color: transparentize($fg_color,0.5);
}
&:backdrop {
border: none;
background:none;
background-color: transparent;
color: $backdrop_fg_color;
}
GtkLabel,
GtkImage {
color: $fg_color;
&:insensitive,
&:backdrop {
color: $backdrop_fg_color;
-gtk-image-effect: dim;
}
}
}
.entry,
entry {
background: none;
color: $fg_color;
border-radius: 0px;
border: none;
box-shadow: none;
&.image {
color: $fg_color;
&.left{
padding-right: 6px;
}
}
&:backdrop {
color: $backdrop_fg_color;
}
&:selected {
color: $base_color;
background-color:$selected_bg_color;
}
}
}
%darkbar {
border-style: solid;
border-color: $borders_color;
$_bg: mix($bg_color, $borders_color, 70%);
background-color: $_bg;
&:backdrop {
border-color: $backdrop_borders_color;
background-color: $backdrop_dark_fill;
box-shadow: none;
transition: $backdrop_transition;
}
}
// search-bar
searchbar,
.search-bar {
@extend %darkbar;
@extend %inline-toolbar;
padding:3px 0px;
border-width: 0;
border-radius:0;
}
// location-bar
.location-bar {
@extend %darkbar;
@extend %inline-toolbar;
border-width: 0 0 1px;
padding: 3px;
}