modify nemo? (simple noob question)

Style your desktop
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
dondizzurp

modify nemo? (simple noob question)

Post by dondizzurp »

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;
}
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 1 time in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
caribriz

Re: modify nemo? (simple noob question)

Post by caribriz »

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.
dondizzurp

Re: modify nemo? (simple noob question)

Post by dondizzurp »

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
caribriz

Re: modify nemo? (simple noob question)

Post by caribriz »

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
vijai

Re: modify nemo? (simple noob question)

Post by vijai »

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?
caribriz

Re: modify nemo? (simple noob question)

Post by caribriz »

@ 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???
caribriz

Re: modify nemo? (simple noob question)

Post by caribriz »

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?????
caribriz

Re: modify nemo? (simple noob question)

Post by caribriz »

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/yn1wnnu2y ... sky.tar.gz

Also, another version of it - exactly the same but with blue highlights instead of the default green:
http://www.mediafire.com/file/g4aepsquy ... hts.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.
samriggs

Re: modify nemo? (simple noob question)

Post by samriggs »

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
Locked

Return to “Themes, Icons & Wallpaper”