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

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

updating theme

File size: 17.2 KB
Line 
1//
2// Tab overrides
3//
4GeditNotebook.notebook,
5ScratchMainWindow .notebook,
6EphyNotebook.notebook,
7MidoriNotebook .notebook,
8TerminalWindow .notebook,
9PantheonTerminalPantheonTerminalWindow .notebook {
10
11  tab.reorderable-page.top, tab.top {
12    &:active, &.active-page, &.active-page:hover {
13      box-shadow: inset 0 1px $borders_color,
14                  inset 0 -1px $borders_color,
15                  inset 1px 0 $borders_color,
16                  inset -1px 0 $borders_color;
17    }
18  }
19}
20
21TerminalWindow .notebook,
22PantheonTerminalPantheonTerminalWindow .notebook {
23
24  tab.reorderable-page.top, tab.top {
25    padding-top: 7px;
26    border-top-width: 3px;
27  }
28
29  &.header.top {
30    box-shadow: inset 0  1px opacify($header_border, 1),
31                inset 0 -1px $borders_color;
32  }
33}
34
35//
36// Evolution
37//
38// needed for webkit/GtkStyle/Evolution compatibility
39GtkHTML {
40  background-color: $base_color;
41  color: $text_color;
42
43  &:active {
44    color: $selected_fg_color;
45    background-color: $selected_bg_color;
46  }
47}
48
49//
50// Sushi
51//
52// used by gnome-font-viewer and sushi
53SushiFontWidget {
54  padding: 6px 12px;
55}
56
57//
58// GNOME Terminal
59//
60TerminalWindow {
61  .background {
62    background-color: transparent;
63  }
64
65  .scrollbar {
66    &.vertical .slider { margin-left: 3px; }
67    &.trough { border-width: 0; }
68  }
69
70  .notebook {
71    tab .button {
72      color: mix($bg_color, $fg_color, 35%);
73
74      &:hover {
75        color: $fg_color;
76        border-color: $button_border;
77        background-color: $button_bg;
78      }
79    }
80    .active-page, .prelight-page {
81      .button {
82        @extend %undecorated_button;
83        &:hover { color: lighten(red, 15%); @extend %undecorated_button;}
84        &:active { color: $selected_bg_color; @extend %undecorated_button;}
85      }
86    }
87  }
88}
89
90//
91// Nautilus
92//
93EelEditableLabel.entry { transition: none; }  // Workaround for invisible text in rename entry
94
95.nautilus-canvas-item {
96  border-radius: 2px;
97}
98
99.nautilus-desktop.nautilus-canvas-item {
100  color: $selected_fg_color;
101  text-shadow: 1px 1px transparentize(black, 0.4);
102
103  &:active { color: $fg_color; }
104  &:selected { color: $selected_fg_color; }
105}
106
107.nautilus-canvas-item.dim-label,
108.nautilus-list-dim-label {
109  color: mix($fg_color, $bg_color, 50%);
110
111  &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); }
112}
113
114NautilusNotebook.notebook {
115  background-color: $base_color;
116
117  tab {
118    border-width: 0;
119    border-style: solid;
120    border-color: transparent;
121    background-color: transparent;
122  }
123}
124
125NautilusQueryEditor .search-bar.toolbar {
126  padding: 5px;
127  box-shadow: none;
128  background-color: $base_color;
129}
130
131.nautilus-circular-button.image-button.button {
132  border-radius: 50%;
133  outline-radius: 50%;
134  padding: 8px;
135}
136
137$disk_space_unknown: transparentize($fg_color, 0.5);
138$disk_space_used: transparentize($selected_bg_color, 0.2);
139$disk_space_free: darken($bg_color, 3%);
140
141.disk-space-display {
142  border-style: solid;
143  border-width: 1px;
144
145  &.unknown {
146    background-color: $disk_space_unknown;
147    border-color: darken($disk_space_unknown, 10%);
148  }
149  &.used {
150    background-color: $disk_space_used;
151    border-color: darken($disk_space_used, 10%);
152  }
153  &.free {
154    background-color: $disk_space_free;
155    border-color: darken($disk_space_free, 10%);
156  }
157}
158
159//
160// Nemo
161//
162.nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; }
163
164NemoWindow {
165
166  .sidebar .frame { border-width: 0; }
167
168  GtkSeparator.separator.horizontal { color: $borders_color; }
169
170  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button {
171
172    @include button(header-hover);
173
174    &:hover { background-color: lighten($header_button_bg, 15%); }
175    &:active, &:checked { @include button(header-active); }
176    &:insensitive { color: transparentize($header_fg, 0.4); }
177  }
178
179  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button,
180  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover,
181  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active,
182  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked,
183  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive {
184    @extend %linked;
185  }
186
187  .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) {
188
189    $_linked_separator_color: $header_button_border;
190
191    > .button:hover:not(:checked):not(:active):not(:only-child) {
192
193        &:hover {
194          box-shadow: inset  1px 0 $_linked_separator_color,
195                      inset -1px 0 $_linked_separator_color;
196        }
197        &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; }
198        &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; }
199    }
200  }
201}
202
203//
204// Gedit
205//
206.gedit-headerbar-paned { color: $header_border; }
207
208.open-document-selector-treeview.view {
209  padding: 3px 6px 3px 6px;
210  border-color: $base_color;  // disable borders, making them transparent doesn't work for some reason
211
212  &:prelight {
213    background-color: mix($fg_color, $base_color, 7%);
214
215    &:selected {
216      color: $selected_fg_color;
217      background-color: $selected_bg_color;
218    }
219  }
220}
221
222.open-document-selector-name-label {
223  color: $fg_color;
224}
225
226.open-document-selector-path-label {
227    color: mix($fg_color, $base_color, 50%);
228    font-size: smaller;
229
230    &:selected { color: transparentize($selected_fg_color, 0.1); }
231}
232
233.gedit-document-panel {
234
235  .list-row .button {
236    color: transparent;
237    background-image: none;
238    background-color: transparent;
239    border: none;
240    box-shadow: none;
241    padding: 4px;
242    & GtkImage { color: inherit; }
243  }
244  .prelight-row .button {
245    color: mix($bg_color, $fg_color, 35%);
246  }
247  .list-row .button:hover,
248  .prelight-row .button:hover {
249    color: lighten(red, 15%);
250  }
251  .prelight-row:selected .button:hover {
252    color: lighten(red, 20%);
253    background-image: none;
254    background-color: transparent;
255    border: none;
256    box-shadow: none;
257    &:active { color: $selected_fg_color; }
258  }
259  .prelight-row .button:active {
260    color: $fg_color;
261  }
262}
263
264.gedit-document-panel-dragged-row {
265  border: 1px solid $borders_color;
266  background-color: darken($bg_color, 10%);
267  color: $fg_color;
268}
269
270//.gedit-document-panel-placeholder-row {
271//}
272
273GeditStatusbar {
274  border-top: 1px solid $borders_color;
275  background-color: $bg_color;
276}
277
278GeditStatusMenuButton.button.flat,
279GeditStatusMenuButton:prelight.button.flat,
280GeditStatusMenuButton:checked.button.flat {
281  border-bottom-style: none;
282  border-radius: 0;
283}
284
285GeditViewFrame .gedit-search-slider { @extend %search_slider }
286
287GeditFileBrowserWidget .toolbar {
288  border-bottom: 1px solid $borders_color;
289}
290
291.gedit-map-frame {
292  @if $variant=='light' { border-color: transparentize(black, 0.7); }
293}
294
295.gedit-search-entry-occurrences-tag {
296  color: transparentize($fg_color, 0.4);
297  border: none;
298  margin: 2px;
299  padding: 2px;
300}
301
302%search_slider {
303  background-color: lighten($bg_color, 2%);
304  padding: 6px;
305  border-color: $borders_color;
306  border-radius: 0 0 2px 2px;
307  border-width: 0 1px 1px 1px;
308  border-style: solid;
309}
310
311//
312// Gnome Builder
313//
314GbWorkbench .floating-bar { color: $fg_color; }
315
316GbSearchBox.linked:not(.vertical) {
317
318  > GtkMenuButton.button:last-child:dir(ltr),
319  > GtkMenuButton.button:first-child:dir(rtl) {
320    padding: 0 10px;
321
322    @include entry(header-normal);
323
324    &:hover { @include entry(header-focus); }
325    &:active, &:checked { @include entry(header-focus); }
326    &:insensitive { @include entry(header-insensitive); }
327  }
328
329  > GtkMenuButton.button:last-child:dir(ltr),
330  > GtkMenuButton.button:last-child:dir(ltr):hover,
331  > GtkMenuButton.button:last-child:dir(ltr):active,
332  > GtkMenuButton.button:last-child:dir(ltr):checked {
333    border-left-style: none;
334    border-radius: 0 3px 3px 0;
335    outline-radius: 0 1px 1px 0;
336  }
337
338  > GtkMenuButton.button:last-child:dir(rtl),
339  > GtkMenuButton.button:last-child:dir(rtl):hover,
340  > GtkMenuButton.button:last-child:dir(rtl):active,
341  > GtkMenuButton.button:last-child:dir(rtl):checked {
342    border-right-style: none;
343    border-radius: 3px 0 0 3px;
344    outline-radius: 1px 0 0 1px;
345  }
346}
347
348// Preference page language style
349GbPreferencesPageLanguage  {
350  .entry { border-radius: 3px 3px 0 0; }
351  .frame { border-top-width: 0 }
352}
353
354// Editor tweak widget
355GbEditorTweakWidget {
356  .linked.vertical > .entry { border-bottom-style: solid; }
357  GtkScrolledWindow { border-top: none; }
358}
359
360// View stack styling
361GbViewStack GtkBox.header.notebook {
362  border-bottom: 1px solid $borders_color;
363}
364
365GbViewStack.focused GtkBox.header.notebook,
366#project_sidebar_header.focused {
367  background-color: $base_color;
368}
369
370GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook {
371  border-bottom: 1px solid $borders_color;
372}
373
374GbNewProjectDialog GtkFileChooserButton.linked-on-right .button {
375  border-radius: 3px 0 0 3px;
376}
377
378// Workspace pane header styling
379GbWorkspacePane GtkBox.header.notebook {
380  border-bottom: 1px solid $borders_color;
381}
382
383GbWorkspacePane:not(.focused) GtkBox.header.notebook {
384  background-color: $bg_color;
385}
386
387// Adjust devehlp and symbol panel styling
388DhSidebar GtkSearchEntry.entry,
389SymbolTree GtkSearchEntry.entry {
390  border-left: none;
391  border-right: none;
392  border-top: none;
393  border-radius: 0px;
394}
395
396// Command Bar styling
397GtkEntry.gb-command-bar-entry.entry.flat,
398GtkEntry.gb-command-bar-entry.entry.flat:focus {
399  font-family: Monospace;
400  color: $osd_fg_color;
401  background-image: none;
402  background-color: opacify($osd_bg_color, 1);
403  padding: 6px 6px 6px 6px;
404  border: none;
405
406  &:selected,
407  &:selected:focus {
408    @extend %selected_items;
409  }
410}
411
412GbTerminalView {
413  background-color: $base_color;
414  color: $fg_color;
415}
416
417GbSourceStyleSchemeWidget GtkSourceView {
418  font-family: Monospace;
419}
420
421GtkScrolledWindow.gb-linked-scroller {
422  border-top: none;
423}
424
425// Disable various animatinos that are enabled by default and really annoying
426// to the overall flow of Builder.
427GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button {
428  transition: none;
429}
430
431GbViewStack GtkBox.header.notebook,
432GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook {
433  border-bottom: 1px solid $borders_color;
434}
435
436GbViewStack.focused GtkBox.header.notebook {
437  background-color: $base_color;
438
439 .button.dim-label { opacity: 1; }
440}
441
442//
443// Epiphany
444//
445EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it
446  color: $fg_color;
447}
448
449//
450// Gnome Documents
451//
452.documents-load-more.button {
453  border-width: 1px 0 0;
454  border-radius: 0;
455}
456
457.documents-icon-bg {
458  background-color: $selected_bg_color;
459  color: $selected_fg_color;
460  border-radius: 2px;
461}
462
463.documents-collection-icon {
464  background-color: transparentize($fg_color, 0.7);
465  border-radius: 2px;
466}
467
468.documents-favorite.button:active,
469.documents-favorite.button:active:hover {
470  color: lighten($selected_bg_color, 20%);
471}
472
473.documents-entry-tag {
474  background-color: $selected_bg_color;
475  color: $selected_fg_color;
476  border-radius: 2px;
477  border-width: 0;
478  margin: 2px;
479  padding: 4px;
480
481  &:hover {
482    color: $selected_fg_color;
483    background-color: lighten($selected_bg_color, 4%);
484  }
485  &:active {
486    color: $selected_fg_color;
487    background-color: darken($selected_bg_color, 4%);
488  }
489
490  .toolbar .linked &.button {
491    background: none;
492    border: none;
493    box-shadow: none;
494    icon-shadow: none;
495
496    &:hover { color: transparentize($selected_fg_color, 0.3) }
497  }
498}
499
500.content-view.document-page {
501  border-style: solid;
502  border-width: 3px 3px 6px 4px;
503  border-image: url("assets/thumbnail-frame.png") 3 3 6 4;
504}
505
506//
507// Totem
508//
509TotemGrilo.vertical GdMainView.frame {
510  border-width: 0;
511}
512
513//
514// Synapse
515//
516SynapseGuiSelectionContainer *:selected,
517SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; }
518
519//
520// Transmission
521//
522.tr-workarea .undershoot,
523.tr-workarea .overshoot {
524  border-color: transparent; // Remove black border on over- and undershoot
525}
526
527//
528// Fallback Mode/Budgie Panel
529//
530.gnome-panel-menu-bar,
531PanelApplet > GtkMenuBar.menubar,
532PanelToplevel,
533PanelWidget,
534PanelAppletFrame,
535PanelApplet {
536  color: $panel_fg;
537  background-image: linear-gradient(to bottom, $panel_bg);
538}
539
540PanelApplet .button, PanelApplet .button:backdrop {
541  padding: 4px;
542  border: 2px solid transparent;
543  border-radius: 0;
544  background-image: none;
545  background-color: transparent;
546  color: $panel_fg;
547}
548
549PanelApplet .button:hover {
550  color: lighten($panel_fg, 10%);
551  background-color: transparentize(black, 0.83);
552  border-color: transparentize(black, 0.83);
553}
554
555PanelApplet .button:active, PanelApplet .button:active:backdrop,
556PanelApplet .button:checked, PanelApplet .button:checked:backdrop {
557  background-clip: padding-box;
558  color: $selected_fg_color;
559  background-color: transparentize(black, 0.75);
560  border-radius: 0;
561  border-color: transparentize(black, 0.75);
562  box-shadow: inset 0 -2px $selected_bg_color;
563}
564
565PanelApplet:hover {
566  color: $selected_fg_color;
567}
568
569PanelApplet:active,
570PanelApplet:hover:active {
571  color: $selected_bg_color;
572}
573
574WnckPager {
575  color: mix($panel_fg, black, 50%);
576  &:selected { color: $selected_bg_color }
577}
578
579NaTrayApplet {
580  -NaTrayApplet-icon-padding: 12;
581  -NaTrayApplet-icon-size: 16;
582}
583
584ClockBox {
585  color: $panel_fg;
586}
587
588// Xfce Panel
589.xfce4-panel.panel {
590  background-color: $panel_bg;
591
592  text-shadow: none;
593  icon-shadow: none;
594
595  .button.flat {
596    color: $panel_fg;
597    background-color: transparentize($panel_bg, 1);
598    border-radius: 0;
599    border: none;
600
601    &:hover {
602      border: none;
603      background-color: lighten($panel_bg, 10%);
604    }
605    &:active, &:checked {
606      color: $selected_fg_color;
607      border: none;
608      background-color: $selected_bg_color;
609    }
610  }
611}
612
613//
614// Floating Bar
615//
616.floating-bar {
617  background-color: $selected_bg_color;
618  color: $selected_fg_color;
619
620  &.top { border-radius: 0 0 2px 2px; }
621  &.right { border-radius: 2px 0 0 2px; }
622  &.bottom { border-radius: 2px 2px 0 0; }
623  &.left { border-radius: 0 2px 2px 0; }
624
625  .button {
626    -GtkButton-image-spacing: 0;
627    -GtkButton-inner-border: 0;
628
629    background-color: transparent;
630    box-shadow: none;
631    border: none;
632  }
633}
634
635// Elementary Apps
636
637//
638// Birdie
639//
640BirdieWidgetsTweetList * {
641  background-image: none;
642  background-color: transparent;
643}
644
645//
646// Marlin / Pantheon Files
647//
648MarlinViewWindow {
649
650  *:selected, *:selected:focus {
651    color: $selected_fg_color;
652    background-color: $selected_bg_color;
653    outline-color: transparent;
654  }
655  GtkIconView.view:selected {
656    &, &:focus, &:hover, &:focus:hover { background-color: transparent; }
657  }
658  FMListView, FMColumnView { outline-color: transparent; }
659}
660
661.marlin-pathbar.pathbar {
662  border-radius: 3px;
663  padding-left: 4px;
664  padding-right: 4px;
665
666  @include entry(header-normal);
667
668  &:focus { @include entry(header-focus) }
669
670  &:insensitive { @include entry(header-insensitive) }
671
672  &:active, &:checked {
673    color: $selected_bg_color;
674  }
675}
676
677//
678// Gala
679//
680.gala-notification {
681    border: 1px solid rgba(0, 0, 0, 0.35);
682    border-radius: 3px;
683    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
684    background-image: linear-gradient(to bottom, white);
685    background-color: transparent;
686
687  .title, .label {
688    color: #5c616c;
689  }
690}
691
692//
693// Wingpanel
694//
695.panel {
696  background-color: transparent;
697  color: white;
698  font-weight: bold;
699  text-shadow: 0 1px 2px transparentize(black, 0.4);
700  icon-shadow: 0 1px 2px transparentize(black, 0.4);
701
702  &-shadow {
703    background-image: none;
704    background-color: transparent;
705  }
706  .menu {
707    box-shadow: none;
708
709    .menuitem {
710      font-weight: normal;
711      text-shadow: none;
712      icon-shadow: none;
713    }
714
715    .window-frame.menu.csd,
716    .window-frame.popup.csd {
717      box-shadow: 0 0 0 1px transparentize(black, 0.8),
718                  0 10px 20px transparentize(black, 0.81),
719                  0 6px 6px transparentize(black, 0.77);
720    }
721  }
722  .menubar > .menuitem {
723    padding: 3px 6px;
724    &:hover { background-color: transparent; }
725  }
726  .window-frame.menu.csd,
727  .window-frame.popup.csd { box-shadow: none; }
728}
729
730.composited-indicator {
731  background-color: transparent;
732  color: white;
733  text-shadow: 0 1px 2px transparentize(black, 0.4);
734  icon-shadow: 0 1px 2px transparentize(black, 0.4);
735
736  > GtkWidget > GtkWidget:first-child { padding: 0 2px; }
737
738  .menuitem:active, .menuitem:prelight {
739    border-style: none;
740    background-image: none;
741    box-shadow: none;
742  }
743  > .popup > .menu {
744    padding-top: 8px;
745    padding-bottom: 8px;
746  }
747}
748
749.panel-app-button > GtkWidget > GtkWidget:first-child {
750  padding: 0 2px 0 4px;
751}
752
753.panel .menu .spinner,
754.menu .spinner { opacity: 1 } // Fixes sound indicator buttons
755
756//
757// Wingpanel Popover
758//
759WingpanelWidgetsIndicatorPopover.popover {
760  padding: 0;
761
762  text-shadow: none;
763  icon-shadow: none;
764
765  .menuitem {
766    padding: 5px;
767    outline-color: transparent;
768    text-shadow: none;
769    icon-shadow: none;
770    border: solid transparent;
771    border-width: 1px 0;
772
773    GtkLabel, GtkImage { padding: 0 3px; }
774
775    &:hover, &:active {
776      background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95));
777      border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93));
778      border-width: 1px 0;
779    }
780    *:insensitive { color: $insensitive_fg_color; }
781  }
782}
783
784//
785// Pantheon Terminal
786//
787PantheonTerminalPantheonTerminalWindow.background {
788   background-color: transparent;
789}
790
791//
792// Switchboard
793//
794SwitchboardCategoryView .view:selected,
795SwitchboardCategoryView .view:selected:focus {
796  color: $fg_color;
797}
Note: See TracBrowser for help on using the repository browser.