diff --git a/src/sass/gtk/_applications-3.0.scss b/src/sass/gtk/_applications-3.0.scss index 54809fd..052b582 100644 --- a/src/sass/gtk/_applications-3.0.scss +++ b/src/sass/gtk/_applications-3.0.scss @@ -330,11 +330,15 @@ $nautilus_sidebar_image: image($dark_sidebar_bg); } actionbar.background { - background-color: $menu_bg; - margin: 6px; - border-radius: $wm_radius - 6px; - box-shadow: $shadow_5, inset 0 1px $highlight_color; - border: none; + background: none; + + > revealer > box { + background-color: $bg_color; + margin: 6px; + border-radius: $wm_radius - 6px; + box-shadow: $shadow_5, inset 0 1px $highlight_color; + border: none; + } } } } @@ -384,7 +388,7 @@ $nautilus_sidebar_image: image($dark_sidebar_bg); } > stack:not(:only-child) { - searchbar { background-color: transparent; } + searchbar > revealer > box { background-color: transparent; } } infobar { @@ -1170,7 +1174,7 @@ configurationview { } } -dzldockbin actionbar { +dzldockbin actionbar > revealer > box { border-radius: 0 0 $wm_radius $wm_radius; } @@ -2025,8 +2029,10 @@ window.background.csd.unified { hdyviewswitcherbar > actionbar, viewswitcherbar > actionbar { // Gnome 3.38 - background: none; - border: none; + > revealer > box { + background: none; + border: none; + } } // @@ -2445,7 +2451,7 @@ window.background.csd { border-bottom-right-radius: $wm_radius; } - > box.vertical > searchbar { background-color: $base_color; } + > box.vertical > searchbar > revealer > box { background-color: $base_color; } } } @@ -2478,14 +2484,14 @@ window.background.csd { window.background.csd { // Documents actionbar > box.vertical > overlay > stack > box.vertical { - > actionbar { + > actionbar > revealer > box { border-radius: 0 0 $wm_radius $wm_radius; } } &.maximized, &.tiled, &.fullscreen { > box.vertical > overlay > stack > box.vertical { - > actionbar { + > actionbar > revealer > box { border-radius: 0 0 $maximized_radius $maximized_radius; } } @@ -3155,49 +3161,30 @@ window#GearyMainWindow.background.csd { } } -.geary-main-window { // 40.0 - > headerbar { - border-bottom: none; +.geary-main-window { + &.background.csd.unified { background: none; } - > leaflet > leaflet > headerbar { - border-bottom: none; + .geary-main-layout { // >= 40.0 + background-color: $dark_sidebar_bg; - &, &:backdrop { - border-radius: 0 0 0 0; - } + > leaflet > leaflet > headerbar { // left and center headerbar + &:first-child { @extend %side_headerbar_left; background-color: transparent; } + &:last-child { @extend %side_headerbar_right; } + } - &:only-child { - border-radius: $wm_radius $wm_radius 0 0; - } - - &:not(:first-child) { - background-color: $base_color; - box-shadow: inset 0 1px $header_highlight; - } - - &:first-child { - @extend %side_headerbar_left; - border-radius: $wm_radius 0 0 0; - } + > leaflet > headerbar { // right headerbar + @extend %side_headerbar_right; } } - leaflet > leaflet > box.vertical { - searchbar { - background-color: $base_color; + frame.geary-folder-frame { // left side + background-color: transparent; - > revealer > box { - border-color: if($variant == 'light', $solid_borders_color, $header_border); - } - } - } - - frame.geary-folder-frame { > border { border: none; } scrolledwindow { treeview.view.sidebar { - background-color: rgba($dark_sidebar_bg, 1); + background-color: transparent; &:hover { color: $fg_color; @@ -3216,16 +3203,21 @@ window#GearyMainWindow.background.csd { } } - frame.geary-conversation-frame { - background-color: rgba($dark_sidebar_bg, 1); + frame.geary-conversation-frame { // center part + background-color: $base_color; > border { border: none; } scrolledwindow { + // margin: -1px 0; + padding: 6px; background-color: $base_color; treeview.view { background-image: none; + border-color: $base_color; + border-radius: $mn_radius; + outline: none; &:hover { background-color: rgba($fg_color, 0.1); } @@ -3241,9 +3233,34 @@ window#GearyMainWindow.background.csd { } } + leaflet > leaflet > box.vertical { + searchbar { // center part searchbar + > revealer > box { + background-color: $base_color; + border-color: $dark_sidebar_border; + } + } + + > revealer > components-conversation-actions { // center part actionbar + margin-top: -1px; + background-color: $base_color; + border-color: transparent; // not use? + box-shadow: inset 0 1px $dark_sidebar_border; + + button { + @extend %flat_button; + } + + > .linked > button { + border-radius: $bt_radius; + margin: 0 1px; + } + } + } + separator.geary-sidebar-pane-separator { background-color: $dark_sidebar_border; } - geary-conversation-viewer#conversation_viewer, // 40.0 + geary-conversation-viewer#conversation_viewer, // 40.0 right side stack#conversation_viewer { // 3.28 background-color: $base_color; border-bottom-right-radius: $wm_radius + 1px; @@ -3260,10 +3277,9 @@ window#GearyMainWindow.background.csd { } searchbar { - background-color: $base_color; - > revealer > box { - border-color: if($variant == 'light', $solid_borders_color, $header_border); + background-color: $base_color; + border-color: $dark_sidebar_border; } } } diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index 0bc267a..39f10b3 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -10,14 +10,12 @@ background-image: none; background-color: rgba($base_color, 1); box-shadow: inset 0 1px $highlight_color; - border: none; } %side_searchbar { - background-color: rgba($dark_sidebar_bg, 1); - > revealer > box { - border-color: if($variant == 'light', $solid_borders_color, $header_border); + background-color: rgba($dark_sidebar_bg, 1); + border-color: $dark_sidebar_border; } } @@ -1333,7 +1331,7 @@ combobox { } searchbar { - background-color: $bg_color; + background-color: transparent; padding: 0; margin: 0; border: none; @@ -1342,6 +1340,7 @@ searchbar { padding: 6px; margin: -6px; border-style: solid; + background-color: $bg_color; border-color: $solid_borders_color; border-width: 0 0 1px; } @@ -1360,12 +1359,16 @@ searchbar { } actionbar { - padding: 6px; - border-top: 1px solid $borders_color; - background-color: darken($bg_color, 3%); + background-color: transparent; - .background.csd revealer > &, - .background.csd > box.vertical > & { + > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + background-color: darken($bg_color, 3%); + } + + .background.csd revealer > & > revealer > box, + .background.csd > box.vertical > & > revealer > box { border-radius: 0 0 $wm_radius $wm_radius; } } @@ -2058,8 +2061,6 @@ menubar, &:backdrop { color: transparentize($header_fg, 0.2); - // background-image: none; - // background-color: opacify($header_bg_backdrop, 1); } > menuitem { @@ -2068,11 +2069,7 @@ menubar, border: none; border-radius: $bt_radius; - // > window.popup.background.csd > decoration { border-radius: 0 0 $wm_radius $wm_radius; } - > window.popup.background.csd > menu { - // border-radius: 0 0 $wm_radius $wm_radius; - > menuitem { transition: none; } } @@ -2091,7 +2088,7 @@ menubar, menu, .menu { // margin: 4px; - padding: 6px 4px; + padding: 6px 0; border-radius: $mn_radius; background-color: opacify($menu_bg, 1); border: 1px solid $solid_borders_color; @@ -2117,7 +2114,7 @@ menu, min-width: 40px; padding: 3px 6px; border-radius: $mn_radius - 3px; - margin: 0 2px; + margin: 0 6px; text-shadow: none; color: $fg_color; @@ -2194,7 +2191,7 @@ menu, &.top { margin-top: -6px; - border-radius: $wm_radius $wm_radius 0 0; + border-radius: $mn_radius $mn_radius 0 0; border-bottom: 1px solid $borders_color; -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } @@ -2202,7 +2199,7 @@ menu, &.bottom { margin-top: 12px; margin-bottom: -16px; - border-radius: 0 0 $wm_radius $wm_radius; + border-radius: 0 0 $mn_radius $mn_radius; border-top: 1px solid $borders_color; -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } @@ -3483,10 +3480,12 @@ filechooser { } > actionbar { - border-top: 1px solid $header_border; - background-color: $dark_sidebar_bg; - color: $dark_sidebar_fg; - border-radius: 0 0 $wm_radius $wm_radius; + > revealer > box { + border-top: 1px solid $header_border; + background-color: $dark_sidebar_bg; + color: $dark_sidebar_fg; + border-radius: 0 0 $wm_radius $wm_radius; + } label, combobox { color: $dark_sidebar_fg; } } @@ -3519,13 +3518,13 @@ filechooser { > box.vertical > box.vertical > paned.horizontal > separator { border: none; min-width: 1px; - background-image: image(if($variant=='light', $solid_borders_color, $header_border)); + background-image: image($dark_sidebar_border); // &:dir(ltr) { margin-left: -1px; } // &:dir(rtl) { margin-right: -1px; } } - #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } + #pathbarbox { border-bottom: 1px solid $dark_sidebar_border; } } //