See in the image, selected item "build" colour is black as background colour. How can i change the selected item colour gtk3 theme's nautilus.css script
Which section colour need to modify:
/* desktop mode */
.nautilus-desktop.nautilus-canvas-item {
color: @bg_color;
text-shadow: 1 1 alpha (#001B33, 0.8);
}
.nautilus-desktop.nautilus-canvas-item:active {
background-image: none;
background-color: alpha (@selected_bg_color, 0.84);
border-radius: 4;
color: @fg_color;
}
.nautilus-desktop.nautilus-canvas-item:selected {
background-image: none;
background-color: alpha (@bg_color, 0.84);
border-radius: 4;
color: @selected_fg_color;
}
.nautilus-desktop.nautilus-canvas-item:active,
.nautilus-desktop.nautilus-canvas-item:prelight,
.nautilus-desktop.nautilus-canvas-item:selected {
text-shadow: none;
}
/* browser window */
NautilusTrashBar.info,
NautilusXContentBar.info,
NautilusSearchBar.info,
NautilusQueryEditor.info {
/* this background-color controls the symbolic icon in the entry */
background-color: mix (@fg_color, @base_color, 0.3);
border-radius: 0;
border-style: solid;
border-width: 0 1 1 1;
}
NautilusSearchBar .entry {
}
.nautilus-cluebar-label {
color: @fg_color;
font: bold;
}
#nautilus-search-button *:active,
#nautilus-search-button *:active:prelight {
color: @dark_fg_color;
}
NautilusFloatingBar {
background-color: @info_bg_color;
border-radius: 3 3 0 0;
border-style: solid;
border-width: 1;
border-color: darker (@info_bg_color);
-unico-border-gradient: none;
}
NautilusFloatingBar .button {
-GtkButton-image-spacing: 0;
-GtkButton-inner-border: 0;
}
/* sidebar */
NautilusWindow .sidebar,
NautilusWindow .sidebar .view {
background-color: @bg_color;
color: @fg_color;
}
NautilusWindow .sidebar .frame {
}
NautilusWindow > GtkTable > .pane-separator {
background-color: @bg_color;
border-color: @bg_color;
border-width: 0 0 0 0;
border-style: solid;
}