roundabout,
created on Friday, 29 July 2016, 14:38:37 (1469803117),
received on Sunday, 11 May 2025, 13:21:57 (1746969717)
Author identity: nana-4 <hnmaigo@gmail.com>
13da019f931717ae8c0b5334d03188ab17dfdc57
gtk-3.0/_common.scss
@@ -959,9 +959,10 @@ searchbar,
***************/
%titlebar,
headerbar {
transition: background-color $material_faster $material_ease_out, color $material_faster $material_ease_out;
min-height: $large_size;
padding: 0 $container_padding;
box-shadow: inset 0 1px $secondary_highlight_color, $z-depth-1;
box-shadow: $z-depth-1, inset 0 1px $secondary_highlight_color;
background-color: $headerbar_color;
color: $selected_fg_color;
@@ -1026,9 +1027,10 @@ headerbar {
}
&.selection-mode {
animation: header_ripple_effect $material_slower $material_ease_out forwards;
// box-shadow: inset 0 1px $secondary_highlight_color;
// background-color: $selected_bg_color;
transition: background-color 0 $material_slower, color $material_faster $material_ease_out;
animation: header_ripple_effect $material_slower $material_ease_out;
// box-shadow: $z-depth-1, inset 0 1px $secondary_highlight_color;
background-color: $selected_bg_color;
color: $selected_fg_color;
&:backdrop {
@@ -1077,10 +1079,11 @@ headerbar {
}
}
.tiled &,
.maximized & {
border-radius: 0; // squared corners when the window is max'd or tiled
box-shadow: none;
box-shadow: $z-depth-1;
}
&.default-decoration {
gtk-3.0/gtk-dark.css
@@ -924,9 +924,10 @@ searchbar,
***************/
.titlebar:not(headerbar),
headerbar {
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1);
min-height: 48px;
padding: 0 6px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
background-color: #37474F;
color: #FFFFFF; }
.titlebar:backdrop:not(headerbar),
@@ -978,7 +979,9 @@ headerbar {
color: inherit; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
transition: background-color 0 0.3s, color 0.2s cubic-bezier(0, 0, 0.2, 1);
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
background-color: #42A5F5;
color: #FFFFFF; }
.selection-mode.titlebar:backdrop:not(headerbar),
headerbar.selection-mode:backdrop {
@@ -1017,11 +1020,12 @@ headerbar {
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
.fullscreen .titlebar:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen
headerbar, .tiled
headerbar, .maximized
headerbar {
border-radius: 0;
box-shadow: none; }
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 24px;
gtk-3.0/gtk.css
@@ -924,9 +924,10 @@ searchbar,
***************/
.titlebar:not(headerbar),
headerbar {
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1);
min-height: 48px;
padding: 0 6px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
background-color: #455A64;
color: #FFFFFF; }
.titlebar:backdrop:not(headerbar),
@@ -978,7 +979,9 @@ headerbar {
color: inherit; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
transition: background-color 0 0.3s, color 0.2s cubic-bezier(0, 0, 0.2, 1);
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
background-color: #42A5F5;
color: #FFFFFF; }
.selection-mode.titlebar:backdrop:not(headerbar),
headerbar.selection-mode:backdrop {
@@ -1017,11 +1020,12 @@ headerbar {
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
.fullscreen .titlebar:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen
headerbar, .tiled
headerbar, .maximized
headerbar {
border-radius: 0;
box-shadow: none; }
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 24px;