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.
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
- Mine-Yosemite (Icon theme) :
- Dark Mode (GNOME Shell theme) :
Feel free to send suggestion and feedback.
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.
- 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.
- Rename the downloaded ‘gtk-widgets.css’ in ‘~/.themes/White/gtk-3.0’ into ‘gtk-basic.css’.
- 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’.
- 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 —