source: arc-theme/trunk/fuentes/arc-theme/common/gtk-3.0/3.18/sass/_transparent_widgets.scss @ 1570

Last change on this file since 1570 was 1570, checked in by hectorgh, 3 years ago

wip

File size: 7.2 KB
Line 
1.titlebar .separator {
2  color: $header_border;  //fixes separator in gnome-tweak-tool
3}
4
5NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar
6
7GtkFileChooserDialog *,
8NautilusWindow *,
9NemoWindow {
10  -GtkPaned-handle-size: 0;
11}
12
13@if $variant==dark {
14  GtkFileChooserDialog,
15  NautilusWindow ,
16  NemoWindow {
17    .sidebar { border-right: 1px solid $dark_sidebar_border; }
18
19    .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; }
20  }
21}
22
23// Dark transparent sidebars
24GtkFileChooserDialog,
25NautilusWindow {
26
27  &.csd.background, .list.sidebar { background-color: transparent; }
28
29  GtkPlacesSidebar.sidebar {
30    background-color: $dark_sidebar_bg;
31
32    .sidebar-placeholder-row.list-row.activatable { border: 1px solid $selected_bg_color; }
33
34    .sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); }
35
36    .list-row.activatable {
37      border: none;
38      color: $dark_sidebar_fg;
39
40      .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); }
41
42      &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); }
43
44      &:selected, &:selected:hover, &:active:hover {
45        @extend %selected_items;
46        .sidebar-icon { color: inherit; }
47      }
48    }
49
50    .separator { color: transparent; }
51
52    .scrollbar { @extend %dark_sidebar_scrollbar }
53  }
54
55  &.maximized GtkPlacesSidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); }
56
57  .sidebar-button.button {
58    color: $dark_sidebar_fg;
59
60    &:hover { @include button(osd-hover); }
61    &:active { @include button(osd-active); }
62
63    &:not(:hover):not(:active) > GtkImage { opacity: 0.5 };
64  }
65}
66
67
68NemoWindow,
69MarlinViewWindow {
70
71  &.csd.background,
72  .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; }
73
74  .sidebar, .source-list.sidebar.view {
75    background-color: $dark_sidebar_bg;
76
77    .view, row {
78      background-color: transparent;
79      color: $dark_sidebar_fg;
80
81      &.image { color: transparentize($dark_sidebar_fg, 0.3); }
82
83      &.cell:selected {
84        background-color: $selected_bg_color;
85        color: $selected_fg_color;
86      }
87    }
88
89    &.frame {
90      color: $dark_sidebar_fg;
91    }
92
93    .separator { color: transparent; }
94
95    .scrollbar { @extend %dark_sidebar_scrollbar }
96  }
97  &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); }
98
99}
100
101NemoWindow.background > GtkGrid > GtkPaned > .pane-separator,
102MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: $dark_sidebar_border }
103
104// Fix Nautilus transparency issues
105NautilusWindow NautilusWindowSlot { background-color: $base_color; }
106NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; }
107
108GtkFileChooserDialog {
109
110  &.background.csd, &.background { background-color: $dark_sidebar_bg }
111  GtkPlacesSidebar.sidebar { background-color: transparent }
112
113  // Yeah, this is ugly, but prevents a transparent background in the image preview box
114  GtkPaned > .vertical > .horizontal { background-color: $bg_color; }
115
116  // fix for non gnome environments
117  .dialog-action-box { background-color: $bg_color }
118
119  .dialog-vbox > .frame {
120    color: $dark_sidebar_fg;
121    border-color: transparent;
122  }
123  GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame {
124    background-color: transparent;
125    border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%));
126  }
127
128  GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame,
129  .dialog-vbox > .frame {
130
131    .button { @extend %dark_sidebar_button; }
132    .entry { @extend %dark_sidebar_entry; }
133
134    @extend %osd_check_radio;
135
136    GtkLabel, GtkComboBox { color: $dark_sidebar_fg; }
137  }
138}
139
140//
141// Paned Headerbars
142//
143FeedReaderreaderUI.background.csd,
144GeditWindow.background.csd {
145
146  > .titlebar .pane-separator,
147  &.maximized > .titlebar .pane-separator,
148  > .titlebar .pane-separator:backdrop,
149  &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; }
150
151  > .titlebar > GtkHeaderBar.header-bar.titlebar {
152    background-color: $header_bg;
153
154    &:backdrop { background-color: $header_bg_backdrop; }
155  }
156
157  &.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar {
158    background-color: opacify($header_bg, 1);
159
160    &:backdrop { background-color: opacify($header_bg_backdrop, 1); }
161  }
162}
163
164FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar,
165GeditWindow.background.csd > .titlebar {
166  background-color: transparent;
167}
168
169// Gedit
170GeditWindow.background {
171  &.csd { background-color: transparent; }
172
173  .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; }
174  .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; }
175}
176
177.gedit-bottom-panel-paned { background-color: $base_color; }
178
179.gedit-document-panel {
180  background-color: $dark_sidebar_bg;
181
182  .maximized & { background-color: opacify($dark_sidebar_bg, 1); }
183
184  .list-row { color: $dark_sidebar_fg; }
185
186  .list-row {
187    background-color: transparentize($dark_sidebar_fg, 1);
188    border: solid transparentize($dark_sidebar_fg, 1);
189    border-width: 3px 2px 3px 2px;
190  }
191  .list-row:hover {
192    border: solid transparentize($dark_sidebar_fg, 0.85);
193    border-width: 3px 2px 3px 2px;
194    background-color: transparentize($dark_sidebar_fg, 0.85);
195  }
196  .list-row:active {
197    color: $selected_fg_color;
198    background-color: $selected_bg_color;
199    border: solid $selected_bg_color;
200    border-width: 3px 2px 3px 2px;
201
202    .button { color: $selected_fg_color; }
203  }
204  .list-row:selected, .list-row:selected:hover {
205    color: $selected_fg_color;
206    background-color: $selected_bg_color;
207    border: solid $selected_bg_color;
208    border-width: 3px 2px 3px 2px;
209  }
210  .prelight-row .button:active {
211    color: $dark_sidebar_fg;
212  }
213}
214
215GeditFileBrowserWidget {
216  background-color: $dark_sidebar_bg;
217
218  .maximized & { background-color: opacify($dark_sidebar_bg, 1); }
219
220  .scrollbar { @extend %dark_sidebar_scrollbar; }
221
222  .horizontal {
223    background-color: transparent;
224    border-color: darken($dark_sidebar_bg, 7%);
225
226    .button { @extend %dark_sidebar_button; }
227    GtkComboBox { color: $dark_sidebar_fg; }
228  }
229}
230
231GeditWindow.background.csd GeditFileBrowserView.view {
232
233  background-color: transparent;
234  color: $dark_sidebar_fg;
235
236  &.expander {
237    color: $dark_sidebar_fg;
238    &:hover { color: $selected_bg_color; }
239  }
240}
241
242%dark_sidebar_button {
243  @include button(osd);
244
245  &:hover { @include button(osd-hover); }
246  &:active, &:checked { @include button(osd-active); }
247  &:insensitive { @include button(osd-insensitive); }
248}
249
250%dark_sidebar_entry {
251  @include entry(osd);
252
253  &:focus { @include entry(osd-focus); }
254  &:insensitive { @include entry(osd-insensitive); }
255}
256
257%dark_sidebar_scrollbar {
258
259  &.overlay-indicator:not(.dragging):not(.hovering) .slider {
260    background-color: lighten($dark_sidebar_fg, 15%);
261    border: 1px solid transparentize(black, 0.7);
262  }
263
264  // trough coloring
265  .trough {
266    background-color: transparentize(black, 0.8);
267    border: none;
268  }
269
270  // slider coloring
271  .slider {
272    background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3);
273
274    &:hover { background-color: lighten($dark_sidebar_fg, 20%); }
275
276    &:prelight:active { background-color: $selected_bg_color; }
277
278    &:insensitive {
279      background-color: transparent;
280    }
281  }
282}
Note: See TracBrowser for help on using the repository browser.