modify nemo? (simple noob question)

Forum rules
Before you post please read this

modify nemo? (simple noob question)

Postby dondizzurp on Fri Feb 08, 2013 1:46 pm

what line would i need to edit to change the side-panel background?


nemo.css
Code: Select all
@define-color cluebar_color shade (@base_color, 0.9);

NemoWindow * {
   -GtkPaned-handle-size: 1;
}

NemoWindow .view {
   background-color: @base_color;
}

NemoWindow  .rubberband,
NemoWindow  .view.rubberband {
   background-color: alpha (@theme_selected_bg_color, 0.35);
}

/* sidebar */

NemoWindow .sidebar .view {
   background-color: shade (@bg_color, 1.08);
   color: @fg_color;
   text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); 
}

NemoWindow .sidebar .frame {
   border-right-width: 1px;
   border-style: solid;
   border-color: shade (@bg_color, 0.82);
}

NemoWindow .sidebar row:selected {
   color: @selected_fg_color;
   text-shadow: 0 -1px shade (@selected_bg_color, 0.8);
}

NemoWindow .sidebar row:backdrop:selected {
   color: @backdrop_selected_fg_color;
   text-shadow: none;
}

/* desktop mode */
.nemo-desktop.nemo-canvas-item {
   color: @bg_color;
   text-shadow: 1px 1px alpha (#000000, 0.8);
}

.nemo-desktop.nemo-canvas-item:active {
   background-image: none;
   background-color: alpha (@bg_color, 0.84);
   color: @fg_color;
}

.nemo-desktop.nemo-canvas-item:selected {
   background-image: none;
   background-color: alpha (@selected_bg_color, 0.84);
   color: @selected_fg_color;
}

.nemo-desktop.nemo-canvas-item:active,
.nemo-desktop.nemo-canvas-item:prelight,
.nemo-desktop.nemo-canvas-item:selected {
   text-shadow: none;
}

/* inactive pane */

.nemo-inactive-pane .view {
   background-color: shade(@base_color, 0.9);
}

/* Toolbar */
NemoWindow .toolbar .button {
   border-image: none;
}

/* Misc */
NemoView.frame,
NemoNotebook.notebook {
   border-right-width: 0;
   border-left-width: 0;
   border-bottom-width: 0;
}

NemoNotebook.notebook tab.top,
NemoNotebook.notebook tab.bottom {
   border-right-width: 1px;
   border-left-width: 1px;
}

NemoNotebook .frame {
   border-width: 1px 0 0 0;
}

.nemo-cluebar-label {
   font: normal;
   text-shadow: 0 1px shade (@cluebar_color, 1.06);
}

NemoTrashBar.info,
NemoXContentBar.info,
NemoSearchBar.info,
NemoQueryEditor.info {
   background-image: -gtk-gradient (linear, left top, left bottom,
      from (shade (@cluebar_color, 1.0)),
      to (shade (@cluebar_color, 1.0)));
   background-color: @cluebar_color;
   border-bottom-color: shade (@cluebar_color, 0.92);
   border-radius: 0;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
   color: @fg_color;
}

NemoTrashBar .button,
NemoXContentBar .button,
NemoSearchBar .button,
NemoQueryEditor .button {
   border-radius: 0;
}
dondizzurp
Level 1
Level 1
 
Posts: 11
Joined: Thu Dec 06, 2012 11:56 pm

Linux Mint is funded by ads and donations.
 

Re: modify nemo? (simple noob question)

Postby caribriz on Fri Feb 08, 2013 7:32 pm

I've been playing with this as well.
Using LM14 Cinnamon, Nemo 1.1.2

Your nemo.css is different to mine :?

This is all my nemo.css file contains (in /Mint-X/gtk-3.0/apps) :
Code: Select all
/* sidebar */

NemoWindow .sidebar .view {
   background-color: #3F3F3F;
   color: #EEEEEE;
   text-shadow: 1px 1px alpha (#000000, 0.8);
}


/* inactive pane */

.nemo-inactive-pane .view {
    background-color: shade(@theme_base_color, 0.9);
}


But I did this to change the window background and sidepanel color by just adapting the default Mint-X theme.

copy Mint-X folder from /usr/share/themes to ~/.themes
Rename it whatever, eg. Mint-X-2
Open Mint-X-2 > gtk-3.0 > apps > nemo.css

I added these lines at the top of the file - you wouldn't have to do it as this section is already there in your nemo.css:

Code: Select all
NemoWindow *.view {
   background-color: #3F3F3F; /*nemo window background color here;*/
   color: #ffffff; /*window foreground color here;*/
}


and changed the /* sidebar */ section to this (I "commented out" the text-shadow bit as it didn't look good):

Code: Select all
NemoWindow .sidebar .view {
   background-color: #ffffff; /*original color #3F3F3F;*/
   color: #000000; /*original foreground color #EEEEEE;*/
   /*text-shadow: 1px 1px alpha (#000000, 0.8);*/
}

/* inactive pane */

.nemo-inactive-pane .view {
    background-color: shade(@theme_base_color, 0.9);
}

Saved the file
Went to Cinnamon Settings > Themes > Other Settings > GTK+ theme and selected the "new" theme Mint-X-2
Logged out/in

To get this result:

LM14 Cinnamon Nemo change.png
LM14 Cinnamon Nemo change.png (56.53 KiB) Viewed 1419 times


Edit: I forgot to say that when I've finished tweaking the Mint-X-2 theme, I move it (as root) to /usr/share/themes, because some apps such as Update Manager
look "ugly" if you just leave the new theme Mint-X-2 in ~/.themes.
Image
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 884
Joined: Mon Nov 28, 2011 7:43 am

Re: modify nemo? (simple noob question)

Postby dondizzurp on Fri Feb 08, 2013 8:15 pm

caribriz wrote:I've been playing with this as well.
Using LM14 Cinnamon, Nemo 1.1.2

Your nemo.css is different to mine :?

This is all my nemo.css file contains (in /Mint-X/gtk-3.0/apps) :
Code: Select all
/* sidebar */

NemoWindow .sidebar .view {
   background-color: #3F3F3F;
   color: #EEEEEE;
   text-shadow: 1px 1px alpha (#000000, 0.8);
}


/* inactive pane */

.nemo-inactive-pane .view {
    background-color: shade(@theme_base_color, 0.9);
}


But I did this to change the window background and sidepanel color by just adapting the default Mint-X theme.

copy Mint-X folder from /usr/share/themes to ~/.themes
Rename it whatever, eg. Mint-X-2
Open Mint-X-2 > gtk-3.0 > apps > nemo.css

I added these lines at the top of the file - you wouldn't have to do it as this section is already there in your nemo.css:

Code: Select all
NemoWindow *.view {
   background-color: #3F3F3F; /*nemo window background color here;*/
   color: #ffffff; /*window foreground color here;*/
}


and changed the /* sidebar */ section to this (I "commented out" the text-shadow bit as it didn't look good):

Code: Select all
NemoWindow .sidebar .view {
   background-color: #ffffff; /*original color #3F3F3F;*/
   color: #000000; /*original foreground color #EEEEEE;*/
   /*text-shadow: 1px 1px alpha (#000000, 0.8);*/
}

/* inactive pane */

.nemo-inactive-pane .view {
    background-color: shade(@theme_base_color, 0.9);
}

Saved the file
Went to Cinnamon Settings > Themes > Other Settings > GTK+ theme and selected the "new" theme Mint-X-2
Logged out/in

To get this result:

LM14 Cinnamon Nemo change.png


Edit: I forgot to say that when I've finished tweaking the Mint-X-2 theme, I move it (as root) to /usr/share/themes, because some apps such as Update Manager
look "ugly" if you just leave the new theme Mint-X-2 in ~/.themes.



LOL nice to see you again :D thanks again bro
im gonna work on it when i get back home
my nemo.css file is from Zukitwo (sp?)

regarding the bolded part: funny thing, i just had to do the same thing about an hour ago. i ran the update manager and it looked terrible so i decided to put the theme in the root theme folder and it fixed it :D
dondizzurp
Level 1
Level 1
 
Posts: 11
Joined: Thu Dec 06, 2012 11:56 pm

Re: modify nemo? (simple noob question)

Postby caribriz on Fri Feb 08, 2013 8:32 pm

dondizzurp wrote:my nemo.css file is from Zukitwo (sp?)

I've never tried it with anything else other than just tweaking the default Mint-X theme as above.
So can't say if you'll get a similar result.
I'm no expert :lol: - I'm just messing around with it and I just know this has worked for me.

Anyway, maybe you can adapt it ...
Have fun :D
Image
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 884
Joined: Mon Nov 28, 2011 7:43 am

Re: modify nemo? (simple noob question)

Postby vijai on Sun Mar 24, 2013 4:30 am

I have to achieve the same result but instead of a solid window bg, I need a picture there.
So I changed background-color to
Code: Select all
background-image: url(image.jpg);
But the image goes to side bar and the color of the window is white.But solid color works as it should.Anybody could help me on this?
vijai
Level 1
Level 1
 
Posts: 2
Joined: Sat Mar 23, 2013 5:13 am

Re: modify nemo? (simple noob question)

Postby caribriz on Tue Apr 16, 2013 2:06 am

@ vijai

I know very little about editing .css files in themes, but I had a go, using LM14 Cinnamon - but have only been partially successful.

I copied Mint-X theme from /usr/share/themes to ~/.themes
Renamed the copy of Mint-X to Mint-X-bluesky
Copied an image into ~/.themes/Mint-X-bluesky/gtk-3.0/apps (I copied this image - /usr/share/mdm/themes/Sea/sea.jpg)
Only changed the file nemo.css like this - adding some lines to the original file (please don't laugh at my .css editing attempt :P ):
I didn't edit any other files in the theme at this stage.

Code: Select all
NemoWindow *  {
   background-image: url('sea.jpg');
   color: #000000;
}

NemoWindow .view {
   color: #000000;
}

/* menubar */

NemoWindow .menubar * {
   background-image: none;
        color: #000000;
}

.menubar .menuitem .menu {
   background-image: none;
        background-color: #ffffff;
        color: #000000;
}

/* sidebar */

NemoWindow.sidebar,
NemoWindow .sidebar .view {
   background-image: none;
}

NemoWindow .sidebar .view {
   background-color: #3F3F3F;
   color: #EEEEEE;
   text-shadow: 1px 1px alpha (#000000, 0.8);
}

/* inactive pane */

.nemo-inactive-pane .view {
    background-color: shade(@theme_base_color, 0.9);
}


Saved the file, and went to Cinnamon Settings > Themes > Other settings > GTK+ theme > chose Mint-X-bluesky

To get this:

Mint-X-bluesky.png


But, there are a few things wrong with it that I don't know how to fix :( :

Mint-X-bluesky problems.png


The background image I put in, is in places I don't want it:
- the sidebar right-click menu (the other menus are ok)
- the menubar background
- the background of "Location" and "Search"
- the background of the bar on the bottom right of the picture - I don't know what it's called.
- the background of the text under the folder icons

I'm sure it can be done - just editing nemo.css properly :wink: , so it doesn't alter anything else in the theme.
I later tried editing some things in gtk-widgets.css without much success - I don't know which lines to change :oops:
but I would like to only edit the file nemo.css - and keep the rest of the theme as it was originally - is this possible???
I'm trying to only change the "white" background of the window.

If any gtk3 theme experts are out there - can you help with this???
Image
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 884
Joined: Mon Nov 28, 2011 7:43 am

Re: modify nemo? (simple noob question)

Postby caribriz on Wed Apr 17, 2013 6:46 pm

An update to the post directly above:

I've been able to fix my menubar background problem, and partially removed the sidebar right-click menu background - it now has some white space in the background unlike before, but the "boxes" with the background image remain.

I edited gtk-widgets.css (couldn't figure out what exactly to put in nemo.css):
adding this into some places in the sections in gtk-widgets.css file - menu, menubaritem and menuitem
Code: Select all
background-image: none;


This is what I have now:

Nemo slightly improved.png


Haven't yet been able to remove the background image from the other problem areas, and also just realised that list view has the unwanted background image as well. These problems remain to be solved:

Problems remaining.png


Anybody with any ideas?????
Image
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 884
Joined: Mon Nov 28, 2011 7:43 am

Re: modify nemo? (simple noob question)

Postby caribriz on Sat Apr 20, 2013 2:39 am

Another update ....

I haven't been able to fix all the problems above in LM14 Cinnamon .....

But - just out of curiosity, I copied the new theme Mint-X-bluesky (as is) into a flashdrive install of LMDE Cinnamon 201303
- and to my surprise, it displayed correctly without most of the problems seen in LM14 Cinnamon!

Mint-X-bluesky list view in LMDE Cinnamon 201303.png


Mint-X-bluesky LMDE Cinnamon 201303.png


If anyone wants to have a look at it - and see if they can help fix the problems in LM14 Cinnamon :P
here it is:
http://www.mediafire.com/file/yn1wnnu2ywpzq05/Mint-X-bluesky.tar.gz

Also, another version of it - exactly the same but with blue highlights instead of the default green:
http://www.mediafire.com/file/g4aepsquyluhnuo/Mint-X-bluesky-blue-highlights.tar.gz

Mint-X-bluesky-blue-highlights.png


Note that these images above are of the themes in Cinnamon in LMDE Cinnamon 201303 where they are displaying correctly.
If using the themes in LM14 Cinnamon, you will see results like in the previous post - ie. with the problems unsolved.
Image
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 884
Joined: Mon Nov 28, 2011 7:43 am

Re: modify nemo? (simple noob question)

Postby samriggs on Tue May 07, 2013 7:13 pm

here ya go they added some more toys for you to play with nemo.
http://segfault.linuxmint.com/2013/05/n ... omment-103
click the link in the article and snag the added file, choose raw from the menu save page as to where ever you want it to be saved and your good to go.
Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
SolydK
User avatar
samriggs
Level 5
Level 5
 
Posts: 843
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada

Linux Mint is funded by ads and donations.
 

Return to Themes, Icons, & Wallpaper

Who is online

Users browsing this forum: No registered users and 1 guest