diff --git a/src/sass/gtk/_common-4.0.scss b/src/sass/gtk/_common-4.0.scss index fefde7b..9f9fe31 100644 --- a/src/sass/gtk/_common-4.0.scss +++ b/src/sass/gtk/_common-4.0.scss @@ -46,6 +46,8 @@ $list_shadow: if($variant == 'light', } %circular_row { + border: none; + &:first-child { border-top-left-radius: $wm_radius; border-top-right-radius: $wm_radius; @@ -1574,17 +1576,19 @@ actionbar > revealer > box { } headerbar { - min-height: $headerbar_size; + min-height: $headerbar_size + 4px; padding: 0 $container_padding + 10px; color: $header_fg; background-color: $header_bg; border-bottom: 1px solid $header_border; + box-shadow: none; &:backdrop { transition: $backdrop_transition; color: transparentize($header_fg, 0.3); background-color: $header_bg_backdrop; border-color: if($variant=='light', lighten($header_border, 5%), darken($header_border, 3%)); + box-shadow: none; } .title { @@ -1609,7 +1613,10 @@ headerbar { margin-bottom: 8px; } - // button.toggle.popup { margin-right: 3px; } // Nautilus 3.30 popup button + menubutton.popup, { + margin-top: 0; + margin-bottom: 0; + } // Reset linked buttons .linked.raised > & { @@ -1690,24 +1697,19 @@ headerbar { box-shadow: none; } - &.windowhandle { - viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; - } + windowhandle { + viewswitcher { + button { + margin-top: 2px; + margin-bottom: 1px; + min-height: 0; - > button.popup { - &:hover { - @include button(header-hover); - } - - &:active { - @include button(header-active); - } - - &:checked { - @include button(header-checked); + > stack > box { + &.wide { + padding: 0 12px; + border-spacing: 0; + } + } } } } @@ -1802,120 +1804,15 @@ headerbar { } separator.titlebutton { @extend %header_separator; } - - // Fixes split headerbars - separator:first-child + &, - &:first-child { - &, &:backdrop { - border-top-left-radius: $wm_radius; - - .maximized &, - .tiled & { border-top-left-radius: $maximized_radius; } - } - } - - &:last-child { - &, &:backdrop { - border-top-right-radius: $wm_radius; - - .maximized &, - .tiled & { border-top-right-radius: $maximized_radius; } - } - } - - stack & { // tackles the stacked headerbars case - &:first-child, &:last-child { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - } - - window separator:first-child + &, - window &:first-child { &:backdrop, & { border-top-left-radius: $wm_radius; }} - window &:last-child { &:backdrop, & { border-top-right-radius: $wm_radius; }} - - window stack & { // tackles the stacked headerbars case - &:first-child, &:last-child { - &:backdrop, & { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - } - } - - window.tiled &, - window.tiled-top &, - window.tiled-right &, - window.tiled-bottom &, - window.tiled-left &, - window.maximized & { - &, - &:first-child, - &:last-child, - &:only-child { - border-top-left-radius: $maximized_radius; - border-top-right-radius: $maximized_radius; - } - } - - window.fullscreen &, - .solid-csd & { - &, - &:first-child, - &:last-child, - &:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - } } .titlebar { - &, &.background { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - - &, & headerbar { - box-shadow: inset 0 1px $highlight_color; - - .tiled &, - .maximized &, - .fullscreen & { - box-shadow: none; - - &, &.background { - border-top-left-radius: $maximized_radius; - border-top-right-radius: $maximized_radius; - } - } - } - > box.left.horizontal, > box.right.horizontal { padding: 0 $container_padding; } } -window.background > box.vertical > headerbar:not(.titlebar) { // reset headerbar style for not CSD window - border-radius: 0 0 0 0; - box-shadow: none; - - // Fixes split headerbars - separator:first-child + &, - &:first-child { - &, &:backdrop { - border-top-left-radius: 0; - } - } - - &:last-child { - &, &:backdrop { - border-top-right-radius: 0; - } - } -} - // Fixes split headerbars too .titlebar:not(headerbar) { window > &, @@ -2196,6 +2093,7 @@ popover.background { > arrow, > contents { padding: 0; + color: $fg_color; background-clip: border-box; background-color: $menu_bg; box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)), @@ -2329,6 +2227,7 @@ popover.menu { &.background > contents { background-color: $menu_bg; padding: $container_padding; + color: $fg_color; } &.background separator { @@ -2362,6 +2261,7 @@ popover.menu { padding: $container_padding / 3 $container_padding; border-radius: $mn_radius - $container_padding / 2; transition: none; + color: $text_color; &:focus { background-color: transparent; @@ -2598,6 +2498,62 @@ notebook { } } +tabbox { + @if $monterey == 'false' { + background-color: darken($header_bg, 10%); + box-shadow: inset 0 -1px $borders_color; + } @else { + background-color: $header_bg; + border-bottom: 1px solid $borders_color; + padding: 0 $container_padding / 2 $container_padding / 2; + } + + > tab { + @if $monterey == 'false' { + @extend %tabs_tab; + border-top: none; + border-top: 1px solid $borders_color; + &:checked { border-top-color: $header_bg; } + } @else { + @extend %monterey_tab; + + + tab { + margin-left: $container_padding / 2; + } + } + + button.tab-close-button { + border-radius: 3px; + border: none; + padding: 0; + @extend %flat_button; + + @if $monterey == 'false' { + min-height: $small_size; + min-width: $small_size; + margin-top: 2px; + margin-bottom: 2px; + } @else { + min-height: 16px; + min-width: 16px; + margin-top: 4px; + margin-bottom: 4px; + margin-right: -$container_padding; + } + + &:hover { + color: $fg_color; + background-color: rgba($borders_color, 0.1); + } + + &:active, &:active:hover { + color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); + background-color: rgba($borders_color, 0.2); + } + } + } +} + // // Scrollbars // @@ -3404,17 +3360,13 @@ separator { // // Lists // -listview, list { background-color: $base_color; border-color: $borders_color; - // border-radius: $wm_radius; + color: $fg_color; > row { padding: 2px; - - // &:first-child { border-radius: $bt_radius $bt_radius 0 0; } - // &:last-child { border-radius: 0 0 $bt_radius $bt_radius; } } &.content:not(.conversation-listbox) { @@ -3425,10 +3377,37 @@ list { } } + &.boxed-list { + @extend %circular_list; + + > row { + @extend %circular_row; + + &.expander { + list { + background-color: transparent; + box-shadow: none; + border: none; + + > row { + @extend %circular_row; + } + } + } + } + } + > row.expander { padding: 0px; } > row.expander .row-header { padding: 2px; } } +listview.view { + color: $fg_color; + background-color: transparent; + + popover.menu & { padding: 0; } +} + %row_activatable { &.has-open-popup, &:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } @@ -4335,6 +4314,10 @@ stackswitcher { window { border-width: 0; + outline-color: $highlight_color; + outline-offset: -1px; + outline-style: solid; + outline-width: 1px; &.csd { transition: $shadow_transition; @@ -4374,12 +4357,8 @@ window { &.maximized, &.fullscreen, - &.tiled, - &.tiled-top, - &.tiled-left, - &.tiled-right, - &.tiled-bottom { - border-radius: 0; + &:backdrop { + outline-width: 0; } &.popup { box-shadow: none; }