
OPEN THE LARGER SCREENSHOTS IN A NEW TAB AN ENLARGE TO SEE FULL VIEW
Gnome-PRO II
Older versions:
Gnome-PRO +
Gnome-PRO-Lighterblue
Gnome-PRO-Lighterblue +
Gnome-PRO-Dark
Made by paulxfce
A clear and easy-on-the-eyes theme that is meant for those who use the Gnome-desktop professionally on a daily basis. The focus in this theme is compatibility: GTK-2 applications and GTK-3 applications look virtually the same. Libre-office, Scribus, Evolution, Geary, Planner, GnuCash, LaTeXila, Geany, the Gimp, Inkscape,...
Chrome, firefox, Web and Opera have no issues with this theme.
About the looks, you will notice some Elementary-theme, Arc-theme and Gnome-OSX.
The NEW VERSION Gnome-PRO II is Gnome 3.26 ready, with crispier fonts, new hover-effects and new check- and radio-items, and the use of gradient-colors (even on GTK2-menu's), and reduced clutter on the headerbar (simple headerbar buttons) makes this new version a more serene, comfortable layout for your daily jobs.
IMPORTANT: This theme works best with 'Myriad Set Pro Semibold'. Just google it, and make sure you ONLY install the 'semibold' -version, not the complete 'family', because then, your system will use the regular version instead of the semibold version of Myriad Set Pro. The semibold-version (here in my set-up at 12pt) is easier on the eyes.
The older versions of Gnome-PRO remain available.
Requirements
First, This theme only works in the gnome-desktop, with GTK 3.20 -GTK 3.26, and also in Ubuntu 17.10+
Next, buttons should be on the right side. If they are not: here is the terminal-code:
gsettings set org.gnome.desktop.wm.preferences button-layout ":minimize,maximize,close"
In Gnome 3.26, the Tweak-tool makes it easier to change the button-position. The above commands are then no longer necessary.
When, as such, theming does not look the way it should be: make sure you have installed the necessary theme-"engines":
IMPORTANT:
The latest gnome-distributions use Wayland (such as Ubuntu 17.10) instead of Xorg as the default compositor. This has the annoying problem that you can not install Synaptic Package Manager ( or at least it just does not show up, if you have). Why would I need Synaptic Package Manager? Because Ubuntu 17.10 does not support GTK2- applications properly, resulting in weird theming ). And you need some packages that are not present in the default 'Ubuntu Software'. How to solve this?
1. If you are in Ubuntu 17.10: log out, then, when you log back in under your username you have a settings-icon, choose Xorg in the drop-down list. This starts your session using Xorg as the compositor.
2. Open up Ubuntu Software and install Synaptic Package Manager.
3. When finished, fire up Synaptic Package Manager and install gtk2-engines-pixbuf (and its dependencies).
4. When finished, restart your computer.
This results in GTK 2 applications such as 'The Gimp' and 'Inkscape' to be themed properly.
There is an easier way to handle this: sudo apt-get install gtk2-engines-pixbuf is the terminal command.
On the subject: I personally use Xorg as the compositor because the color-picker (an important tool for graphical applications) does not work under Wayland. And I get to use the Synaptic Package Manager, which is (in my opinion ) better than the default Ubuntu Software.
- The gnome-themes-standard package,
- The murrine engine. This has different names depending on your distro.
gtk-engine-murrine (Arch Linux)
gtk2-engines-murrine (Debian, Ubuntu, elementary OS)
gtk-murrine-engine (Fedora)
gtk2-engine-murrine (openSUSE)
gtk-engines-murrine (Gentoo)
How to install:
Download the theme you want (Gnome-PRO, Gnome-PRO+, or Gnome-PRO-LighterBlue, or Gnome PRO-Dark))
Just copy the extracted file to a '.themes'-folder you make in your home directory.
Then use Tweak-tool to select the GTK-theme.
LOG OUT AND BACK IN for changes to take full effect !
Comments
Please comment if you see things broken, or want differently. I will post fixes as soon as possible.
Updates:
23/11/2017: Fixed the maximize-button in Chrome-browser when maximized (using chrome-browser's own titlebuttons)
04/11/2017: Corrected the windowtitle-color in dark version (thanks to btd1337!)
29/10/2017: New Theme: Gnome PRO II
15/08/2017: Added Gnome PRO-light-blue + (heavier font-rendering)
8/08/2017: Added Gnome PRO+ ( heavier font-rendering); Polishing and solving bugs
2/08/2017: Added a third version: Gnome-PRO-Dark
----------------------------------------------------------------------------------------------------------
1/08/2017: Now support for dark mode!
Some (like Terminal, Photos, Videos and the Weather-app) default to the dark mode now.
To use to global Dark theme just use the switch in the appearance-tab in Tweak-tool, log out and back in to apply.
Bear in mind that GTK-2-app's do not switch to dark mode.
Other changes:
- GTK 2-buttons are smaller (so they look like GTK3-buttons)
- Changed Tooltip-color to white-on-black
- removed double code
--------------------------------------------------------------------------------------------------
25/07/2017: Added Gnome-PRO-LighterBlue and removed Gnome-PRO-DifSelCol.
--------------------------------------------------------------------------------------------------
23/07/2017: Added a extra theme-version (Gnome-PRO-DifSelColor)
Version 1.2 5 months ago
Fixed the maximize-button in the chrome-browser (when using chrome's own titlebuttons)
Version 1.2 5 months ago
Fixed the maximize-button in the chrome-browser (when using chrome's own titlebuttons)
Corrected Ttitle-color in dark-version (thanks to btd1337 ) 5 months ago
Corrected Ttitle-color
New Version 5 months ago
Gnome PRO II, new version
Added Gnome-PRO-LighterBlue+ 8 months ago
Added Gnome-PRO-LighterBlue+, a heavier-fontrendering-version
Added Gnome-PRO+ ; further polishing and fixing issues 8 months ago
Added Gnome-PRO+ (heavier font-rendering) ; further polishing and fixing issues
Added a third version 8 months ago
Added a third version: Gnome-PRO-Dark
1.1 Added Dark mode and numerous small changes 8 months ago
- Now support for dark mode!
- GTK 2-buttons are smaller (so they look like GTK3-buttons)
- Changed Tooltip-color to white-on-black
- removed double code
New colorversion 8 months ago
Removed Gnome-PRO-DifSelcolor and added Gnome-PRO LighterBlue
Extra theme-version 9 months ago
Gnome-PRO-DifSelColor, a version with a softer selection color)
alex-kas
2 months ago
However, got few issues.
I'm trying using it in MATE. Overall it is great, I love it for smaller controls but all variants apart from Dark1.2 block the background image. I fixed this by commenting out
background-image:linear-gradient()
in section .background in ./gtk-3.0/gtk.css
Related: MATE uses white font in its keyboard layout applet for showing the current locale and this is not seen at all in light versions of the theme. I understand that you cannot change the background on an app-based basis. Thus, will dig inside gtk.css as well. Will report if can fix it smoothly.
Also, MATE cannot see the variant "Pro II" as it is packed as .xz while MATE looks for .gx archives only upon "Install..."
Minus these minor and perhaps just MATE related issues - extreme work, keep going, dude!
Report
rythe
5 months ago
Report
pesgo
5 months ago
Report
paulxfce
5 months ago
1. Make sure you have a .font, a .icons and a .themes folder in your home folder
2. We need to make symbolic links to these file in the root directory with these terminal commands :
sudo ln -s /home/[username]/.themes /root/.themes
sudo ln -s /home/[username]/.icons /root/.icons
sudo ln -s /home/[username]/.fonts /root/.fonts
And replace the username (and its brackets) with you home folder name. Then execute them one by one.
3. Restart your computer; et voila all is solved...
If, for some reason, it didn't work check your root folder with this terminal command: sudo nautilus, this wil open a root-nautilus window. Look in the file-system that pops up for thr root-folder. If the three files (.fonts/.icons/;themes) are there? then you have done you job right and everything should work if you restart
Report
pesgo
5 months ago
First of all thanks a lot for your support and your patience
sorry if I use this channel to answer but it seems to me the easiest to understand if it is a misunderstanding.
In fact I want to attach an image of the Synaptic screen to make it clear what I mean (different gray shades in the buttons part, on the left). It may be that at the end this is its normal appearance?
I followed all the instructions you have given me and nothing has changed. I had already applied it to the existing folders (only .icons and .themes).
I can only say that the .fonts folder was not present in my home (now it is created but is empty). Now all 3 folders are present and linked to the root folder.
Even copying the theme into the usr / share / themes folder, it does not change anything in Synaptic's appearance.
I'm Italian, sorry for my poor English
thanks again for the support.
Report
pesgo
5 months ago
First of all thanks a lot for your support and your patience
Sorry but it seems to me the easiest to understand if it is a misunderstanding if
I attach an image of the Synaptic screen to make it clear what I mean (different gray shades in the buttons part, on the left). It may be that, at the end, this is its normal appearance? See https://photos.app.goo.gl/SADm0nsbcXzMiwip1 , please (I hope the link works).
I followed all the instructions you have given me and nothing has changed. I had already applied it to the existing folders (only .icons and .themes).
I can only say that the .fonts folder was not present in my home (now it is created but is empty). Now all 3 folders are present and linked to the root folder.
Even copying the theme into the usr / share / themes folder, it does not change anything in Synaptic's appearance.
I'm Italian, sorry for my poor English
thanks again for the support.
Report
paulxfce
5 months ago
background-image:linear-gradient(to bottom left,rgba(235,240,244,1),rgba(221,227,232,1),rgba(221,227,232,1),rgba(238,244,246,1)); }
Which is a four-color-gradient. That moves from the right top to the left bottom of the area. So colors can different within the same background-area
Report
pesgo
5 months ago
Does this mean that it is the normal aspect that you have to meet?
Or is it possible to match the color gradient even in the area where there are no buttons?
Thanks again for the support
Report
pesgo
5 months ago
Report
andril
5 months ago
Report
btd1337
5 months ago
Problem screenshot: https://i.imgur.com/vtTiymn.jpg
In previous versions this code solved the problem:
headerbar .title, .titlebar:not(headerbar) .title {
color: rgba(175, 175, 175, 1); // any light color
}
But in II version this doesn't works.
Report
btd1337
5 months ago
Report
btd1337
5 months ago
In file gtk-dark.css it's necessary to change the selector:
headerbar .title, .titlebar:not(headerbar) .title { }
Include this code into selector, reload Gnome Shell (alt + f2 + r) and will work!
headerbar .title, .titlebar:not(headerbar) .title {
color: rgba(175, 175, 175, 1.00);
text-shadow: none;
padding-left: 12px;
padding-right: 12px;}
Screenshot: https://i.imgur.com/MlN783H.png
Or replace this gtk-dark.css for this: https://ufile.io/s1uv8
Is it possible to include the fix in future releases?
Report
paulxfce
5 months ago
Report
paulxfce
5 months ago
Report
btd1337
5 months ago
Report
alpargyenge
5 months ago
Report
Karl-Schneider
5 months ago
Report
btd1337
5 months ago
But unfortunately It have two bugs:
1º Margin in Nautilus when gnome buttons is in the left side.
Print: https://i.imgur.com/ua0NCpd.png
2º Windows Text in dark applications are in black color hindering visibility.
Pic: https://i.imgur.com/xmcS8Vs.png
It would be magic if you could fix the problem! Thanks!
Report
btd1337
5 months ago
nautilus-window.maximized headerbar, .nautilus-window headerbar {
padding-left: 8px;}
Works for me.
Report
btd1337
5 months ago
Print: https://i.imgur.com/PDxiFS0.png
Report
andril
6 months ago
Report
Aksu
7 months ago
Report
burmanh
7 months ago
Report
plavasova
7 months ago
Report