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

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

updating theme

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