From 8aaf55c319f06160b14f402f012144b74baa8d01 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 17 Jul 2015 14:34:04 +0200 Subject: use libsass and update build system --- common/gtk-3.0/3.16/sass/_transparent_widgets.scss | 231 +++++++++++++++++++++ 1 file changed, 231 insertions(+) create mode 100644 common/gtk-3.0/3.16/sass/_transparent_widgets.scss (limited to 'common/gtk-3.0/3.16/sass/_transparent_widgets.scss') diff --git a/common/gtk-3.0/3.16/sass/_transparent_widgets.scss b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss new file mode 100644 index 0000000..67f5b6c --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss @@ -0,0 +1,231 @@ +.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, +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } + + .sidebar, .source-list.sidebar.view { + background-color: $dark_sidebar_bg; + + .view, row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.image { color: transparentize($dark_sidebar_fg, 0.4); } + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + .separator { color: transparent; } + + .scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) .slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + + // trough coloring + .trough { + background-color: transparentize(black, 0.8); + border: none; + } + + // slider coloring + .slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 20%); } + + &:prelight:active { background-color: $selected_bg_color; } + + &:insensitive { + background-color: transparent; + } + } + } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .pane-separator { background-color: $dark_sidebar_border; } +} + +GtkFileChooserDialog { + + &.background.csd, .background { background-color: $dark_sidebar_bg } + .sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + GtkPaned > .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; + } + .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + .action-bar.frame, + .dialog-vbox > .frame { + + .button { @extend %dark_sidebar_button; } + .entry { @extend %dark_sidebar_entry; } + + GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } + } +} + +// Gedit sidebar +GeditWindow.background.csd { + background-color: transparent; + + .pane-separator, + .pane-separator:hover { background-color: $dark_sidebar_border; } + + .titlebar .pane-separator, + &.maximized .titlebar .pane-separator, + .titlebar .pane-separator:backdrop, + &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .list-row { color: $dark_sidebar_fg; } + + .list-row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + .list-row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + .list-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; } + } + .list-row:selected, .list-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; + } +} + +GeditWindow.background.csd GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) .slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + + // trough coloring + .trough { + background-color: transparentize(black, 0.8); + border: none; + } + + // slider coloring + .slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 15%); } + + &:prelight:active { background-color: $selected_bg_color; } + + &:insensitive { + background-color: transparent; + } + } + } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + .button { @extend %dark_sidebar_button; } + GtkComboBox { 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); } + &:insensitive { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus) } + &:insensitive { @include entry(osd-insensitive); } +} -- cgit v1.2.3