GnomishBeige

GTK3 Themes

Source (link to git-repo or to original if based on someone elses unmodified work): Add the source-code for this project on opencode.net

18
Score 74.2%
Description:

NOTE:
======
Unfortunately, after years of Gnome3, even minor updates of GTK+ or Gnome-Shell break themes and waste hours of work.


GnomishBeige is a clean beige theme for GTK3, plus a matching GTK2 theme that depends on the latest Murrine and Pixmap engines.

*** Current Dependencies ***

GTK3 = 3.12.X (works with 3.10 and maybe with 3.8 too)
gtk2-engines-murrine >= 0.98.1.1 (for GTK2)
gtk2-engines-pixbuf >= 2.24.10 (for GTK2)
Metacity >= 2.34 (for GTK2)

*** Notes ***

1) Ubuntu users should remove the package(s) "overlay-scrollbar" if they see blackened widget areas or if they just want to have the default scrollbars. See https://bugs.launchpad.net/ubuntu/+source/overlay-scrollbar/+bug/1064147

2) Please take a look at the file "README" in the theme folder for a tip on Epiphany.

3) You won't need the source package unless you want to modify the theme or make a deb or an rpm package from it.
Last changelog:

5 years ago

.....

Jul 25 2013
-----------
Updated for Gnome-3.8.
Removed the dark variant (which was useless anyway; dark theme lovers could use GnomishDark).

Mar 1 2014
-----------
Updated for GTK+-3.10 but should work with 3.8 too.
Dropped the Shell theme (its maintenance wasn't possible due to the shaky state of Gnome-Shell).

Mar 3 2014
-----------
Added a matching Unity theme for Ubuntu Trusty. Thanks to Alin (hotice).

Apr 25 2014
-----------
No dependency on Adwaita anymore.
Updated for GTK+-3.12 (still works with 3.10).

May 9 2014
-----------
Added support for Gnome's client side decorations (second screnshot).

Karmicbastler

7 years ago

hi dear,

the scollbars look as they are in your screenshot. But I would like to change their color. So I just need to do that in this file, which you stated??

And my next question would be: I would like the windowborder to be in a bit mor beige-occer color. How to chang that??

I am asking, because I am a real noob in this ind of thing. I never did a gtk3-theme and so I need some instruction, how to change colors... I would appreciate it, if you would share your knowledge with us other users in a kind of how-to or something like that...

But your theme looks pleasing!!!

Greetings
your friend
Karmicbastler

Report

C

tsujan

7 years ago

Hi again,

It's easy to change the color of scrollbar sliders. Go to the theme folder, open the file gtk-widgets.css in gEdit, set gEdit to show line numbers, and go to lines 647, 648, 660 and 661. In all these lines you'll see @theme_bg_color. Replace it with another color in the form #81756a (this is brown; use GIMP or another tool to pick up a color and get its code). You could also change 0.86 and 1.5 in the same lines to tweak the gradient. To see the result, change the GTK theme to Adwaita and change it back to GnomishBeige again with Advanced Settings.

Tweaking window borders is a bit tricky. Their colors are partly defined in lines 13-15 of the file metacity-theme-3.xml. Instead of gtk:bg[NORMAL], you could put another color in the above form. But these are just the colors of the thin lines around windows in different states. If by window border you mean the titlebar highlight, its changing is still trickier. You should study metacity-theme-3.xml and see what its lines mean.

All in all, it takes only practice and patience to write a theme. That's not so difficult as you might think. I hope we'll see your theme on this site :) Ask any question you might have and I'll respond, especially through messaging.

Report

Karmicbastler

7 years ago

hi dear,

I did not yet test that theme. But my question was more or less only a request. I like that brown color you started up with....

This looks so perfect to my gnome-shell-theme. I am not an expert in gtk3 and so I need an expert who can do this. So that was my intention to ask you. This request is not a bug... :) This was really only a request....for your wishlist...

Greetings
Karmicbastler

Report

Karmicbastler

7 years ago

hi dear,

on your screenshots, this theme looks beautiful. But could you also make these scrollhandles in a brown color instead of this metal-silver??

And another request would be, if you did a sandcolor-version too?? And could this sandcolor-version have also the menues in a more sandcolor-version??
This would fit my ny Gnome-shell-theme perfectly, which I had called fresh-Wood shelltheme. This theme really looks so elegant...I like it.

Report

C

tsujan

7 years ago

Hello!

First, thanks for your comment. Please tell me if your scrollbar sliders (handles) don't have the same color and gradient as in the screenshot because that would point to a bug somewhere.

As for colors, tastes are different. For example, I prefer not to have too many brown bars in the theme because I want it to be as "clean" as possible, but if you like brown scrollbar handles, you could tweak their color and gradient at lines 644 and 657 of "gtk-widgets.css"; just replace "@theme_bg_color" with a color of your choice (in the form of #ffffff).

The same thing can be easily done with the beige. Just put another color (sand color, for example) instead of "#efebe7" in front of "bg_color" in both "gtk.css" and "settings.ini" (only one place for each file). Play with it until you're satisfied with the new look :)

Report

Snamiac

7 years ago

Bonjour,

J'ai vraiment été séduit par Gnomishbeige. A mon avis, il est très proche d'Ubuntu : doux et harmonieux.
Faute de pouvoir continuer avec Bisigi Project, (hélas), je me suis dirigé vers Gnome-Look ou j'ai découvert votre thème que j'utilise sous Ubuntu 11.10-64 bits (Gnome shell).

Merci pour votre travail.

Report

C

tsujan

7 years ago

Hello,

Thanks for your kind words. I'm happy you like it :)

BTW, an update will come soon.

Report

Snamiac

7 years ago

Bonsoir Tsujan,

Merci pour votre message. Comme papier peint, j'ai choisi "Après la pluie". Cela fait un très bel ensemble : http://www.hiboox.fr/go/images/informatique/avec-extension-2012-01-22-17-36-08,e4085b0f2c3bd85cd1b8c8cdb2e244c3.png.html

A bientôt.
-----------------------------------------------

Good evening Tsujan,

Thank you for your message. As wallpaper, I chose " After the rain ". It makes a very beautiful set: http: // www.hiboox.fr/go/images/informatique/av ec-extension-2012-01-22-17-36-08, e4085b0f2c3bd85cd1b8c8cdb2e244c3.png.ht ml

As soon.

Report

C

tsujan

7 years ago

Nice screenshot! I'm just curious why your titlebars aren't that of GnomishBeige although you've set them to be so. Perhaps you should log out and log in for that to take effect.

And why is a vertical bar is shown on the switches (of Advanced Settings) instead of the word "On"?

Report

Snamiac

7 years ago

Edit => "pourquoi vos barres de titre ne sont pas celui de GnomishBeige."

Vous avez raison. J'ai redémarré mon ordinateur et les boutons de Gnomishbeige sont revenus. Merci pour l'information.

http://www.hiboox.fr/go/images/informatique/capture-du-2012-01-22-20-43-51,42e2faca6d31b0c9226c2d421a5ffd05.png.html


Edit => "Et pourquoi est une barre verticale montre sur les échanges de Fixations Avancées au lieu du mot "On" ?"

Désolé, je ne comprends pas cette phrase.

__________________________________________________

Copy => " why your bars of title are not the one of GnomishBeige. "

You are right. I restarted my computer and the buttons of Gnomishbeige returned. Thank you for the information.

http://www.hiboox.fr/go/images/informatique/capture-du-2012-01-22-20-43-51,42e2faca6d31b0c9226c2d421a5ffd05.png.html


Copy => " And why is a vertical bar(helm) show on the exchanges of Fixations(Bindings) Moved forward instead of the word " One "?"

Sorry, I do not understand this sentence.

A bientôt.

Report

C

tsujan

7 years ago

It's OK.

From now on, please don't write your questions as comments. If you have any question, just click on my icon and send me a message. I'll reply with a message too. Thanks in advance.

Report

Snamiac

7 years ago

It's OK.
Thank you very much for your help.

Report

C

tsujan

7 years ago

I don't have Ubuntu. Test whatever font you want. However, you should restart Gnome-Shell to see the effect (or log out and log in).

Report

Snamiac

7 years ago


Here is the result (after a : "sudo gedit/usr/share/GnomishBeige/gnome-shell/gno me - shell.css")

I would like to learn to create a theme to make him then completely alone.
It is necessary to be a graphic designer, I suppose?



#panel {
background-gradient-direction: vertical;
background-gradient-start: #81756a;
background-gradient-end: #3f3934;
color: rgba(255,255,255,0.98);
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 24px;
box-shadow: 0px 3px 12px rgba(0,0,0,0.8);
font-family: "Ubuntu", serif;
font-size: 11pt;
}

#panelLeft, #panelRight {
spacing: 4px;
font-weight: bold;
}

#panelCenter {
spacing: 4px;
font-weight: bold;

Report

C

tsujan

7 years ago

See "Advanced Settings" > "Fonts"

Report

Snamiac

7 years ago

I am a donkey, I would have had to think of it!

I try with this font : Ubuntu.

What do you think of it?

Report

C

tsujan

7 years ago

And change "Bitstream Charter" to another font you prefer.

Report

Snamiac

7 years ago

All right, I found where is "Bitsream Charter".
But what are the other authorized fonts ?

Report

C

tsujan

7 years ago

Simply remove this line from that list:

font-style: italic;

Report

C

tsujan

7 years ago

Go to the folder where you've installed GnomishBeige, then in its sub-folder gnome-shell, you'll find the file "gnome-shell.css".

Report

Snamiac

7 years ago

Hello,

I come back.

I opened this file with Gedit but I know it nothing, sorry.

I want to have a different font and not in italic for all the bar of title (left, center and right). Where do I have to make the changes ?

See list below. I thank you.
\/
\/
\/
\/
_________________________________________________________________________________
/* Panel */

#panel {
background-gradient-direction: vertical;
background-gradient-start: #81756a;
background-gradient-end: #3f3934;
color: rgba(255,255,255,0.98);
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 24px;
box-shadow: 0px 3px 12px rgba(0,0,0,0.8);
font-family: "Bitstream Charter", serif;
font-size: 10pt;
}

#panelLeft, #panelRight {
spacing: 4px;
font-weight: bold;
}

#panelCenter {
spacing: 4px;
font-weight: bold;
font-style: italic;
}

#panelLeft:ltr {
padding-right: 4px;
}

#panelLeft:rtl {
padding-left: 4px;
}

#panelRight:ltr {
padding-left: 4px;
}

#panelRight:rtl {
padding-right: 4px;
}

/*.panel-corner {
-panel-corner-radius: 10px;
-panel-corner-background-color: black;
-panel-corner-inner-border-width: 2px;
-panel-corner-inner-border-color: transparent;
-panel-corner-outer-border-width: 1px;
-panel-corner-outer-border-color: #536272;
}

.panel-corner:active,
.panel-corner:overview,
.panel-corner:focus {
-panel-corner-inner-border-color: rgba(255,255,255,0.8);
}*/

__________________________________________________________________________________

Report

Snamiac

7 years ago

Hello Tusjan,

Thank you for your message. I quickly looked at it.
Now, I leave to my job.
But I shall look this evening how changing ALL the police of the bar of title.

http://www.hiboox.fr/go/images/informatique/capture-du-2012-01-23-06-38-02,1b47c9249af772135bcfb49969d3c8ca.png.html

This evening and thank you very much.

As soon.

Report

C

tsujan

7 years ago

Now your titlebars are OK.

> Désolé, je ne comprends pas cette phrase.

Unfortunately, although I can read French, I can't write in French and I don't trust "Google Translate" for writing ;) Just look at my screenshot and compare the appearance of the window "Advanced Settings" with yours.


In your screenshot, you'd asked how you could modify the clock font. Open 'GnomishBeige/gnome-shell/gnome-shell.css' with gEdit and search for "#panelCenter" (without quotes). In the block "#panelCenter", you could remove the lines related to "font-weight" and/or "font-style". To change the Panel font itself, search for "#panel {", and in its block, change "Bitstream Charter" to whatever font you like. Then restart the shell.

Report

Snamiac

7 years ago

Now your titlebars are OK.

=> Thank you. Wahoo !

Open 'GnomishBeige/gnome-shell/gnome-shell.css' with gEdit

=> Sorry, I do not succeed in finding where is these files ?

As soon.

Report

therecorder

7 years ago

Is there a way to change the panel font (Bitstream Charter), without having to change every instance of it in the .css file?

Report

5 years ago

.....

Jul 25 2013
-----------
Updated for Gnome-3.8.
Removed the dark variant (which was useless anyway; dark theme lovers could use GnomishDark).

Mar 1 2014
-----------
Updated for GTK+-3.10 but should work with 3.8 too.
Dropped the Shell theme (its maintenance wasn't possible due to the shaky state of Gnome-Shell).

Mar 3 2014
-----------
Added a matching Unity theme for Ubuntu Trusty. Thanks to Alin (hotice).

Apr 25 2014
-----------
No dependency on Adwaita anymore.
Updated for GTK+-3.12 (still works with 3.10).

May 9 2014
-----------
Added support for Gnome's client side decorations (second screnshot).

12345678910
1034
product-maker dubious Jul 30 2017 3 bad
product-maker mudenez32 May 19 2014 3 bad
product-maker larys57 May 12 2014 3 bad
product-maker aynie547 May 09 2014 3 bad
product-maker pamfeuer Jan 21 2014 9 excellent
product-maker tocb Oct 05 2013 3 bad
product-maker Karmicbastler Sep 25 2013 9 excellent
product-maker pulpo69 Aug 01 2013 9 excellent
product-maker pinkgorillacycles Dec 17 2012 9 excellent
product-maker Emmi Dec 10 2012 9 excellent
product-maker bjgood Dec 08 2012 9 excellent
product-maker lolsas Aug 12 2012 9 excellent
product-maker sakasa Aug 11 2012 9 excellent
product-maker chanju Jul 08 2012 9 excellent
product-maker infodroid Jul 07 2012 3 bad
product-maker MeaCulpa Jun 23 2012 9 excellent
product-maker amorpher Jun 16 2012 9 excellent
product-maker RAIDENSUB Jun 12 2012 9 excellent
product-maker teodorescup Jun 02 2012 9 excellent
product-maker GeofferyPancake May 03 2012 9 excellent
product-maker insane74 May 03 2012 3 bad
product-maker tneo Mar 01 2012 9 excellent
product-maker LiquidSky64 Feb 18 2012 9 excellent
product-maker TwoPointOh Feb 08 2012 9 excellent
product-maker ilverz Feb 07 2012 9 excellent
product-maker chrs Dec 22 2011 9 excellent
product-maker rogga Dec 16 2011 9 excellent
product-maker MikeDK Dec 11 2011 9 excellent
product-maker mikaji Dec 07 2011 9 excellent
product-maker rdf Dec 06 2011 9 excellent
product-maker therecorder Dec 02 2011 9 excellent
product-maker escortgoj Nov 23 2011 9 excellent
product-maker fuchur Nov 19 2011 9 excellent
product-maker mdbdl0869 Nov 19 2011 3 bad
product-maker dudacardoso Nov 18 2011 9 excellent
product-maker dshdsh Jul 28 2011 9 excellent
product-maker rvc-2011 Jul 17 2011 9 excellent
product-maker cwchien Jul 15 2011 9 excellent
product-maker untouchable89 Jul 15 2011 9 excellent
product-maker sealbhach Feb 19 2011 9 excellent
product-maker ubuntico Feb 19 2011 9 excellent
product-maker Gnom-IK Feb 19 2011 9 excellent
product-maker Tipiaf Feb 13 2011 3 bad
product-maker Ergonaut Feb 13 2011 3 bad
product-maker Count: 4 Rating: 5.0
File (click to download) MD5SUM Version Description Downloads Date Filesize DL OCS-Install
*Needs ocs-url or ocs-store to install things
Pling
Details
license
version
updated Jul 31 2017
added May 29 2010
downloads 24h
0
page views 24h 7