PDA

View Full Version : Customising gnome shell



mightymouse2045
29th June 2011, 03:59 PM
Here's some screenshots of how mines looking now.

Making changes to:

/usr/share/gnome-shell/theme/gnome-shell.css
/usr/share/gnome-shell/js/ui/panelMenu.js
/usr/share/themes/Adwaita/metacity-1/metacity-theme-3.xml

and adding some icons etc

Would be good to get some other peoples custom gnome shells up here and any tips for others.

Are there any apps to automate these changes yet?

Here are my latest pics - this is pretty much the final version. Unless someone works out if it's possible to wrap the text under the icons in application view?

Overview
http://farm7.static.flickr.com/6043/5900560850_8f181f2487_b.jpg

Applications Overview
http://farm7.static.flickr.com/6030/5900560842_f7f6c96797_b.jpg

Search Overview
http://farm7.static.flickr.com/6015/5900560854_2297b02f84_b.jpg

Desktop
http://farm6.static.flickr.com/5278/5900560848_d0ba3cbeb8_b.jpg

Titlebars
http://i52.tinypic.com/2ezsfer.jpg

soleilpqd
30th June 2011, 05:29 PM
I have tried to change something in /usr/share/gnome-shell/theme/gnome-shell.css. But when I updated the system, those changes losted.
So I copy /usr/share/gnome-shell/theme/* to ~/.themes/myCustomShellTheme/gnome-shell/, modify gnome-shell.css. Finally I install gnome-shell extextion "User Themes" & use gnome-tweak-tool to switch to my custom g-shell theme.
We can change the windows decorations like that. Here my metacity theme is Adwaita-drakfire downloaded from gnome-look.org.

So this is my desktop: :D

Desktop
http://farm7.static.flickr.com/6021/5887652871_796a31ace7_b.jpg (http://www.flickr.com/photos/44069250@N02/5887652871/)

Windows switch
http://farm6.static.flickr.com/5112/5887658561_e85dc0fb5b_b.jpg (http://www.flickr.com/photos/44069250@N02/5887658561/)

Menu
http://farm6.static.flickr.com/5078/5887652875_b10db28487_b.jpg (http://www.flickr.com/photos/44069250@N02/5887652875/)

Modal dialog
http://farm6.static.flickr.com/5263/5887658569_5b0f33842e_b.jpg (http://www.flickr.com/photos/44069250@N02/5887658569/)

Overview
http://farm6.static.flickr.com/5061/5887652823_11031eed57_b.jpg (http://www.flickr.com/photos/44069250@N02/5887652823/)

Apps
http://farm7.static.flickr.com/6059/5887652853_8bc778404e_b.jpg (http://www.flickr.com/photos/44069250@N02/5887652853/)

Search
http://farm7.static.flickr.com/6026/5887652831_de4d4d53b9_b.jpg (http://www.flickr.com/photos/44069250@N02/5887652831/)

mightymouse2045
1st July 2011, 02:00 AM
Very nice. and thanks for the tip there.

Do you know if you can copy the whole gnome-shell folder to various sub folders of ~/ ? Because yeah I had the same issue after the gnome-shell update it wiped out all my customisations (but i had a backup at least).

Also dude I like the popup border style you have there on everything rounded upper left and lower right and sharp for the opposite corners. The default rounded border theme looks childish in comparison.

Is that a permanent extension dock on the desktop or does it autohide?

I've installed Cairo and made some changes to my min,max and close buttons and added the shades button as well. I will update the original post with new screenshots in a little while

I like window shades :)

woodsmoke
1st July 2011, 02:43 AM
The above are cool!
woodsmoke

soleilpqd
1st July 2011, 05:53 AM
We can also install our gnome-shell extensions into ~/.local/share/gnome-shell/extensions.
I don't know the equivalence for other items. Maybe like gnome-shell theme, we need an extension to do that.
My dock is Docky. It can autohide or stay behind the windows.
That border style is simple. I have replaced all "border-radius: #px" with "border-radius: #px 0px #px 0px" in gnome-shell.css :) This style idea comes from Fedora logo.

mightymouse2045
1st July 2011, 08:16 AM
We can also install our gnome-shell extensions into ~/.local/share/gnome-shell/extensions.
I don't know the equivalence for other items. Maybe like gnome-shell theme, we need an extension to do that.
My dock is Docky. It can autohide or stay behind the windows.
That border style is simple. I have replaced all "border-radius: #px" with "border-radius: #px 0px #px 0px" in gnome-shell.css :) This style idea comes from Fedora logo.

Thanks for that man :) How about the border around the overview title and the app-well list?

I believe there is a way to move the js files to the home directories as well, and perhaps the search providers but I will have a hunt round for that. The extensions I have already moved over.

soleilpqd
1st July 2011, 02:35 PM
How about the border around the overview title and the app-well list?
Same way with 'border-radius' in gnome-shell.css (section 'app-filter' for the app filter by categories pane on the right of the apps list, 'app-well-app' for app icon background, 'window-caption' for windows thumbnail title of overview.)

mightymouse2045
1st July 2011, 05:44 PM
Same way with 'border-radius' in gnome-shell.css (section 'app-filter' for the app filter by categories pane on the right of the apps list, 'app-well-app' for app icon background, 'window-caption' for windows thumbnail title of overview.)


hmmm I replaced all border-radius: #px

with

border-radius: #px 0px #px 0px;

and nothing changed all up about 27 replacements yeah? But when I reload it's still round on all 4 corners?

---------- Post added at 12:11 AM ---------- Previous post was at 12:11 AM ----------

Perhaps if you upload a copy of your gnome-shell.css so i can have a squiz?

---------- Post added at 12:16 AM ---------- Previous post was at 12:11 AM ----------

Ah hangon - I went for the easy approach and did a regex replace but there are quite a few with like

border-radius: 0px 0px #px #px; etc so I will replace those also and that should do the trick ;)

---------- Post added at 12:44 AM ---------- Previous post was at 12:16 AM ----------

hmmm I still don't have a largr border around the window caption - just a border around whatever is highlighted - so yeah perhaps if you could upload your gnome-shell.css so I can hack that ;)

soleilpqd
2nd July 2011, 08:00 PM
No problem. I have finished my theme and uploaded onto gnome-look.org. You can get it here (http://gnome-look.org/content/show.php/TransWhite?content=143263)
Replacing is not enough. Maybe you have to insert or delete more stuff too. I have learned many things from other themes.
You can use the name of section and try change one section for each time to figure out what that section does. After the last updating of gnome-shell, now when use the gnome-tweak-tool to change the theme, we don't need to restart whole gnome-shell to make changes taking effect. That's the way I did :D. Gook luck, man.

mightymouse2045
3rd July 2011, 04:20 PM
No problem. I have finished my theme and uploaded onto gnome-look.org. You can get it here (http://gnome-look.org/content/show.php/TransWhite?content=143263)
Replacing is not enough. Maybe you have to insert or delete more stuff too. I have learned many things from other themes.
You can use the name of section and try change one section for each time to figure out what that section does. After the last updating of gnome-shell, now when use the gnome-tweak-tool to change the theme, we don't need to restart whole gnome-shell to make changes taking effect. That's the way I did :D. Gook luck, man.

Thanks for that - very nice work and clean also. I notice you haven't included metacity3.xml - did you modify that on yours or you've just left that as default?

Maybe for completeness you should include it so your titlebars, app window borders, minimise, maximise and close buttons etc get themed as well when they apply your theme.

soleilpqd
4th July 2011, 08:15 AM
The windows decorations is not mine. As I wrote above, the metacity theme is Adwaita Drakfire, you can get here (http://gnome-look.org/content/show.php/Adwaita+Drakfire+GTK3+Theme?content=141293)

mightymouse2045
4th July 2011, 05:22 PM
Ah so you did - sorry I forgot you mentioned it :)

---------- Post added 5th July 2011 at 12:22 AM ---------- Previous post was 4th July 2011 at 04:17 PM ----------

by the way guys here is how to wrap the font for the application overview

http://forums.fedoraforum.org/showthread.php?p=1491984#post1491984

schamarthi
11th July 2011, 04:46 AM
thanks a lot for these updates on genome to make more homely!

I would like to know : how safe to install downloaded themes? does the downloaded themes come without any malicious embedded codes etc?!
(I wold like to decorate my work station which contains all my research work!)

thanks once again!

soleilpqd
11th July 2011, 05:03 AM
I would like to know : how safe to install downloaded themes? does the downloaded themes come without any malicious embedded codes etc?!
(I wold like to decorate my work station which contains all my research work!)
Windows decoration is xml + pictures, gnome-shell theme is CSS. So you don't have to worry. Look around gnome-look.org, each theme has rate which is reviewed by users.

mightymouse2045
11th July 2011, 05:11 AM
thanks a lot for these updates on genome to make more homely!

I would like to know : how safe to install downloaded themes? does the downloaded themes come without any malicious embedded codes etc?!
(I wold like to decorate my work station which contains all my research work!)

thanks once again!

You would hear about that pretty quickly I should imagine if it was possible or if it was happening out there.

I haven't tested it myself by putting in malicious code in the shell js scripts to see what sort of access it has to the file system or internet etc, but given gnome shell is pretty much built on css and js scripts I should imagine they would have thought about the possibilities and restricted access to any code being able to do things like delete files or screw up your system in any way, or run apps or being able to capture keyboard events etc and sending them off somewhere.

The other thing is that these files are not binary executables - so for your own peace of mind you could just run a search through the files or open them and inspect them yourself before applying them ;)

I am sure there would be doco somewhere that would outline the security restrictions etc as well.

Sev7en91
9th August 2011, 09:46 AM
and here it is, my desktop)))

http://i1096.photobucket.com/albums/g329/Sev7en91/Screenshot-2.png

Sev7en91
9th August 2011, 09:47 AM
and 1 more

http://i1096.photobucket.com/albums/g329/Sev7en91/Screenshot-1.png

masterbenn
12th August 2011, 09:47 PM
@Sev7en91

Hi

I am definetly liking what you did with your shell, would you mind sharing the gname-shell.css file for us to play around with it,

thanks