view gtk-3.20/nautilus.css @ 113:3a790d4649eb default tip

Fix GTK4/Adwaita outline and background issues * Views are now used in popovers but shouldn't have "normal" view background colour * Flat buttons should be flat, not bordered/outlines * Spinbuttons in lists don't need outlines on their buttons
author IBBoard <dev@ibboard.co.uk>
date Sun, 01 May 2022 11:34:31 +0100
parents 575609b1a6d8
children
line wrap: on
line source

/* Based on https://github.com/GNOME/nautilus/tree/gnome-3.30/src/resources/css */

.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
    background: @theme_base_color;
}

.nautilus-canvas-item {
    border-radius: 5px;
}

.nautilus-canvas-item.dim-label,
.nautilus-list-dim-label {
    color: mix (@theme_fg_color, @theme_bg_color, 0.50);
}

.nautilus-canvas-item.dim-label:selected,
.nautilus-list-dim-label:selected {
    color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
}

.nautilus-desktop.nautilus-canvas-item {
    color: @theme_selected_fg_color;
    text-shadow: 1px 1px black;
}

.nautilus-desktop.nautilus-canvas-item:active {
    color: @theme_text_color;
}

.nautilus-desktop.nautilus-canvas-item:selected {
    color: @theme_selected_fg_color;
}

.nautilus-desktop.nautilus-canvas-item:active,
.nautilus-desktop.nautilus-canvas-item:hover,
.nautilus-desktop.nautilus-canvas-item:selected {
    text-shadow: none;
}

.nautilus-desktop.nautilus-canvas-item:selected:backdrop {
    color: @theme_unfocused_selected_fg_color;
}

/* Toolbar */

/* Here we use the .button background-image colors from Adwaita, but ligthen them,
 * since is not possible to use lighten () in common css. */
@keyframes needs_attention_keyframes {
    0% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%,  @button_emphasis_c); border-color: @wm_button_border; }
    /* can't do animation-direction, so holding the color on two keyframes */
    30% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; }
    90% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; }
    100% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%,  @button_emphasis_c); border-color: @wm_button_border; }
}

.nautilus-operations-button-needs-attention {
  animation: needs_attention_keyframes 2s ease-in-out;
}
.nautilus-operations-button-needs-attention-multiple {
  animation: needs_attention_keyframes 3s ease-in-out;
  animation-iteration-count: 3;
}

.disclosure-button {
  padding: 4px;
}

/* New style path bar - Nautilus 3.30 */
.nautilus-window .path-bar:not(.linked) button, .nautilus-window .path-bar:not(.linked) button:checked, .nautilus-window .path-bar:not(.linked) button:active, .nautilus-window .path-bar:not(.linked) button:hover,
.nautilus-window .path-bar:not(.linked) button:backdrop, .nautilus-window .path-bar:not(.linked) button:backdrop:checked, .nautilus-window .path-bar:not(.linked) button:backdrop:active, .nautilus-window .path-bar:not(.linked) button:backdrop:hover
 { /* undecorate the buttons */
  background-image: none;
  background-color: transparent;
  border-radius: 0;
  border-width: 0px;
  margin: 0px;
  box-shadow: none;
}

/* New new style path bar - Nautilus 3.32 */
.nautilus-path-bar button, .nautilus-path-bar button:checked, .nautilus-path-bar button:active, .nautilus-path-bar button:hover,
.nautilus-path-bar button:backdrop, .nautilus-path-bar button:backdrop:checked, .nautilus-path-bar button:backdrop:active, .nautilus-path-bar button:backdrop:hover,
.nautilus-path-bar button:first-child {
  margin: 0px;
}

.nautilus-window .width-maximized .nautilus-path-bar button, .nautilus-window .width-maximized .nautilus-path-bar button:checked, .nautilus-window .width-maximized .nautilus-path-bar button:active, .nautilus-window .width-maximized .nautilus-path-bar button:hover,
.nautilus-window .width-maximized .nautilus-path-bar button:backdrop, .nautilus-window .width-maximized .nautilus-path-bar button:backdrop:checked, .nautilus-window .width-maximized .nautilus-path-bar button:backdrop:active, .nautilus-window .width-maximized .nautilus-path-bar button:backdrop:hover,
.nautilus-window .width-maximized .nautilus-path-bar button:first-child
{
  border-width: 0px;
  border-right: 1px solid @wm_button_border;
  box-shadow: none;
}

.nautilus-window .width-maximized .nautilus-path-bar button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nautilus-window .path-bar:not(.linked) button:not(:checked) image,
.nautilus-path-bar button:not(:checked) image
{ opacity: 0.8; } /* dim the icon when not checked */

.nautilus-window .path-bar:not(.linked) button:not(:backdrop):hover { box-shadow: inset 0 -3px @borders; }

.nautilus-window .path-bar-box {
  transition: border 200ms;
  transition: background-color 200ms;
}
.nautilus-window .path-bar-box.width-maximized {
  border: 1px @wm_button_border solid;
  border-radius: 3px;
}
.nautilus-window .path-bar-box.width-maximized:not(:backdrop) {
  background-color: @wm_bg_a;
  /* Nautlis 3.30 should also have an inset shadow for the top, but we can't differentiate it from 3.32 that doesn't need it, so we'll do without */
  box-shadow: 0 1px @button_emphasis_c;
}

/* Make the tags fit into the box */
entry.search > * {
  margin: 5px;
}

/* Sidebar */

.sidebar-row:selected {
    background: mix(@theme_bg_color, @theme_fg_color, 0.07);
}

.sidebar-row:selected,
.sidebar-row:selected label {
    color: mix(@theme_fg_color, @theme_text_color, 0.5);
}

.sidebar-row:selected:backdrop {
    background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
}

.sidebar-row:selected:backdrop,
.sidebar-row:selected:backdrop label {
    color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
}

/* Floating status bar */
.floating-bar {
  padding: 1px;
  background-color: @theme_base_color;
  border-width: 1px;
  border-style: solid solid none;
  border-color: @borders;
  border-radius: 3px 3px 0 0;
}

.floating-bar.bottom.left { /* axes left border and border radius */
  border-left-style: none;
  border-top-left-radius: 0;
}
.floating-bar.bottom.right { /* axes right border and border radius */
  border-right-style: none;
  border-top-right-radius: 0;
}

.floating-bar:backdrop {
  background-color: @theme_unfocused_base_color;
  border-color: @unfocused_borders;
}

.floating-bar button {
  padding: 0px;
}

.search-bar {
    box-shadow: none;
}

@define-color disk_space_unknown #888a85;
@define-color disk_space_used #5E7F3E;
@define-color disk_space_free #eeeeec;

.disk-space-display {
    border-style: solid;
    border-width: 2px;
}

.disk-space-display.unknown {
    background-color: @disk_space_unknown;
    border-color: shade(@disk_space_unknown, 0.7);
    color: @disk_space_unknown;
}
.disk-space-display.unknown.border {
    color: shade(@disk_space_unknown, 0.7);
}

.disk-space-display.used {
    background-color: @disk_space_used;
    border-color: shade(@disk_space_used, 0.7);
    color: @disk_space_used;
}
.disk-space-display.used.border {
    color: shade(@disk_space_used, 0.7);
}

.disk-space-display.free {
    background-color: @disk_space_free;
    border-color: shade(@disk_space_free, 0.7);
    color: @disk_space_free;
}
.disk-space-display.free.border {
    color: shade(@disk_space_free, 0.7);
}

/* View */
.nautilus-list-view .view {
    border-bottom: 1px solid @theme_bg_color;
}

.search-information {
  background-color: @theme_selected_bg_color;
  color:@theme_selected_fg_color;
  padding:2px;
}

/* Hide superfluous treeview drop target indication */
.nautilus-list-view .view.dnd {
    border-style: none;
}

/* Libgd tag entries in the search. Sadly it requires this copy pasted css style.
 * https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css
 */
@define-color entry_tag_bg #3465a4;
@define-color entry_tag_fg #ffffff;

.documents-entry-tag {
    background-image: none;
    background-color: @entry_tag_bg;
    color: @entry_tag_fg;

    border-radius: 4px;
    border-width: 0;

    margin: 2px;
    padding: 4px;
}

.documents-entry-tag:hover {
    background-color: shade(@entry_tag_bg, 1.10);
    color: @entry_tag_fg;
}

.documents-entry-tag.button,
.documents-entry-tag.button:hover,
.documents-entry-tag.button:active,
.documents-entry-tag.button:active:hover {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border-image: none;
    border-width: 0;
}

.documents-entry-tag.button:hover {
    color: shade(@entry_tag_bg, 2.10);
}

/* Workaround for the double border of the searchbar since we use a revealer which
 * always allocates at least 1 pixel */
searchbar { border-top: 1px solid @borders; }
.searchbar-container { margin-top: -1px; }

@define-color conflict_bg #fef6b6;

.conflict-row {
    background: @conflict_bg;
    color: black;
}

.conflict-row:hover {
    background-color: shade(@conflict_bg, 0.9);
}

.conflict-row:selected {
  background: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}

/* Icon view */
flowboxchild:selected {
  background-color:transparent;
}

.icon-background {
  background-color:black;
  border-color:#4a90d9;
  border-style:solid;
  border-width:0px;
}

flowboxchild > .icon-item-background {
  padding:4px;
}
flowboxchild:selected > .icon-item-background {
  padding:4px;
  background-color:#4a90d9;
  border-color:#4a90d9;
  border-style:solid;
  border-width:0px;
  border-radius:4px 4px 4px 4px;
}