Nemo 1.8 and GTK+ themes
by mtwebster 6

You’ll notice in Nemo 1.8 that it now uses a couple of non-standard UI elements.  While we did our best to make them fairly theme-neutral, there will be are some themes out there that they look less than stellar with.

We did our best to make these new elements as fully theme-able as possible, so that theme developers (as well as end-users) could integrate them as tightly as possible with their surrounding elements.  All of the pertinent classes are in this file.  You can simply copy and paste it into an existing .css file in the theme, or make it a new file, like nemo.css (don’t forget to import it in your gtk-main.css file.)

The first set of classes are for the new breadcrumbs bar – backgrounds, border color, text color, just about everything can be altered here except the ‘pointy end’.

The second set deals with the disk space indicators in the places sidebar, where colors, width, maximum length, end rounding, and padding can be customized.

Hope this is helpful, and it will be neat to see how various authors integrate these new elements into their theme.

6 thoughts on “Nemo 1.8 and GTK+ themes

  1. Reply samriggs May 7,2013 21:42

    Copying it now for future use.
    Thanks :)

  2. Reply Marcus May 10,2013 17:19

    Going to check if that makes Adwaita more usable with Nemo.

  3. Reply Daniel Schürmann May 13,2013 11:07

    Here is my Version for Ambiance:

    /* for breadcrumbs path bar */

    .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);
    }

  4. Reply kholis May 28,2013 07:55

    @Daniel Schürmann:
    Hi Daniel, how to apply your code above?

    I copy your code as nemo.css in /usr/share/theme/Ambiance/gtk-3.0/apps, then import it in gtk.css by adding: @import url(“apps/nemo.css”); but nothing happen. My nemo breadcrumbs still have white color as in Radiance theme.

    I curious about what your nemo breadcrumb look like after apply with your code above, please give me a screenshot :)

    Thanks

  5. Reply iveand Jun 5,2013 17:49

    kholis, thanks for the advice. I did what you suggested and (after a reboot) it took effect nicely. So, thanks to Daniel Schurmann also, of course!

  6. Reply flea Jun 6,2013 21:42

    As someone new to GTK and linux mint, i’ve had a difficult time trying to find information on how to actually apply GTK3/GTK+ themes.

    I really like the look and layout of the default Mint-X GTK+ theme but wish maintainers of the OS would include a dark variant with neutral highlights (dark gray).

    Similar to this.
    http://cinnamon-spices.linuxmint.com/themes/view/145

Leave a Reply