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

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

updating theme

File size: 13.7 KB
Line 
1//
2// Tab overrides
3//
4.gedit-bottom-panel-paned notebook,
5terminal-window notebook {
6  > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; }
7}
8
9//
10// GNOME Terminal
11//
12terminal-window {
13
14  notebook {
15    > header.top {
16      padding-top: 3px;
17
18      box-shadow: inset 0  1px opacify($header_border, 1),
19                  inset 0 -1px $borders_color;
20
21      button {
22        padding: 0;
23        min-width: 24px;
24        min-height: 24px;
25      }
26    }
27  }
28}
29
30//
31// Nautilus
32//
33.nautilus-canvas-item {
34  border-radius: 2px;
35}
36
37.nautilus-desktop.nautilus-canvas-item {
38  color: $selected_fg_color;
39  text-shadow: 1px 1px transparentize(black, 0.4);
40
41  &:active { color: $fg_color; }
42
43  &:selected {
44    color: $selected_fg_color;
45    text-shadow: none;
46  }
47}
48
49.nautilus-canvas-item.dim-label,
50.nautilus-list-dim-label {
51  color: mix($fg_color, $bg_color, 50%);
52
53  &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); }
54}
55
56.nautilus-window {
57  // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096
58
59  searchbar { border-top: 1px solid $borders_color; }
60  .searchbar-container { margin-top: -1px; }
61}
62
63.nautilus-window notebook,
64.nautilus-window notebook > stack:not(:only-child) searchbar {
65  background-color: $base_color;
66}
67
68button.nautilus-circular-button.image-button {
69  @extend button.circular;
70}
71
72$disk_space_unknown: transparentize($fg_color, 0.5);
73$disk_space_used: transparentize($selected_bg_color, 0.2);
74$disk_space_free: darken($bg_color, 3%);
75
76.disk-space-display {
77  border-style: solid;
78  border-width: 1px;
79
80  &.unknown {
81    background-color: $disk_space_unknown;
82    border-color: darken($disk_space_unknown, 10%);
83  }
84  &.used {
85    background-color: $disk_space_used;
86    border-color: darken($disk_space_used, 10%);
87  }
88  &.free {
89    background-color: $disk_space_free;
90    border-color: darken($disk_space_free, 10%);
91  }
92}
93
94@keyframes needs_attention_keyframes {
95    0% { @include button(header-hover); }
96    100% { @include button(header-active) }
97}
98
99.nautilus-operations-button-needs-attention {
100  animation: needs_attention_keyframes 2s ease-in-out;
101}
102.nautilus-operations-button-needs-attention-multiple {
103  animation: needs_attention_keyframes 3s ease-in-out;
104  animation-iteration-count: 3;
105}
106
107//
108// Nemo
109//
110.nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; }
111
112.nemo-window {
113
114  .nemo-places-sidebar.frame { border-width: 0; }
115  notebook { background-color: $base_color; }
116
117  // Rename entry
118  .nemo-window-pane widget.entry {
119    border: 1px solid;
120    border-radius: 3px;
121
122    @include entry(focus);
123
124    &:selected { &:focus, & { @extend %selected_items; }}
125  }
126
127  // Pathbar
128  .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) {
129
130    > button {
131      &:not(:last-child):not(:only-child) { margin: 0 0 1px 0; }
132
133      @include button(header-hover);
134
135      &:hover { background-color: lighten($header_button_bg, 15%); }
136      &:active, &:checked { @include button(header-active); }
137      &:disabled { color: transparentize($header_fg, 0.4); }
138
139      &, &:hover, &:active, &:checked, &:disabled { @extend %linked; }
140    }
141
142    @include pathbar_linking_rules($sep_color:$header_button_border);
143  }
144}
145
146//
147// Caja
148//
149.caja-desktop { @extend .nautilus-desktop.nautilus-canvas-item; }
150
151.caja-notebook { border-top: 1px solid $borders_color; }
152.caja-side-pane .frame { border-width: 1px 0 0; }
153.caja-notebook .frame { border-width: 0 0 1px; }
154
155//
156// Gedit
157//
158.open-document-selector-treeview.view {
159  padding: 3px 6px 3px 6px;
160  border-color: $base_color;  // disable borders, making them transparent doesn't work for some reason
161
162  &:hover {
163    background-color: mix($fg_color, $base_color, 7%);
164
165    &:selected {
166      color: $selected_fg_color;
167      background-color: $selected_bg_color;
168    }
169  }
170}
171
172.open-document-selector-name-label {
173  color: $fg_color;
174}
175
176.open-document-selector-path-label {
177    color: mix($fg_color, $base_color, 50%);
178    font-size: smaller;
179
180    &:selected { color: transparentize($selected_fg_color, 0.1); }
181}
182
183.gedit-document-panel {
184
185  row button {
186    min-width: 22px;
187    min-height: 22px;
188    padding: 0;
189
190    color: transparent;
191    background: none;
192    border: none;
193    box-shadow: none;
194
195    image { color: inherit; }
196  }
197
198  row:hover:not(:selected) button {
199    color: mix($bg_color, $fg_color, 35%);
200
201    &:hover { color: lighten(red, 15%); }
202    &:active { color: $fg_color; }
203  }
204
205  row:hover:selected button:hover {
206    color: lighten(red, 20%);
207    background: none;
208    border: none;
209    box-shadow: none;
210
211    &:active { color: $selected_fg_color; }
212  }
213}
214
215.gedit-document-panel-dragged-row {
216  border: 1px solid $borders_color;
217  background-color: darken($bg_color, 10%);
218  color: $fg_color;
219}
220
221.gedit-side-panel-paned statusbar {
222  border-top: 1px solid $borders_color;
223  background-color: $bg_color;
224}
225
226.gedit-search-slider {
227  background-color: lighten($bg_color, 2%);
228  padding: 6px;
229  border-color: $borders_color;
230  border-radius: 0 0 2px 2px;
231  border-width: 0 1px 1px 1px;
232  border-style: solid;
233}
234
235.gedit-search-entry-occurrences-tag {
236  color: transparentize($fg_color, 0.4);
237  border: none;
238  margin: 2px;
239  padding: 2px;
240}
241
242.gedit-map-frame {
243  border {
244    @if $variant=='light' { border-color: transparentize(black, 0.7); }
245    border-width: 0;
246
247    &:dir(ltr) { border-left-width: 1px; }
248    &:dir(rtl) { border-right-width: 1px; }
249  }
250}
251
252//
253// Gnome Builder
254//
255.gb-search-entry-occurrences-tag { background: none; }
256
257workbench.csd > stack.titlebar:not(headerbar) {
258  padding: 0;
259  background: none;
260  border: none;
261  box-shadow: none;
262
263  headerbar {
264    &,
265    &:first-child,
266    &:last-child { border-radius: $_header_radius $_header_radius 0 0; }
267  }
268}
269
270editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: $selected_bg_color; }
271
272layouttab {
273  background-color: $base_color;
274}
275
276layout {
277  border: 1px solid $borders_color;
278  -PnlDockBin-handle-size: 1;
279}
280
281eggsearchbar box.search-bar {
282  border-bottom: 1px solid $borders_color;
283}
284
285pillbox {
286  color: $selected_fg_color;
287  background-color: $selected_bg_color;
288  border-radius: 3px;
289}
290
291docktabstrip {
292  padding: 0 6px;
293
294  background-color: $bg_color;
295  border-bottom: 1px solid $borders_color;
296
297  docktab {
298    min-height: 28px;
299    border: solid transparent;
300    border-width: 0 1px;
301
302    label { opacity: 0.5; }
303    &:checked, &:hover { label { opacity: 1; }}
304
305    &:checked {
306      border-color: $borders_color;
307      background-color: $base_color;
308    }
309  }
310}
311
312dockbin {
313  border: 1px solid $borders_color;
314  -PnlDockBin-handle-size: 1;
315}
316
317dockpaned {
318  border: 1px solid $borders_color;
319}
320
321dockoverlayedge {
322  background-color: $bg_color;
323
324  docktabstrip {
325    padding: 0;
326    border: none;
327  }
328
329  &.left-edge tab:checked,
330  &.right-edge tab:checked {
331    border-width: 1px 0;
332  }
333}
334
335
336//
337// Epiphany
338//
339//EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it
340//  color: $fg_color;
341//}
342
343//
344// Gnome Documents
345//
346.documents-scrolledwin.frame { border-width: 0; }
347
348button.documents-load-more {
349  border-width: 1px 0 0;
350  border-radius: 0;
351}
352
353.documents-icon-bg {
354  background-color: $selected_bg_color;
355  color: $selected_fg_color;
356  border-radius: 2px;
357}
358
359.documents-collection-icon {
360  background-color: transparentize($fg_color, 0.7);
361  border-radius: 2px;
362}
363
364button.documents-favorite:active,
365button.documents-favorite:active:hover {
366  color: lighten($selected_bg_color, 20%);
367}
368
369.documents-entry-tag {
370  color: $selected_fg_color;
371  background: $selected_bg_color;
372  border-radius: 2px;
373  border-width: 0;
374  margin: 2px;
375  padding: 4px;
376
377  &:hover {
378    color: $selected_fg_color;
379    background: lighten($selected_bg_color, 4%);
380  }
381  &:active {
382    color: $selected_fg_color;
383    background: darken($selected_bg_color, 4%);
384  }
385}
386
387.content-view.document-page {
388  border-style: solid;
389  border-width: 3px 3px 6px 4px;
390  border-image: url("assets/thumbnail-frame.png") 3 3 6 4;
391}
392
393//
394// Gnome Photos
395//
396.photos-entry-tag { @extend .documents-entry-tag; }
397
398.photos-collection-icon { @extend .documents-collection-icon; }
399
400.photos-fade-in {
401    opacity: 1.0;
402    transition: opacity 0.2s ease-out;
403}
404
405.photos-fade-out {
406    opacity: 0.0;
407    transition: opacity 0.2s ease-out;
408}
409
410//
411// Transmission
412//
413.tr-workarea undershoot,
414.tr-workarea overshoot {
415  border-color: transparent; // Remove black border on over- and undershoot
416}
417
418//
419// Mate/Gnome Flashback Panel
420//
421.gnome-panel-menu-bar,
422.mate-panel-menu-bar {
423
424  &, menubar { background-color: $panel_bg; }
425
426  menubar,
427  #PanelApplet label,
428  #PanelApplet image { color: $panel_fg; }
429
430  // Panel buttons
431  button:not(#tasklist-button) {
432    @extend %panelbutton;
433  }
434
435  button,
436  #tasklist-button {
437    label, image { color: inherit; }
438  }
439
440  .wnck-pager {
441    color: mix($panel_fg, black, 50%);
442    background-color: darken($panel_bg, 10%);
443
444    &:hover {
445      background-color: lighten($panel_bg, 5%);
446    }
447
448    &:selected {
449      color: lighten($selected_bg_color, 20%);
450      background-color: $selected_bg_color;
451    }
452  }
453
454  na-tray-applet {
455    -NaTrayApplet-icon-padding: 0;
456    -NaTrayApplet-icon-size: 16px;
457  }
458}
459
460// Xfce Panel
461.xfce4-panel.panel {
462  background-color: $panel_bg;
463
464  text-shadow: none;
465  -gtk-icon-shadow: none;
466
467  button.flat { @extend %panelbutton; }
468}
469
470#tasklist-button {
471  color: transparentize($panel_fg, 0.2);
472  border-radius: 0;
473  border: none;
474  background-color: transparentize($panel_bg, 1);
475
476  &:hover {
477    color: lighten($panel_fg, 10%);
478    background-color: transparentize(black, 0.83);
479  }
480
481  &:checked {
482    color: $selected_fg_color;
483    background-color: transparentize(black, 0.75);
484    box-shadow: inset 0 -2px $selected_bg_color;
485  }
486}
487
488%panelbutton {
489  color: $panel_fg;
490  border-radius: 0;
491  border: none;
492  background-color: transparentize($panel_bg, 1);
493
494  &:hover {
495    border: none;
496    background-color: lighten($panel_bg, 10%);
497  }
498  &:active, &:checked {
499    color: $selected_fg_color;
500    border: none;
501    background-color: $selected_bg_color;
502  }
503}
504
505//
506// Floating Bar
507//
508.nautilus-window .floating-bar {
509  padding: 1px;
510  background-color: $selected_bg_color;
511  color: $selected_fg_color;
512  border-radius: 2px 2px 0 0;
513
514  &.bottom.left { border-top-left-radius: 0; }
515  &.bottom.right { border-top-right-radius: 0; }
516
517  button {
518    border: none;
519    border-radius: 0;
520    min-height: 0;
521
522    @extend %selected-button;
523  }
524}
525
526// Elementary Apps
527
528//
529// Birdie
530//
531//BirdieWidgetsTweetList * {
532//  background-image: none;
533//  background-color: transparent;
534//}
535
536//
537// Marlin / Pantheon Files
538//
539//MarlinViewWindow {
540//
541//  *:selected, *:selected:focus {
542//    color: $selected_fg_color;
543//    background-color: $selected_bg_color;
544//    outline-color: transparent;
545//  }
546//  GtkIconView.view:selected {
547//    &, &:focus, &:hover, &:focus:hover { background-color: transparent; }
548//  }
549//  FMListView, FMColumnView { outline-color: transparent; }
550//}
551
552.marlin-pathbar.pathbar {
553  border-radius: 3px;
554  padding-left: 4px;
555  padding-right: 4px;
556
557  @include entry(header-normal);
558
559  &:focus { @include entry(header-focus) }
560
561  &:disabled { @include entry(header-insensitive) }
562
563  &:active, &:checked {
564    color: $selected_bg_color;
565  }
566}
567
568//
569// Gala
570//
571.gala-notification {
572    border: 1px solid rgba(0, 0, 0, 0.35);
573    border-radius: 3px;
574    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
575    background-image: linear-gradient(to bottom, white);
576    background-color: transparent;
577
578  .title, .label {
579    color: #5c616c;
580  }
581}
582
583//
584// Wingpanel
585//
586.panel {
587  background-color: transparent;
588  color: white;
589  font-weight: bold;
590  text-shadow: 0 1px 2px transparentize(black, 0.4);
591  -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4);
592
593  &-shadow {
594    background-image: none;
595    background-color: transparent;
596  }
597  .menu {
598    box-shadow: none;
599
600    .menuitem {
601      font-weight: normal;
602      text-shadow: none;
603      -gtk-icon-shadow: none;
604    }
605
606    .window-frame.menu.csd,
607    .window-frame.popup.csd {
608      box-shadow: 0 0 0 1px transparentize(black, 0.8),
609                  0 10px 20px transparentize(black, 0.81),
610                  0 6px 6px transparentize(black, 0.77);
611    }
612  }
613  .menubar > .menuitem {
614    padding: 3px 6px;
615    &:hover { background-color: transparent; }
616  }
617  .window-frame.menu.csd,
618  .window-frame.popup.csd { box-shadow: none; }
619}
620
621.composited-indicator {
622  background-color: transparent;
623  color: white;
624  text-shadow: 0 1px 2px transparentize(black, 0.4);
625  -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4);
626
627  > GtkWidget > GtkWidget:first-child { padding: 0 2px; }
628
629  .menuitem:active, .menuitem:hover {
630    border-style: none;
631    background-image: none;
632    box-shadow: none;
633  }
634  > .popup > .menu {
635    padding-top: 8px;
636    padding-bottom: 8px;
637  }
638}
639
640.panel-app-button > GtkWidget > GtkWidget:first-child {
641  padding: 0 2px 0 4px;
642}
643
644.panel .menu .spinner,
645.menu .spinner { opacity: 1 } // Fixes sound indicator buttons
646
647//
648// Wingpanel Popover
649//
650//WingpanelWidgetsIndicatorPopover.popover {
651//  padding: 0;
652//
653//  text-shadow: none;
654//  -gtk-icon-shadow: none;
655//
656//  menuitem {
657//    padding: 5px;
658//    outline-color: transparent;
659//    text-shadow: none;
660//    -gtk-icon-shadow: none;
661//    border: solid transparent;
662//    border-width: 1px 0;
663//
664//    label, image { padding: 0 3px; }
665//
666//    &:hover, &:active {
667//      background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95));
668//      border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93));
669//      border-width: 1px 0;
670//    }
671//    *:disabled { color: $insensitive_fg_color; }
672//  }
673//}
674
675//
676// Pantheon Terminal
677//
678//PantheonTerminalPantheonTerminalWindow.background {
679//   background-color: transparent;
680//}
681
682//
683// Switchboard
684//
685//SwitchboardCategoryView .view:selected,
686//SwitchboardCategoryView .view:selected:focus {
687//  color: $fg_color;
688//}
Note: See TracBrowser for help on using the repository browser.