source: arc-theme/trunk/fuentes/arc-theme/common/gtk-3.0/3.20/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: 5.2 KB
Line 
1//.nemo-window GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar
2
3//.nemo-window,
4.nautilus-window {
5  paned > separator {
6    background-image: linear-gradient(to top, $dark_sidebar_border);
7
8    @if $variant=='light' {
9      &:dir(ltr) { margin-left: -1px; }
10      &:dir(rtl) { margin-right: -1px; }
11    }
12  }
13}
14
15filechooser paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); }
16
17// Dark transparent sidebars
18filechooser,
19.nautilus-window {
20
21  &.csd.background, placessidebar list { background-color: transparent; }
22
23  placessidebar.sidebar {
24
25    background-color: $dark_sidebar_bg;
26
27    row.sidebar-row {
28      border: none;
29      color: $dark_sidebar_fg;
30
31      .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); }
32
33      &.has-open-popup,
34      &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); }
35
36      &:disabled {
37        &, label, image { color: transparentize($dark_sidebar_fg, 0.6); }
38      }
39
40      &:selected.has-open-popup,
41      &:selected, &:selected:hover, &:active:hover {
42        @extend %selected_items;
43
44        .sidebar-icon { color: inherit; }
45      }
46
47      &:not(:selected) button.sidebar-button {
48        color: $dark_sidebar_fg;
49
50        &:hover { @include button(osd-hover); }
51        &:active { @include button(active); }
52
53        &:not(:hover):not(:active) > image { opacity: 0.5 };
54      }
55
56      &.sidebar-new-bookmark-row {
57        color: $selected_bg_color;
58
59        .sidebar-icon { color: inherit; }
60      }
61
62      &:drop(active):not(:disabled) {
63        &, label, .sidebar-icon { color: $drop_target_color; }
64
65        &:selected {
66          &, label, .sidebar-icon { color: $selected_fg_color; }
67          background-color: $drop_target_color;
68        }
69      }
70    }
71
72    separator { background-color: transparent; }
73
74    scrollbar { @extend %dark_sidebar_scrollbar }
75  }
76
77  &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); }
78}
79
80.nemo-window {
81  .sidebar {
82    color: $dark_sidebar_fg;
83    background-color: $dark_sidebar_bg;
84
85    .view, row {
86      background-color: transparent;
87      color: $dark_sidebar_fg;
88
89      &.cell:selected {
90        background-color: $selected_bg_color;
91        color: $selected_fg_color;
92      }
93
94      &.expander {
95        color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%);
96
97        &:hover { color: $dark_sidebar_fg; }
98      }
99    }
100
101    separator { background-color: transparent; }
102
103    scrollbar { @extend %dark_sidebar_scrollbar }
104  }
105}
106
107.caja-side-pane {
108
109  &,
110  > notebook > stack > widget > box,
111  text,
112  treeview {
113    color: $dark_sidebar_fg;
114    caret-color: $dark_sidebar_fg;
115    background-color: opacify($dark_sidebar_bg, 1);
116  }
117
118  > box button {
119    &:not(:active):not(:checked) { color: $dark_sidebar_fg; }
120    &:hover:not(:active) { @extend %dark_sidebar_button:hover; }
121  }
122
123  .frame { border-color: darken(opacify($dark_sidebar_bg, 1), 5%); }
124
125  scrollbar { @extend %dark_sidebar_scrollbar; }
126  junction { background-color: darken($dark_sidebar_bg, 5%); }
127}
128
129filechooser {
130
131  actionbar {
132    color: $dark_sidebar_fg;
133    background-color: $dark_sidebar_bg;
134    border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%));
135
136    button { @extend %dark_sidebar_button; }
137    entry { @extend %dark_sidebar_entry; }
138
139    @extend %osd_check_radio;
140
141    label, combobox { color: $dark_sidebar_fg; }
142  }
143}
144
145// Gedit
146.gedit-bottom-panel-paned { background-color: $base_color; }
147
148.gedit-side-panel-paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); }
149.gedit-bottom-panel-paned > separator { background-image: linear-gradient(to top, $borders_color); }
150
151.gedit-document-panel {
152  background-color: $dark_sidebar_bg;
153
154  .maximized & { background-color: opacify($dark_sidebar_bg, 1); }
155
156  row {
157    color: $dark_sidebar_fg;
158    background-color: transparentize($dark_sidebar_fg, 1);
159
160    &:hover {
161      background-color: transparentize($dark_sidebar_fg, 0.85);
162    }
163    &:active {
164      color: $selected_fg_color;
165      background-color: $selected_bg_color;
166
167      button { color: $selected_fg_color; }
168    }
169    &:selected, &:selected:hover {
170      color: $selected_fg_color;
171      background-color: $selected_bg_color;
172    }
173    &:hover:not(:selected) button:active {
174      color: $dark_sidebar_fg;
175    }
176  }
177}
178
179%dark_sidebar_button {
180  @include button(osd);
181
182  &:hover { @include button(osd-hover); }
183  &:active, &:checked { @include button(osd-active); }
184  &:disabled { @include button(osd-insensitive); }
185}
186
187%dark_sidebar_entry {
188  @include entry(osd);
189
190  &:focus { @include entry(osd-focus); }
191  &:disabled { @include entry(osd-insensitive); }
192}
193
194%dark_sidebar_scrollbar {
195
196  border-color: darken($dark_sidebar_bg, 5%);
197
198  &.overlay-indicator:not(.dragging):not(.hovering) slider {
199    background-color: lighten($dark_sidebar_fg, 15%);
200    border: 1px solid transparentize(black, 0.7);
201  }
202  slider {
203    background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3);
204
205    &:hover { background-color: lighten($dark_sidebar_fg, 20%); }
206
207    &:hover:active { background-color: $selected_bg_color; }
208
209    &:disabled {
210      background-color: transparent;
211    }
212  }
213  trough {
214    background-color: darken($dark_sidebar_bg, 5%);
215  }
216}
Note: See TracBrowser for help on using the repository browser.