8

How can I change font color of folder names in the toolbar button in Nemo file manager?

Because I strongly prefer Ambiance theme, I want to keep it, but it messes up the theme of Nemo which is my favourite file manager as shown.

How can I specifically tweak just folder name fonts color of Nemo? Is there a way without recompiling the whole app?

Nemo - Ambiance-theme-not-so-fit-in font color on Folder name's button

11

You can try the following:

1) Open your favorite editor. (eg:gedit) and create a new file named nemo.css, add these lines:

/* font path bar */
.nemo-pathbar-button,    
NemoPathbarButton {
    color: #4c4c4c;
}

enter image description here

Add your favorite color in hexadecimal notation. I choose #4c4c4c (Grey color)

enter image description here

2) Save the file nemo.css in your Desktop.

3) Open a Terminal and type:

  • sudo cp /home/*your_user*/Desktop/nemo.css /usr/share/themes/Ambiance/gtk-3.0/apps/

4) Go to the /usr/share/themes/Ambiance/gtk-3.0/apps/ directory, and change the perms of the file.

  • cd /usr/share/themes/Ambiance/gtk-3.0/apps
  • sudo chmod 644 nemo.css

5) Edit the gtk.css to import the nemo.css, and add a line:

 sudo -H gedit /usr/share/themes/Ambiance/gtk-3.0/gtk.css

add

 @import url("apps/nemo.css");

enter image description here

6) Kill nemo with (pkill nemo) or just Logout and Login to see the changes.

In my case:

enter image description here

  • Hey, thanks. Where do you get to know the names of the elements for the CSS? I need to change the colour of the free space barcharts (because free and used are the same colour!) so I need to know what CSS selectors to use to target those. Thanks. – artfulrobot May 14 '14 at 8:46
  • @artfulrobot: you can get the names of the widget, classes etc from the nemo-style-fallback.css file. github.com/linuxmint/nemo/blob/master/src/… – Roman Raguet May 14 '14 at 13:25
  • Thank you! I've solved my problem! (will post answer in a mo) – artfulrobot May 14 '14 at 13:53
5

Some good soul created a git repo for that problem

Run the following commands:

git clone https://github.com/alsar/ubuntu-ambiance-nemo
cd ubuntu-ambiance-nemo/
./install.sh
nemo -q

Than Nemo will look as it should: enter image description here

3

Thanks. Because of your guide about importing customized Stylesheet, I found this guide

Code goes:

.nemo-pathbar-button,
NemoPathbarButton {
background-image: -gtk-gradient(linear, left top, left bottom,
color-stop (0, shade(@dark_bg_color, 1.1)),
color-stop (.3, shade(@dark_bg_color, 1.1)),
color-stop (.7, shade(@dark_bg_color, 0.90)),
color-stop (1, shade(@dark_bg_color, 0.80)));
border-color: shade(@dark_bg_color, 0.7);
-NemoPathbarButton-border-radius: 3px;
}

NemoPathbarButton:active {
background-image: -gtk-gradient(linear, left top, left bottom,
color-stop (0, shade(@dark_bg_color, .8)),
color-stop (.3, shade(@dark_bg_color, .9)),
color-stop (1, shade(@dark_bg_color, 1.0)));
border-color: shade(@dark_bg_color, 0.7);
}

NemoPathbarButton:hover {
background-image: -gtk-gradient(linear, left top, left bottom,
color-stop (0, shade(alpha(@dark_bg_color, 1.4), 1.25)),
color-stop (.3, shade(alpha(@dark_bg_color, 1.4), 1.25)),
color-stop (.7, shade(alpha(@dark_bg_color, 1.4), 0.95)),
color-stop (1, shade(alpha(@dark_bg_color, 1.4), 0.85)));
border-color: shade(@dark_bg_color, 0.7);
}

Better look of Nemo with Ambiance

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.