From ee864708c34027a1e3b0ad6aff38c1c3b4c3463d Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: adapt to changes in GTK+ 3.19.x --- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 276 +++++++++++++++++++++ 1 file changed, 276 insertions(+) create mode 100644 common/gtk-3.0/3.20/sass/_transparent_widgets.scss (limited to 'common/gtk-3.0/3.20/sass/_transparent_widgets.scss') diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss new file mode 100644 index 0000000..3083f38 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -0,0 +1,276 @@ +.titlebar separator { + color: $header_border; //fixes separator in gnome-tweak-tool +} + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + //-GtkPaned-handle-size: 0; +} + +@if $variant==dark { + GtkFileChooserDialog, + NautilusWindow , + NemoWindow { + .sidebar { border-right: 1px solid $dark_sidebar_border; } + + .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow { + + &.csd.background, placessidebar list { background-color: transparent; } + + placessidebar.sidebar { + background-color: $dark_sidebar_bg; + + row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } + + row.sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); } + + row.activatable { + border: none; + color: $dark_sidebar_fg; + + .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + + &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } + + &:selected, &:selected:hover, &:active:hover { + @extend %selected_items; + .sidebar-icon { color: inherit; } + } + } + + separator { color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + + &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .sidebar-button.button { + color: $dark_sidebar_fg; + + &:hover { @include button(osd-hover); } + &:active { @include button(osd-active); } + + &:not(:hover):not(:active) > image { opacity: 0.5 }; + } +} + + +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:hover { background-color: transparent; } + + .sidebar, .source-list.sidebar.view { + background-color: $dark_sidebar_bg; + + .view, row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + separator { color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + +} + +NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } + +// Fix Nautilus transparency issues +NautilusWindow NautilusWindowSlot { background-color: $base_color; } +NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } + +GtkFileChooserDialog { + + &.background.csd, &.background { background-color: $dark_sidebar_bg } + scrolledwindow.sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + paned > .vertical > .horizontal { background-color: $bg_color; } + + // fix for non gnome environments + .dialog-action-box { background-color: $bg_color } + + .dialog-vbox > .frame { + color: $dark_sidebar_fg; + border-color: transparent; + } + GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + GtkFileChooserWidget > actionbar > revealer > .action-bar.frame, + .dialog-vbox > .frame { + + button { @extend %dark_sidebar_button; } + entry { @extend %dark_sidebar_entry; } + + @extend %osd_check_radio; + + label, combobox { color: $dark_sidebar_fg; } + } +} + +// +// Paned Headerbars +// +FeedReaderreaderUI.background.csd, +GeditWindow.background.csd { + + > .titlebar .pane-separator, + &.maximized > .titlebar .pane-separator, + > .titlebar .pane-separator:backdrop, + &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } + + > .titlebar > headerbar.titlebar { + background-color: $header_bg; + + &:backdrop { background-color: $header_bg_backdrop; } + } + + &.maximized > .titlebar > headerbar.titlebar { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; +} + +// Gedit +GeditWindow.background { + &.csd { background-color: transparent; } + + .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } + .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + row { color: $dark_sidebar_fg; } + + row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + row:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + + button { color: $selected_fg_color; } + } + row:selected, row:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + } + .prelight-row button:active { + color: $dark_sidebar_fg; + } +} + +GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + scrollbar { @extend %dark_sidebar_scrollbar; } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + button { @extend %dark_sidebar_button; } + combobox { color: $dark_sidebar_fg; } + } +} + +GeditWindow.background.csd GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +%dark_sidebar_button { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + &:disabled { @include entry(osd-insensitive); } +} + +%dark_sidebar_scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 20%); } + + &:hover:active { background-color: $selected_bg_color; } + + &:disabled { + background-color: transparent; + } + } + trough { + background-color: transparentize(black, 0.8); + border: none; + } +} -- cgit v1.2.3