1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
horst3180_arc-theme/common/gtk-3.0/3.20/sass/_transparent_widgets.scss

197 lines
4.7 KiB
SCSS
Raw Normal View History

2016-02-19 10:06:17 +00:00
//NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar
2016-02-19 10:06:17 +00:00
2016-02-19 10:06:17 +00:00
//NemoWindow,
.nautilus-window {
2016-02-25 23:10:22 +00:00
paned > separator {
background-image: linear-gradient(to top, $dark_sidebar_border);
2016-02-25 23:10:22 +00:00
&:dir(ltr) { margin-left: -1px; }
&:dir(rtl) { margin-right: -1px; }
}
2016-02-19 10:06:17 +00:00
}
filechooser paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); }
2016-02-19 10:06:17 +00:00
// Dark transparent sidebars
filechooser,
2016-02-19 10:06:17 +00:00
.nautilus-window {
2016-02-19 10:06:17 +00:00
&.csd.background, placessidebar list { background-color: transparent; }
placessidebar.sidebar {
2016-02-19 10:06:17 +00:00
2016-02-19 10:06:17 +00:00
background-color: $dark_sidebar_bg;
2016-03-22 11:24:30 +00:00
row {
2016-02-19 10:06:17 +00:00
border: none;
color: $dark_sidebar_fg;
2016-03-23 14:07:19 +00:00
.sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); }
2016-02-19 10:06:17 +00:00
2016-03-11 11:11:31 +00:00
&.has-open-popup,
2016-02-19 10:06:17 +00:00
&:hover { background-color: transparentize($dark_sidebar_fg, 0.85); }
2016-03-23 14:07:19 +00:00
2016-03-22 11:24:30 +00:00
&:disabled {
&, label, image { color: transparentize($dark_sidebar_fg, 0.6); }
}
2016-02-19 10:06:17 +00:00
2016-03-23 14:07:19 +00:00
&:selected.has-open-popup,
2016-02-19 10:06:17 +00:00
&:selected, &:selected:hover, &:active:hover {
@extend %selected_items;
2016-03-23 14:07:19 +00:00
.sidebar-icon { color: inherit; }
}
&.sidebar-new-bookmark-row {
color: $selected_bg_color;
.sidebar-icon { color: inherit; }
}
&:drop(active):not(:disabled) {
&, label, .sidebar-icon { color: $drop_target_color; }
&:selected {
&, label, .sidebar-icon { color: $selected_fg_color; }
background-color: $drop_target_color;
}
2016-02-19 10:06:17 +00:00
}
}
2016-02-19 10:06:17 +00:00
separator { background-color: transparent; }
2016-02-19 10:06:17 +00:00
scrollbar { @extend %dark_sidebar_scrollbar }
}
&.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); }
2016-03-10 16:05:42 +00:00
row:not(:selected) button.sidebar-button {
2016-02-19 10:06:17 +00:00
color: $dark_sidebar_fg;
&:hover { @include button(osd-hover); }
2016-02-25 23:10:22 +00:00
&:active { @include button(active); }
2016-02-19 10:06:17 +00:00
&:not(:hover):not(:active) > image { opacity: 0.5 };
}
}
2016-02-19 10:06:17 +00:00
//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); }
//
//}
2016-02-19 10:06:17 +00:00
2016-02-19 10:06:17 +00:00
//NemoWindow.background > GtkGrid > paned > separator,
//MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border }
2016-02-19 10:06:17 +00:00
filechooser {
actionbar {
color: $dark_sidebar_fg;
background-color: $dark_sidebar_bg;
border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%));
button { @extend %dark_sidebar_button; }
entry { @extend %dark_sidebar_entry; }
@extend %osd_check_radio;
label, combobox { color: $dark_sidebar_fg; }
}
}
2016-02-19 10:06:17 +00:00
// Gedit
.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 {
2016-03-10 23:02:11 +00:00
color: $dark_sidebar_fg;
2016-02-19 10:06:17 +00:00
background-color: transparentize($dark_sidebar_fg, 1);
2016-03-10 23:02:11 +00:00
&:hover {
background-color: transparentize($dark_sidebar_fg, 0.85);
}
&:active {
color: $selected_fg_color;
background-color: $selected_bg_color;
button { color: $selected_fg_color; }
}
&:selected, &:selected:hover {
color: $selected_fg_color;
background-color: $selected_bg_color;
}
&:hover:not(:selected) button:active {
color: $dark_sidebar_fg;
}
2016-02-19 10:06:17 +00:00
}
}
%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;
}
}