[Linux] White : Theme for GNOME 3

Bismillahirrahmanirrahim. Alhamdulillahi Rabbil-‘alamin. Wa shallallaahu ‘alaa Muhammad.

Assalamu’alaikum for muslim readers and welcome back.

White theme is a simple theme built for GNOME 3 to mimic Apple OS x Yosemite and El Capitan clean interface.

desktop
GNOME Shell applied with White theme.
inaktion
White theme on GTK-3 apps: Nautilus and Gedit in active and inactive state respectively.
calendarview
Calendar and Notification Center
overview
Overview mode to show installed apps.
search-overview
On-Screen Keyboard to search apps in overview.

 

From the screenshots:

  • GNOME Shell theme: White
  • GTK theme: White
  • Icon theme: Mine-Yosemite
  • Font: San Francisco 11

Download link goes here: http://gnome-look.org/content/show.php/White?content=173840

Related contents:

Feel free to send suggestion and feedback.

 

TIPS

A. HOW TO REMOVE THE TRANSLUCENCY?

White theme applies translucency on some elements which maybe not everyone’s taste.  In order to remove all translucencies you just have to edit ‘gtk-widgets’ and disable the “make transparent” codes. You can do this by:

a) simply removing all the text starting from ‘/* make transparent */’ to the end of the file; OR

b) put ‘/*’ in the beginning of ‘.background’ section and ‘*/’ in the end of the file (‘.header-bar’ section).

B. HOW COULD I KEEP MY CUSTOMIZATION AND SIMPLY APPLY IT ON EVERY UPDATE?

It’s possible for you to customize the theme with your own preferences, for example the selection color, shadow, and so on. Yet, you realize that every time the theme is updated you have to edit the widget database again and again. So how could you make customization more easier? These tips may worth trying.

  1. Make a new CSS file (e.g.: custom.css) and place your custom customization code (just your customization code, not the whole widgets code) inside it.
  2. Rename the downloaded ‘gtk-widgets.css’ in ‘~/.themes/White/gtk-3.0’ into ‘gtk-basic.css’.
  3. Edit your ‘custom.css’ and insert ‘@import url(“gtk-basic.css”);’ on the first line (without apostrophe). Save, exit the text editor. Rename that ‘custom.css’ to ‘gtk-widgets.css’.
  4. Last step, place the new ‘gtk-widgets.css’ – which contains your lines of customization code and that ‘@import’ thing – to ‘~/.themes/White/gtk-3.0’.

The theme with your customization is ready to use.

With this, every time the theme is updated you just have to 1) rename that already renamed ‘custom.css’ back to its name; 2) extract the theme; 3) delete the old ‘gtk-basic.css’ and rename the new ‘gtk-widgets.css’ to ‘gtk-basic.css’; 4) rename ‘custom.css’ to ‘gtk-widgets.css’.

Those are not a really quick method but I think it’s easier than editing the codes one by one again on every update.

— END OF PASSAGE —

One Comment Add yours

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s