This commit is contained in:
vinceliuice
2024-05-12 12:42:01 +08:00
parent b3ad57757f
commit fff397c3ce
6 changed files with 134 additions and 21 deletions

View File

@@ -1545,27 +1545,37 @@ searchbar > revealer > box {
headerbar { headerbar {
transition: background-color $duration $ease-out, color $duration $ease-out; transition: background-color $duration $ease-out, color $duration $ease-out;
box-shadow: inset 0 -1px $border;
background-color: $titlebar; background-color: $titlebar;
color: $titlebar-text; color: $titlebar-text;
min-height: $large-size; min-height: $large-size;
padding: 0; padding: 0;
margin: 0; margin: 0;
@if $rimless == 'false' {
box-shadow: inset 0 -1px $border;
} @else {
border-radius: $window-radius $window-radius 0 0;
box-shadow: inset 0 -1px $border, inset 0 1px highlight($titlebar);
}
&:disabled { color: $titlebar-text-disabled; } &:disabled { color: $titlebar-text-disabled; }
&:backdrop { &:backdrop {
background-color: $titlebar-backdrop; background-color: $titlebar-backdrop;
color: $titlebar-text-secondary; color: $titlebar-text-secondary;
box-shadow: inset 0 -1px $border;
&:disabled { color: $titlebar-text-secondary-disabled; } &:disabled { color: $titlebar-text-secondary-disabled; }
} }
&.flat, &.flat:backdrop { &.flat, &.flat:backdrop {
background: none; background: none;
box-shadow: none;
transition: none; transition: none;
@if $rimless == 'false' {
box-shadow: none;
} @else {
box-shadow: inset 0 1px highlight($titlebar);
}
} }
.title { .title {
@@ -1737,10 +1747,15 @@ headerbar {
min-height: $medium-size; min-height: $medium-size;
padding: 0; padding: 0;
margin: 0; margin: 0;
box-shadow: none;
border: none; border: none;
outline: none; outline: none;
@if $rimless == 'false' {
box-shadow: none;
} @else {
box-shadow: inset 0 1px highlight($titlebar);
}
windowcontrols { windowcontrols {
> button { > button {
@if $window_button == 'mac' { @if $window_button == 'mac' {
@@ -1765,10 +1780,20 @@ headerbar {
} }
} }
.maximized &,
.fullscreen &,
.tiled &,
.tiled-top &,
.tiled-right &,
.tiled-bottom &,
.tiled-left & {
box-shadow: inset 0 -1px $border;
}
.solid-csd & { .solid-csd & {
&:dir(rtl), &:dir(ltr) { // specificity bump &:dir(rtl), &:dir(ltr) { // specificity bump
border-radius: 0; border-radius: 0;
box-shadow: none; // just remove the highlight box-shadow: inset 0 -1px $border; // just remove the highlight
} }
} }
} }
@@ -4984,15 +5009,16 @@ window {
&.csd { &.csd {
border-radius: $window-radius; border-radius: $window-radius;
outline-offset: -1px;
outline: 1px solid highlight($background);
margin: 0; margin: 0;
transition: none; transition: none;
@if $rimless == 'true' { @if $rimless == 'true' {
outline: 0 none transparent;
box-shadow: $shadow-z16, box-shadow: $shadow-z16,
0 0 36px transparent; 0 0 36px transparent;
} @else { } @else {
outline-offset: -1px;
outline: 1px solid highlight($background);
box-shadow: $shadow-z16, box-shadow: $shadow-z16,
0 0 36px transparent, 0 0 36px transparent,
0 0 0 1px $window-border; 0 0 0 1px $window-border;

View File

@@ -2,12 +2,18 @@ headerbar {
min-height: $large_size; min-height: $large_size;
background-color: $headerbar_backdrop_color; background-color: $headerbar_backdrop_color;
color: $headerbar_fg_color; color: $headerbar_fg_color;
box-shadow: inset 0 -1px $headerbar_border_color; margin: 0;
margin: 0 -1px;
@extend %toolbar; @extend %toolbar;
@if $rimless == 'false' {
box-shadow: inset 0 -1px $headerbar_border_color;
} @else {
border-radius: $window-radius $window-radius 0 0;
box-shadow: inset 0 -1px $headerbar_border_color, inset 0 1px $window_outline_color;
}
> windowhandle > box { > windowhandle > box {
padding: $base_padding $base_padding + 1px; padding: $base_padding;
> box.start, > box.start,
> box.end { > box.end {
@@ -42,10 +48,15 @@ headerbar {
&.default-decoration { &.default-decoration {
padding: 0; padding: 0;
margin: 0; margin: 0;
box-shadow: none;
border: none; border: none;
min-height: $medium_size; min-height: $medium_size;
@if $rimless == 'false' {
box-shadow: none;
} @else {
box-shadow: inset 0 1px $window_outline_color;
}
> windowhandle > box { > windowhandle > box {
padding: $base_padding / 2; padding: $base_padding / 2;
} }
@@ -70,6 +81,18 @@ headerbar {
} }
} }
} }
.maximized &,
.fullscreen &,
.tiled &,
.tiled-top &,
.tiled-right &,
.tiled-bottom &,
.tiled-left &,
.solid-csd & {
border-radius: 0;
box-shadow: inset 0 -1px $headerbar_border_color;
}
} }
window > { window > {
@@ -99,12 +122,34 @@ window > {
} }
} }
leaflet:first-child > headerbar {
& + separator {
background-color: $headerbar_backdrop_color;
@if $rimless == 'false' {
box-shadow: inset 0 -1px $headerbar_border_color;
} @else {
box-shadow: inset 0 -1px $headerbar_border_color, inset 0 1px $window_outline_color;
}
&:backdrop {
background-color: $headerbar_bg_color;
transition: background-color $backdrop_transition;
}
}
}
%headerbar-flat { %headerbar-flat {
background: none; background: none;
box-shadow: none;
color: inherit; color: inherit;
min-height: $large_size; min-height: $large_size;
@if $rimless == 'false' {
box-shadow: none;
} @else {
box-shadow: inset 0 1px $window_outline_color;
}
> windowhandle > box { > windowhandle > box {
padding-bottom: $base_padding; padding-bottom: $base_padding;
} }
@@ -116,6 +161,17 @@ window > {
padding: $base_padding / 2; padding: $base_padding / 2;
} }
} }
.maximized &,
.fullscreen &,
.tiled &,
.tiled-top &,
.tiled-right &,
.tiled-bottom &,
.tiled-left &,
.solid-csd & {
box-shadow: none;
}
} }
%headerbar-inline { %headerbar-inline {

View File

@@ -15,11 +15,18 @@ popover {
background-color: $popover_bg_color; background-color: $popover_bg_color;
color: $popover_fg_color; color: $popover_fg_color;
background-clip: border-box; background-clip: border-box;
@if $rimless == 'true' {
border: none;
box-shadow: 0 1px 5px 1px transparentize(black, .91),
0 2px 14px 3px transparentize(black, .95);
} @else {
border: 1px solid gtkmix(white, $popover_bg_color, 8%); border: 1px solid gtkmix(white, $popover_bg_color, 8%);
box-shadow: 0 1px 5px 1px transparentize(black, .91), box-shadow: 0 1px 5px 1px transparentize(black, .91),
0 2px 14px 3px transparentize(black, .95), 0 2px 14px 3px transparentize(black, .95),
0 0 0 1px $headerbar_darker_shade_color; 0 0 0 1px $headerbar_darker_shade_color;
} }
}
> contents { > contents {
padding: $base_padding; padding: $base_padding;

View File

@@ -8,6 +8,12 @@
transition: background-color $backdrop_transition; transition: background-color $backdrop_transition;
} }
@if $rimless == 'true' {
headerbar {
border-top-right-radius: 0;
}
}
flap, flap,
leaflet, leaflet,
navigation-view, navigation-view,
@@ -78,6 +84,12 @@
transition: background-color $backdrop_transition; transition: background-color $backdrop_transition;
} }
@if $rimless == 'true' {
headerbar {
border-radius: 0;
}
}
toolbarview.undershoot-top scrolledwindow { toolbarview.undershoot-top scrolledwindow {
@include undershoot(top, $secondary_sidebar_shade_color); @include undershoot(top, $secondary_sidebar_shade_color);
} }
@@ -135,6 +147,12 @@
} }
} }
@if $rimless == 'true' {
.content-pane headerbar {
border-top-left-radius: 0;
}
}
.sidebar-pane .sidebar-pane { .sidebar-pane .sidebar-pane {
background-color: transparent; background-color: transparent;
color: inherit; color: inherit;

View File

@@ -244,10 +244,15 @@ toolbarview {
tabbar { @extend %tabbar-inline; } tabbar { @extend %tabbar-inline; }
.collapse-spacing { .collapse-spacing {
padding-top: 0;
padding-bottom: 0;
headerbar {
@extend %headerbar-shrunk;
padding-top: $base_padding / 2; padding-top: $base_padding / 2;
padding-bottom: $base_padding / 2; padding-bottom: $base_padding / 2;
}
headerbar { @extend %headerbar-shrunk; }
searchbar { @extend %searchbar-shrunk; } searchbar { @extend %searchbar-shrunk; }
actionbar { @extend %actionbar-shrunk; } actionbar { @extend %actionbar-shrunk; }
menubar { @extend %menubar-shrunk; } menubar { @extend %menubar-shrunk; }

View File

@@ -5,13 +5,14 @@ window {
&.csd { &.csd {
margin: 0; margin: 0;
border-radius: $window_radius; border-radius: $window_radius;
outline: 1px solid $window_outline_color;
outline-offset: -1px;
@if $rimless == 'true' { @if $rimless == 'true' {
outline: 0 none transparent;
box-shadow: $shadow-z16, box-shadow: $shadow-z16,
0 0 36px transparent; 0 0 36px transparent;
} @else { } @else {
outline-offset: -1px;
outline: 1px solid $window_outline_color;
box-shadow: $shadow-z16, box-shadow: $shadow-z16,
0 0 36px transparent, 0 0 36px transparent,
0 0 0 1px $headerbar_darker_shade_color; 0 0 0 1px $headerbar_darker_shade_color;